@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--bg:#f6f3ec;--paper:#fffdf8;--ink:#322e29;--muted:#888176;--line:#e5dfd4;--accent:#a86246;--accent-dark:#885037;--soft:#eee5d9;--green:#6b8060;--serif:"Noto Serif SC", "Songti SC", Georgia, serif;--sans:"Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow:0 4px 20px #50403004}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffefa;border-radius:9px;outline:none;padding:13px 14px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:#aaa296}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a8624612}textarea{resize:vertical;line-height:1.8}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--serif);font-weight:600}h1{letter-spacing:-1.5px;font-size:42px;line-height:1.5}h2{font-size:21px;line-height:1.6}h3{font-weight:500}button svg,a svg{flex-shrink:0}.muted{color:var(--muted);line-height:1.9}.mobile-break{display:none}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:94px;margin:auto;padding:0 42px;display:flex}.brand{font-family:var(--serif);letter-spacing:2px;align-items:center;gap:11px;font-size:21px;font-weight:600;display:flex}.brand-mark{width:39px;height:39px;color:var(--paper);background:var(--accent);border-radius:12px;place-items:center;display:grid}.brand-en{font-family:var(--sans);letter-spacing:1.8px;color:var(--muted);margin-top:3px;font-size:8px;font-weight:500;display:block}.header-tag{color:var(--muted);letter-spacing:1px;font-size:11px}.site-footer{border-top:1px solid var(--line);color:#969084;justify-content:space-between;gap:18px;max-width:1236px;margin:0 auto;padding:26px 0 32px;font-size:11px;display:flex}.site-footer a{align-items:center;gap:6px;display:inline-flex}.student-shell{min-height:100vh}.student-shell .site-header{max-width:1080px}.student-shell .site-footer{max-width:920px}.student-main{max-width:920px;margin:0 auto;padding:46px 0 54px}.eyebrow{letter-spacing:1.7px;color:var(--accent);align-items:center;gap:9px;margin-bottom:12px;font-size:10px;font-weight:500;display:flex}.eyebrow>span:not(.eyebrow-divider){background:var(--accent);border-radius:50%;width:6px;height:6px}.eyebrow-divider{color:#c7b9a8;margin:0 2px}.intro{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.9}.student-main>.intro{margin-bottom:28px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.section-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-number{letter-spacing:1.6px;color:var(--muted);font-size:10px;font-weight:500}.text-button{color:#807464;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:6px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--accent)}.icon-button{color:#807464;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover{background:#eee8de}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:12px;font-weight:500;line-height:1.5;transition:background .2s,transform .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fffaf0;box-shadow:0 3px 6px #a8624612}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.secondary{border-color:var(--line);color:#76614c;background:#f7f3eb}.button.secondary:hover:not(:disabled){background:#eee5d9}.button.small{padding:10px 15px;font-size:11px}.question-card{padding:23px 27px 14px}.spectrum svg{width:100%;display:block;overflow:visible}.axis-tick{font:15px var(--sans);fill:#918a7e}.axis-title{font:14px var(--sans);fill:#82796b;letter-spacing:.5px}.curve-tag{font:600 15px var(--sans)}.curve-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 20px;display:flex}.curve-legend button{color:#847c6f;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:6px 8px;font-size:10px;display:flex}.curve-legend button:hover,.curve-legend button.selected{border-color:var(--line);background:#f7f3eb}.curve-legend strong{color:#5a5348;font-size:11px;font-weight:600}.line-sample{border-top:2px solid;flex-shrink:0;width:22px;display:inline-block}.line-b{border-top-style:dashed}.line-c{opacity:.9;border-top-style:dashed}.chart-note{text-align:center;color:#aba397;letter-spacing:.2px;margin:13px 0 0;font-size:9px}.answer-card{margin-top:22px;padding:25px 30px}.progress-label{color:var(--muted);font-size:10px}.answer-grid{grid-template-columns:1fr 1fr;gap:22px 28px;margin:24px 0;display:grid}.field-label{color:#8b8173;align-items:center;gap:9px;margin-bottom:10px;font-size:11px;display:flex}.field-label>.line-sample{margin-left:auto}.letter-chip{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:inline-flex}.answer-field input{height:46px;font-size:13px}.reason-toggle{text-align:left;color:#766c5e;align-items:center;gap:7px;width:100%;padding:8px 0;font-size:12px;display:flex}.reason-toggle span{color:#a29787;background:#f1ece2;border-radius:4px;padding:2px 5px;font-size:9px}.reason-toggle svg{margin-left:auto;transition:transform .2s}.rotated{transform:rotate(180deg)}.reason-box{margin:10px 0;position:relative}.reason-box textarea{padding-bottom:28px;font-size:12px}.reason-box>span{color:var(--muted);font-size:10px;position:absolute;bottom:12px;right:14px}.submit-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:22px;display:flex}.submit-row>p{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.privacy-note{color:#a49c90;margin-top:18px;font-size:9px;line-height:1.8}.notice{background:#f0eee7;border-radius:9px;align-items:center;gap:9px;margin:15px 0;padding:12px 16px;font-size:12px;line-height:1.8;display:flex}.notice.warning{color:#976047;background:#f5e9dc;border:1px solid #e8d5bf}.notice>button{flex-shrink:0;margin-left:auto;font-size:11px;text-decoration:underline}.notice>svg{flex-shrink:0}.waiting,.success-panel{text-align:center;margin-top:22px;padding:42px 32px}.waiting p,.success-panel>p{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.9}.waiting-icon{color:#ad8a64;margin-bottom:10px;font-size:38px;display:block}.success-icon{color:#6b8060;background:#eaf0e3;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 18px;display:grid}.success-panel .eyebrow{color:var(--green);justify-content:center;font-size:9px}.success-panel h2{font-size:26px}.submitted-grid{grid-template-columns:repeat(4,1fr);gap:10px;max-width:620px;margin:26px auto;display:grid}.submitted-grid>div{border:1px solid var(--line);background:#f7f4ed;border-radius:9px;min-width:0;padding:15px 8px}.submitted-grid span{margin-bottom:8px;font-size:11px;display:block}.submitted-grid strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.closed-label{color:var(--muted);font-size:11px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#332d246e;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:1px solid #e5ddd0;border-radius:19px;width:100%;max-height:90vh;padding:35px;position:relative;overflow:auto;box-shadow:0 25px 120px #2b241c33}.chart-modal{max-width:1080px}.chart-modal .muted{text-align:center;margin-top:20px;font-size:11px}.modal-close{position:absolute;top:17px;right:17px}.auth-card{max-width:600px;margin:80px auto;padding:44px}.auth-card h1{font-size:34px;line-height:1.6}.auth-card p{color:var(--muted);margin:22px 0 28px;font-size:13px;line-height:1.9}.auth-card>.text-button{margin-top:20px;display:flex}.teacher-shell{min-height:100vh}.teacher-header nav{align-items:center;gap:26px;display:flex}.teacher-main{max-width:1236px;margin:auto;padding:38px 0 22px}.dashboard-heading{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.dashboard-heading h1{letter-spacing:-1px;font-size:34px}.title-period{color:var(--accent)}.dashboard-heading .eyebrow{margin-bottom:8px;font-size:9px}.dashboard-heading .intro{margin-top:7px;font-size:11px}.session-status{text-align:right;flex-direction:column;align-items:flex-end;gap:9px;display:flex}.status-pill{color:#847969;background:#eee9df;border-radius:100px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:inline-flex}.status-pill i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-pill.live{color:#758066;background:#eaf0e2}.status-pill.disconnected{color:#a3714a;background:#f4e5d6}.status-pill.live i{box-shadow:0 0 0 3px #75806613}.sync-time{color:#a69d90;font-size:9px}.metrics{border:1px solid var(--line);background:#f9f6ef;border-radius:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--line);align-items:center;gap:15px;min-height:107px;padding:21px 24px;display:flex;position:relative}.metric:last-child{border:0}.metric-icon{color:#9d8065;background:#efe8dc;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.metric-label{color:#8c8070;margin-bottom:4px;font-size:10px;display:block}.metric p{align-items:baseline;gap:7px;display:flex}.metric p strong{font-family:Georgia, var(--serif);color:#4f4438;font-size:34px;font-weight:400;line-height:1.2}.metric p>span{color:#a3998b;font-size:11px}.metric-caption{color:#a79c8c;font-size:9px;position:absolute;bottom:21px;right:20px}.participation-track{background:#e7dfd1;border-radius:3px;width:80px;height:3px;position:absolute;bottom:28px;right:25px;overflow:hidden}.participation-track i{background:#b98d6b;height:100%;transition:width .5s;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.38fr) minmax(0,1fr);gap:22px;display:grid}.teacher-chart{flex-direction:column;min-width:0;padding:23px 23px 0;display:flex}.teacher-chart .section-top{align-items:flex-start}.teacher-chart h2,.results-card h2{margin-top:5px;font-size:20px}.teacher-chart .spectrum{flex-direction:column;flex:1;justify-content:center;margin:17px -10px 14px;display:flex}.teacher-chart .curve-legend{gap:3px}.teacher-chart .curve-legend button{padding:5px;font-size:9px}.teacher-chart .chart-note{font-size:8px}.chart-bottom{border-top:1px solid var(--line);color:#a09380;justify-content:space-between;align-items:center;padding:12px 0;font-size:9px;display:flex}.chart-bottom i{padding:0 6px;font-style:normal}.chart-bottom .text-button{font-size:9px}.reveal-button{padding-top:3px;font-size:9px}.results-card{min-width:0;padding:23px 23px 18px}.mini-badge{color:#958370;background:#f1ece3;border-radius:5px;padding:5px 8px;font-size:9px}.tabs{border-bottom:1px solid var(--line);gap:23px;margin-top:14px;display:flex}.tabs button{color:#a09587;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0 12px;font-size:10px}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.results-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:315px;padding:30px;display:flex}.empty-bars{align-items:flex-end;gap:6px;height:50px;margin-bottom:24px;display:flex}.empty-bars i{background:#e6dfd1;border-radius:4px;width:11px;height:30px}.empty-bars i:nth-child(2){background:#dbcbb7;height:48px}.empty-bars i:nth-child(3){background:#dfd6c7;height:36px}.empty-bars i:nth-child(4){background:#eee7db;height:20px}.results-empty h3{font-family:var(--serif);font-size:19px;font-weight:500}.results-empty p{color:var(--muted);max-width:220px;margin:12px 0 22px;font-size:11px;line-height:1.9}.distributions{padding-top:17px}.distribution{margin-bottom:17px}.distribution-title{color:#817566;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.distribution-title .letter-chip{border-radius:6px;width:23px;height:23px;font-size:11px}.correct-label{color:#8d8273;margin-left:auto;font-size:9px}.stacked-track{background:#f0ebe2;border-radius:4px;gap:2px;height:7px;display:flex;overflow:hidden}.stacked-track i{height:100%;transition:width .5s}.group-labels{flex-wrap:wrap;gap:10px;min-width:0;margin-top:7px;font-size:9px;display:flex}.group-labels>span{color:#918678;text-overflow:ellipsis;white-space:nowrap;max-width:32%;overflow:hidden}.group-labels b{color:#716554;padding-left:5px;font-weight:500}.distribution-legend{color:#a29583;gap:15px;padding-top:3px;font-size:8px;display:flex}.distribution-legend span{align-items:center;gap:5px;display:flex}.distribution-legend i{border-radius:1px;width:5px;height:5px;display:inline-block}.responses-list{max-height:340px;margin-top:8px;overflow:auto}.response-row{border-bottom:1px solid var(--line);gap:11px;padding:13px 0;display:flex}.response-row:last-child{border:0}.response-number{color:#b5a68f;font-family:Georgia,serif;font-size:13px;line-height:1.9}.response-row>div{flex:1;min-width:0}.response-answers{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:6px;font-size:10px;display:grid}.response-answers b{margin-right:6px;font-weight:500}.response-row p{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:10px;line-height:1.8}.insights-card{background:linear-gradient(115deg,#fbf7ef,#fffdf8 70%);margin-top:22px;padding:24px 27px 0}.insights-intro{align-items:center;gap:16px;display:flex}.ai-symbol{color:#a57d52;background:#f0e5d5;border:1px solid #e6d5bd;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.insights-intro .section-number{color:#aa8b67;letter-spacing:1.6px;font-size:8px}.insights-intro h2{margin-top:3px;font-size:20px}.insights-intro p{color:#a39684;margin-top:4px;font-size:9px}.ai-controls{align-items:center;gap:14px;margin-left:auto;display:flex}.switch-label{color:#92836e;align-items:center;gap:10px;font-size:10px;display:flex}.switch{background:#dbd5c9;border-radius:20px;width:33px;height:19px;padding:3px;transition:background .2s;position:relative}.switch i{background:#fffdf8;border-radius:50%;width:13px;height:13px;transition:transform .2s;display:block;box-shadow:0 1px 3px #0002}.switch.on{background:var(--accent)}.switch.on i{transform:translate(14px)}.insights-empty{color:#a18461;justify-content:center;align-items:center;gap:20px;min-height:125px;padding:28px 10px;display:flex}.insights-empty h3{font-family:var(--serif);color:#89745b;font-size:16px}.insights-empty p{color:#a59580;margin-top:7px;font-size:10px;line-height:1.8}.thought-dots{gap:5px;display:flex}.thought-dots i{background:#cbb697;border-radius:50%;width:5px;height:5px}.thought-dots i:nth-child(2){background:#dbcab0}.thought-dots i:nth-child(3){background:#e8ddca}.insights-foot{color:#ab9b85;border-top:1px solid #e8dfd0;justify-content:space-between;gap:12px;padding:12px 0;font-size:8px;display:flex}.inline-note{color:#9b876b;background:#f2ebde;border-radius:7px;margin:18px 0 0;padding:10px 12px;font-size:10px;line-height:1.9}.analysis-body{padding:22px 0 18px}.analysis-summary{justify-content:space-between;align-items:center;gap:15px;display:flex}.analysis-summary h3{font-family:var(--serif);font-size:19px;line-height:1.7}.analysis-summary>span{color:#ab8a65;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:flex}.insight-columns{gap:26px;margin-top:20px;display:flex}.insight-columns article{border-left:1px solid #e3d7c5;flex:1;min-width:0;padding-left:17px;position:relative}.insight-index{color:#bea281;font-family:Georgia,serif;font-size:11px}.insight-columns h3{color:#78634b;margin:7px 0;font-size:12px;line-height:1.8}.insight-columns p{color:#99856d;overflow-wrap:anywhere;font-size:11px;line-height:1.95}.teaching-cue{background:#f1e8d9;border-radius:8px;align-items:flex-start;gap:15px;margin-top:23px;padding:13px 15px;display:flex}.teaching-cue>span{white-space:nowrap;color:#96774e;border:1px solid #d9c6aa;border-radius:4px;padding:3px 6px;font-size:9px}.teaching-cue p{color:#8d7353;font-size:11px;line-height:1.95}.analysis-limit{color:#ac9c86;margin-top:12px;font-size:8px;line-height:1.9}.classroom-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:0 2px;display:flex}.classroom-controls>div:first-child{color:#9b8f7c;align-items:center;gap:7px;font-size:9px;display:flex}.connection-dot{background:#89996f;border-radius:50%;width:5px;height:5px}.connection-dot.off{background:#c58f69}.control-separator{background:#d8cebd;width:1px;height:11px;margin:0 5px}.control-buttons{align-items:center;gap:24px;display:flex}.control-buttons .text-button{font-size:10px}.qr-modal{text-align:center;max-width:440px;padding-top:42px}.qr-modal .eyebrow{justify-content:center;font-size:9px}.qr-modal h2{font-size:23px}.qr-modal>p{color:var(--muted);margin-top:10px;font-size:11px}.qr-modal>img{border:1px solid var(--line);border-radius:10px;max-width:100%;height:auto;margin:24px auto;display:block}.url-copy{border:1px solid var(--line);background:#f4efe6;border-radius:8px;align-items:center;padding:4px 6px;display:flex}.url-copy input{box-shadow:none;background:0 0;border:0;padding:6px;font-size:10px}.qr-actions{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.confirm-modal{max-width:480px}.confirm-modal>p,.details-modal>p{color:#8c7d69;margin-top:15px;font-size:12px;line-height:1.95}.confirm-modal>.muted{color:#a29179;font-size:10px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.details-modal{max-width:560px}.reference-list{margin-top:24px}.reference-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 0;display:flex}.reference-list strong{width:56px;font-size:12px;font-weight:500}.reference-list>div>span:last-child{color:var(--muted);font-size:10px}.exit-focus{opacity:.35;z-index:20;position:fixed;bottom:15px;right:18px}.exit-focus:hover{opacity:1}.focus-mode .teacher-header,.focus-mode .site-footer,.focus-mode .classroom-controls{display:none}.focus-mode .teacher-main{max-width:1600px;padding:24px 32px}.focus-mode .dashboard-heading{margin-bottom:18px}.focus-mode .dashboard-heading h1{font-size:30px}.focus-mode .dashboard-heading .intro{display:none}.focus-mode .metrics{margin-bottom:18px}.focus-mode .metric{min-height:84px;padding:14px 24px}.focus-mode .teacher-chart .spectrum{max-height:360px}.focus-mode .spectrum svg{flex:1;min-height:0}.focus-mode .insights-card{margin-top:18px}.focus-mode .teacher-chart h2,.focus-mode .results-card h2{font-size:22px}.focus-mode .insight-columns p{font-size:13px}.focus-mode .insights-intro p{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.teacher-main,.site-footer{max-width:1360px}.site-header{max-width:1444px}.dashboard-grid{grid-template-columns:1.4fr 1fr}.teacher-chart .spectrum{margin-top:5px}.results-card{padding:27px}.distributions{padding-top:22px}.distribution{margin-bottom:21px}.distribution-title{font-size:12px}.group-labels{font-size:10px}.teacher-chart .curve-legend{gap:12px}.insights-empty{min-height:130px}}@media (max-width:1300px){.teacher-main,.teacher-shell .site-footer{margin:0 34px}.metric-caption{max-width:90px;font-size:8px}.participation-track{width:50px}.student-main,.student-shell .site-footer{max-width:850px}}@media (max-width:1000px){.student-main,.student-shell .site-footer{margin:0 32px}.site-header{padding:0 32px}.teacher-main,.teacher-shell .site-footer{margin:0 25px}.teacher-header nav{gap:14px}.teacher-header nav .header-tag{display:none}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:15px}.teacher-chart,.results-card{padding:18px}.teacher-chart{padding-bottom:0}.teacher-chart h2,.results-card h2{font-size:17px}.teacher-chart .section-top{flex-wrap:wrap;gap:5px}.metric{gap:10px;padding:17px}.metric-caption{display:none}.metric-icon{width:32px;height:32px}.metric p strong{font-size:29px}.metric-label{font-size:9px}.participation-track{display:none}.curve-legend{gap:2px 8px}.teacher-chart .curve-legend button>span:last-child{display:none}.insights-intro h2{font-size:18px}.insights-card{padding:20px 22px 0}.classroom-controls>div:first-child{font-size:8px}.control-buttons{gap:15px}.focus-mode .teacher-main{margin:0;padding:20px}.analysis-summary{flex-wrap:wrap}.insight-columns{gap:15px}.insight-columns article{padding-left:12px}}@media (max-width:760px){h1{letter-spacing:-.7px;font-size:32px}.site-header{height:78px;padding:0 23px}.brand{font-size:19px}.brand-mark{border-radius:10px;width:34px;height:34px}.brand-en{font-size:7px}.header-tag{font-size:9px}.student-main{margin:0 20px;padding:33px 0 35px}.student-main .eyebrow{font-size:9px}.student-main>.intro{margin-bottom:23px;font-size:12px}.question-card{padding:17px 13px 13px}.section-top .text-button,.section-number{font-size:9px}.spectrum{margin:6px -4px 0}.spectrum svg{margin-bottom:8px}.axis-tick,.axis-title,.curve-tag{font-size:17px}.curve-legend{gap:2px}.curve-legend button{gap:4px;padding:5px 3px;font-size:8px}.curve-legend .line-sample{width:14px}.curve-legend strong{font-size:9px}.chart-note{margin-top:8px;font-size:8px}.answer-card{margin-top:17px;padding:20px}.answer-grid{gap:20px 15px;margin:22px 0}.field-label{gap:7px;font-size:9px}.field-label .line-sample{display:none}.answer-field input{height:44px;padding:12px;font-size:12px}.submit-row{gap:8px;margin-top:19px;padding-top:19px}.submit-row>p{font-size:9px}.submit-row .button{padding:12px 18px}.privacy-note{font-size:8px}.site-footer{padding:22px 0;font-size:9px}.student-shell .site-footer{margin:0 20px}.teacher-main{margin:0 20px;padding-top:28px}.teacher-header nav{gap:8px}.teacher-header nav .text-button{font-size:9px}.dashboard-heading{align-items:flex-start;gap:15px}.dashboard-heading h1{font-size:27px}.dashboard-heading .intro{font-size:10px}.dashboard-heading .eyebrow{letter-spacing:1px;font-size:8px}.session-status{padding-top:3px}.status-pill{white-space:nowrap;padding:6px 8px;font-size:8px}.sync-time{display:none}.metrics{gap:0;margin-bottom:17px}.metric{gap:0;min-height:83px;padding:15px 12px}.metric-icon{display:none}.metric-label{font-size:8px}.metric p strong{font-size:27px}.metric p>span{font-size:8px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.teacher-chart .section-top{flex-wrap:nowrap}.teacher-chart,.results-card{padding:20px}.teacher-chart{padding-bottom:0}.teacher-chart .spectrum{margin:10px -8px}.teacher-chart .curve-legend button>span:last-child{display:inline}.teacher-chart h2,.results-card h2{font-size:21px}.teacher-chart .curve-legend{gap:5px}.results-empty{min-height:240px}.distributions{padding-top:20px}.distribution{margin-bottom:20px}.distribution-title{font-size:11px}.group-labels{font-size:10px}.insights-card{margin-top:17px;padding:20px 18px 0}.insights-intro{flex-wrap:wrap;gap:10px}.ai-symbol{border-radius:10px;width:36px;height:36px}.insights-intro h2{font-size:17px}.insights-intro .section-number{font-size:7px}.ai-controls{margin-left:auto}.switch-label{gap:6px;font-size:9px}.insights-intro p{font-size:8px}.insights-empty{gap:12px;padding:28px 5px}.insights-empty h3{font-size:15px}.insights-empty p{font-size:10px}.insights-foot{align-items:flex-start;font-size:7px;line-height:1.8}.analysis-summary h3{font-size:18px}.insight-columns{flex-direction:column;gap:20px}.insight-columns h3{font-size:13px}.insight-columns p{font-size:12px}.teaching-cue{gap:10px;padding:12px}.analysis-limit{font-size:9px}.classroom-controls{flex-wrap:wrap;gap:20px}.classroom-controls>div:first-child{font-size:9px}.control-buttons{justify-content:space-between;width:100%}.teacher-shell .site-footer{margin:0 20px;font-size:8px}.modal-backdrop{padding:16px}.modal{border-radius:14px;padding:26px 23px}.qr-modal{padding-top:40px}.qr-modal h2{font-size:22px}.confirm-modal h2{font-size:23px}.modal-actions{gap:10px}.modal-actions .button{padding:12px 15px;font-size:11px}.reference-list>div{gap:7px}.reference-list>div>span:last-child{flex:1;font-size:9px}.chart-modal{padding:22px 12px}.chart-modal h2{padding-left:10px;font-size:18px}.chart-modal .spectrum{min-width:600px}.chart-modal{overflow-x:auto}.success-panel{padding:30px 20px}.success-panel h2{font-size:23px}.submitted-grid{grid-template-columns:1fr 1fr}.auth-card{margin:45px 20px;padding:30px}.auth-card h1{font-size:28px}}@media (max-width:390px){.mobile-break{display:block}.student-main h1{font-size:31px}.curve-legend{grid-template-columns:1fr 1fr;max-width:240px;margin:auto;display:grid}.curve-legend button{justify-content:center}.answer-grid{grid-template-columns:1fr}.dashboard-heading h1{font-size:23px}.dashboard-heading .eyebrow{font-size:7px}.ai-controls{width:100%;margin:8px 0 0 46px}.metric{padding:14px 9px}.qr-actions{gap:10px}.teacher-header .brand-en{letter-spacing:.8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.history-list{margin-top:22px}.history-list>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:17px 0;display:flex}.history-list strong{font-size:12px;font-weight:500;display:block}.history-list span{color:var(--muted);margin-top:7px;font-size:10px;display:block}@media (max-width:760px){.student-main .axis-tick,.student-main .axis-title{font-size:23px}.student-main .curve-tag{font-size:21px}.student-main .chart-modal .axis-tick{font-size:17px}.control-buttons{gap:10px}.control-buttons .text-button{font-size:9px}}@media (min-width:901px) and (min-height:650px){.focus-mode .teacher-main{height:100vh;flex-direction:column;gap:12px;max-width:none;height:100dvh;margin:0;padding:18px 28px;display:flex}.focus-mode .dashboard-heading{flex-shrink:0;min-height:52px;margin:0}.focus-mode .dashboard-heading h1{font-size:25px;line-height:1.35}.focus-mode .dashboard-heading .eyebrow{margin-bottom:5px;font-size:8px}.focus-mode .sync-time{font-size:8px}.focus-mode .metrics{flex-shrink:0;min-height:66px;margin:0}.focus-mode .metric{min-height:66px;padding:10px 20px}.focus-mode .metric p strong{font-size:27px}.focus-mode .metric-icon{border-radius:9px;width:32px;height:32px}.focus-mode .metric-label{font-size:9px}.focus-mode .metric-caption{bottom:17px}.focus-mode .dashboard-grid{flex:1;gap:16px;min-height:245px}.focus-mode .teacher-chart,.focus-mode .results-card{flex-direction:column;min-height:0;padding:15px 19px;display:flex}.focus-mode .teacher-chart h2,.focus-mode .results-card h2{margin-top:2px;font-size:18px}.focus-mode .section-number{font-size:8px}.focus-mode .teacher-chart .spectrum{flex:1;min-height:0;max-height:none;margin:2px -10px 0}.focus-mode .spectrum svg{flex:1;height:100%;min-height:0;max-height:100%;margin:0}.focus-mode .curve-legend{flex-shrink:0;margin-top:0}.focus-mode .curve-legend button{padding:3px;font-size:9px}.focus-mode .chart-note,.focus-mode .chart-bottom{display:none}.focus-mode .results-empty{flex:1;min-height:0;padding:10px}.focus-mode .empty-bars{height:35px;margin-bottom:10px;transform:scale(.8)}.focus-mode .results-empty h3{font-size:16px}.focus-mode .results-empty p{margin:7px 0 10px;font-size:10px}.focus-mode .results-empty .button{padding:7px 12px}.focus-mode .tabs{margin-top:7px}.focus-mode .tabs button{padding:6px 0;font-size:9px}.focus-mode .distributions{flex-direction:column;flex:1;justify-content:space-around;min-height:0;padding-top:10px;display:flex}.focus-mode .distribution{margin-bottom:8px}.focus-mode .distribution-title{margin-bottom:4px;font-size:10px}.focus-mode .distribution-title .letter-chip{width:20px;height:20px}.focus-mode .group-labels{margin-top:4px}.focus-mode .distribution-legend{padding:0;font-size:8px}.focus-mode .responses-list{flex:1;min-height:0;max-height:none}.focus-mode .insights-card{flex-shrink:0;margin:0;padding:14px 20px 0}.focus-mode .insights-intro{gap:10px}.focus-mode .ai-symbol{border-radius:9px;width:32px;height:32px}.focus-mode .insights-intro h2{margin:0;font-size:17px}.focus-mode .insights-intro .section-number{font-size:7px}.focus-mode .inline-note{margin-top:9px;padding:6px 10px;font-size:9px}.focus-mode .insights-empty{min-height:62px;padding:12px 10px}.focus-mode .insights-empty h3{font-size:14px}.focus-mode .insights-empty p{margin-top:4px;font-size:9px}.focus-mode .insights-foot{padding:7px 0;font-size:8px}.focus-mode .analysis-body{padding:10px 0}.focus-mode .analysis-summary h3{font-size:16px}.focus-mode .insight-columns{gap:18px;margin-top:10px}.focus-mode .insight-index{display:none}.focus-mode .insight-columns h3{margin:0 0 4px;font-size:11px}.focus-mode .insight-columns p{font-size:11px;line-height:1.8}.focus-mode .teaching-cue{align-items:center;margin-top:10px;padding:8px 11px}.focus-mode .teaching-cue p{font-size:10px}.focus-mode .analysis-limit{margin-top:6px;font-size:8px}.focus-mode .exit-focus{padding:6px 8px;font-size:8px;bottom:5px;right:6px}}:root{--muted:#7b7164}.header-tag,.section-number,.progress-label,.metric-label,.group-labels>span,.correct-label,.distribution-legend,.sync-time,.insights-intro p,.insights-foot,.analysis-limit,.chart-note,.privacy-note,.site-footer,.classroom-controls>div:first-child,.metric-caption,.metric p>span,.metric-label{color:#857665}.insights-empty p,.insight-columns p{color:#89745c}.axis-tick{fill:#817462}.axis-title{fill:#756958}@media (max-width:760px){.answer-field input,.reason-box textarea{font-size:16px}.privacy-note{font-size:10px;line-height:1.8}.field-label{font-size:11px}.progress-label,.submit-row>p{font-size:10px}.curve-legend button,.chart-note{font-size:9px}.student-main .intro{font-size:13px}.student-shell .site-footer{font-size:10px}.reason-toggle{font-size:13px}}@media (min-width:1500px) and (min-height:850px){.focus-mode .dashboard-heading h1{font-size:34px}.focus-mode .dashboard-heading .eyebrow{font-size:11px}.focus-mode .metrics,.focus-mode .metric{min-height:82px}.focus-mode .metric-label{font-size:12px}.focus-mode .metric p strong{font-size:36px}.focus-mode .teacher-chart h2,.focus-mode .results-card h2{font-size:24px}.focus-mode .distribution-title{font-size:15px}.focus-mode .group-labels{font-size:13px}.focus-mode .correct-label{font-size:12px}.focus-mode .distribution-title .letter-chip{width:28px;height:28px;font-size:15px}.focus-mode .stacked-track{height:10px}.focus-mode .insights-card{padding:20px 26px 0}.focus-mode .insights-intro h2{font-size:23px}.focus-mode .analysis-summary h3{font-size:22px}.focus-mode .insight-columns h3{font-size:16px}.focus-mode .insight-columns p{font-size:15px}.focus-mode .teaching-cue p{font-size:14px}.focus-mode .analysis-limit,.focus-mode .insights-foot{font-size:11px}.focus-mode .analysis-body{padding-top:18px}.focus-mode .insight-columns{margin-top:17px}.focus-mode .insights-intro .section-number{font-size:10px}}@media (min-width:901px) and (min-height:650px){.focus-mode .teacher-main{gap:9px;padding:14px 24px}.focus-mode .dashboard-heading{min-height:46px}.focus-mode .metrics,.focus-mode .metric{min-height:58px}.focus-mode .metric{padding:7px 18px}.focus-mode .dashboard-grid{min-height:310px}.focus-mode .insights-card.has-analysis .insights-intro{height:20px}.focus-mode .insights-card.has-analysis .ai-symbol,.focus-mode .insights-card.has-analysis .insights-intro .section-number{display:none}.focus-mode .insights-card.has-analysis .insights-intro h2{font-size:11px;font-family:var(--sans);color:#8b7257;font-weight:500}.focus-mode .insights-card.has-analysis .switch-label{font-size:9px}.focus-mode .insights-card.has-analysis{padding-top:10px}.focus-mode .analysis-body{padding:8px 0}.focus-mode .analysis-summary h3{font-size:15px}.focus-mode .insight-columns{margin-top:8px}.focus-mode .teaching-cue{margin-top:8px;padding:6px 10px}.focus-mode .analysis-limit{margin-top:5px}.focus-mode .insights-foot{padding:6px 0}.focus-mode .distribution{margin-bottom:5px}.focus-mode .group-labels{font-size:9px}.focus-mode .distribution-title{font-size:10px}.focus-mode .distributions{padding-top:7px}.focus-mode .distribution-legend{font-size:7px}}@media (min-width:1500px) and (min-height:850px){.focus-mode .teacher-main{gap:15px;padding:24px 34px}.focus-mode .metrics,.focus-mode .metric{min-height:82px}.focus-mode .insights-card.has-analysis .insights-intro h2{font-size:14px}.focus-mode .analysis-summary h3{font-size:22px}.focus-mode .insight-columns{margin-top:17px}.focus-mode .insight-columns p{font-size:15px}.focus-mode .teaching-cue{margin-top:15px;padding:12px}.focus-mode .group-labels{font-size:13px}.focus-mode .distribution-title{font-size:15px}.focus-mode .distribution{margin-bottom:10px}.focus-mode .distribution-legend{font-size:11px}}@media (min-width:901px) and (min-height:650px){.focus-mode .distribution-legend{display:none}.focus-mode .distributions{gap:0}.focus-mode .distribution:last-of-type{margin-bottom:0}}.chart-scroll{overscroll-behavior:contain;overflow-x:auto}.chart-modal{overflow-x:hidden}.success-panel>.submitted-reason{text-align:left;border:1px solid var(--line);overflow-wrap:anywhere;color:#7b7164;background:#f7f3eb;border-radius:9px;max-width:620px;margin:0 auto 24px;padding:14px 16px;font-size:12px;line-height:1.9}.submitted-reason>span{color:#a08565;margin-bottom:5px;font-size:10px;display:block}.button[aria-disabled=true]{pointer-events:none;opacity:.45}.teacher-login-form{text-align:left;gap:18px;margin:28px 0 18px;display:grid}.teacher-login-form label{color:var(--muted);gap:8px;font-size:14px;display:grid}.teacher-login-form input{box-sizing:border-box;color:#302b25;background:#fffdf8;border:1px solid #d9d2c6;border-radius:10px;width:100%;padding:13px 15px;font-size:16px}.teacher-login-form input:focus{outline-offset:2px;outline:2px solid #a66345}.teacher-login-form .button{justify-content:center;width:100%}.auth-card .login-note{color:#847c71;margin:0;font-size:12px;line-height:1.7}.auth-card>.text-button{justify-content:center;margin-top:16px;display:flex}.classroom-controls,.control-buttons{flex-wrap:wrap}.demo-notice{color:#805539;background:#f4e9da;border:1px solid #e4cfb5;margin:0 0 20px;font-size:12px;line-height:1.7}.focus-mode .demo-notice{margin-bottom:12px;padding:8px 12px;font-size:11px}