:root{--brand:#b70050;--brand-dark:#8b003c;--brand-light:#fce8ee;--teal:#22bcbc;--cyan:#00b5cc;--coral:#f37579;--yellow:#ffd461;--pink:#f490af;--purple:#9561a8;--warm-gray:#b0a191;--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}.form-hint{color:var(--warm-gray,#9ca3af);align-self:center;font-size:.78rem}.survey-q-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.survey-q-text{border:1px solid #d1d5db;border-radius:5px;flex:1;min-width:140px;padding:.35rem .6rem;font-size:.85rem}.survey-q-add-btn{background:var(--brand-light,#fce8ee);color:var(--brand-dark,#8b003c);border:1px solid var(--brand,#b70050);cursor:pointer;border-radius:5px;padding:.3rem .8rem;font-size:.82rem;font-weight:500}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.consent-gate{z-index:1000;background:#f3f4f6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.consent-gate-card{background:#fff;border-radius:12px;width:100%;max-width:560px;margin:auto;padding:2rem;box-shadow:0 8px 30px #0000001f}.consent-gate-title{color:var(--brand,#185fa5);margin:0 0 .75rem;font-size:1.3rem;font-weight:700}.consent-gate-greeting{color:#374151;margin:0 0 1rem;font-size:.9rem}.consent-gate-body{border:1px solid #e5e7eb;border-radius:8px;max-height:320px;margin-bottom:1rem;padding:.75rem 1rem;overflow-y:auto}.consent-table{border-collapse:collapse;width:100%;font-size:.82rem}.consent-table th,.consent-table td{text-align:left;vertical-align:top;border-bottom:1px solid #f0f0f0;padding:.45rem .4rem;line-height:1.5}.consent-table th{width:32%;color:var(--brand-dark,#134a82);white-space:nowrap;font-weight:600}.consent-table td{color:#4b5563}.consent-gate-note{color:#9ca3af;margin:.6rem 0 0;font-size:.78rem}.consent-gate-check{color:#374151;cursor:pointer;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:500;display:flex}.consent-gate-actions{align-items:center;gap:.75rem;display:flex}.login-page{box-sizing:border-box;background:radial-gradient(1100px 520px at 12% -10%,#b7005029,#0000 60%),radial-gradient(900px 480px at 105% 115%,#22bcbc24,#0000 55%),linear-gradient(135deg,#fdf3f6 0%,#fbfbfd 48%,#f1fbfb 100%);flex:1;justify-content:center;align-items:center;min-height:100svh;padding:1.5rem;display:flex}.login-card{border:1px solid var(--border,#e5e4e7);box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:2.4rem 2rem 2rem;box-shadow:0 18px 50px -18px #8b003c47}.login-brand{text-align:center;margin-bottom:1.8rem}.login-logo{background:linear-gradient(140deg, var(--brand,#b70050), var(--brand-dark,#8b003c));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.9rem;font-size:1.5rem;font-weight:700;display:inline-flex;box-shadow:0 8px 18px -6px #b7005080}.login-title{color:var(--text-h,#08060d);letter-spacing:-.3px;margin:0 0 .35rem;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--warm-gray,#8a8290);margin:0;font-size:.85rem}.login-form{flex-direction:column;gap:.85rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-label{color:var(--brand-dark,#8b003c);font-size:.8rem;font-weight:600}.login-input{box-sizing:border-box;color:#1f2937;border:1.5px solid var(--border,#e5e4e7);background:#fafafb;border-radius:9px;outline:none;width:100%;padding:.7rem .85rem;font-size:.95rem;transition:border-color .15s,box-shadow .15s,background .15s}.login-input::placeholder{color:#b8b3bd}.login-input:focus{border-color:var(--brand,#b70050);background:#fff;box-shadow:0 0 0 3px #b7005024}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:.1rem 0 0;padding:.5rem .7rem;font-size:.82rem}.login-submit{color:#fff;background:linear-gradient(135deg, var(--brand,#b70050), var(--brand-dark,#8b003c));cursor:pointer;border:none;border-radius:9px;width:100%;margin-top:.5rem;padding:.78rem 1rem;font-size:.98rem;font-weight:600;transition:transform 80ms,box-shadow .15s,opacity .15s;box-shadow:0 10px 22px -10px #b7005099}.login-submit:hover:not(:disabled){box-shadow:0 12px 26px -8px #b70050b3}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.login-foot{text-align:center;color:var(--warm-gray,#b0a191);margin-top:1.4rem;font-size:.74rem}@media (width<=480px){.login-card{padding:2rem 1.4rem 1.6rem}}.pw-modal-backdrop{z-index:1200;background:#11182773;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.pw-modal{background:#fff;border-radius:14px;width:100%;max-width:360px;padding:1.6rem;box-shadow:0 20px 50px -20px #0006}.pw-modal-title{color:var(--brand-dark,#8b003c);margin:0 0 1.1rem;font-size:1.15rem;font-weight:700}.pw-modal-form{flex-direction:column;gap:.8rem;display:flex}.pw-field{flex-direction:column;gap:.3rem;display:flex}.pw-field span{color:#4b5563;font-size:.8rem;font-weight:600}.pw-field input{border:1.5px solid var(--border,#e5e4e7);border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.pw-field input:focus{border-color:var(--brand,#b70050);box-shadow:0 0 0 3px #b7005021}.pw-modal-error{color:#dc2626;margin:0;font-size:.82rem}.pw-modal-actions{justify-content:flex-end;gap:.6rem;margin-top:.5rem;display:flex}.pw-modal-done{color:#374151;flex-direction:column;align-items:center;gap:1.2rem;padding:.5rem 0;display:flex}.pw-btn-primary{background:var(--brand,#b70050);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.55rem 1.2rem;font-size:.9rem}.pw-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pw-btn-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.9rem}.admin-layout{background:#f5f6fa;min-height:100vh;font-family:sans-serif}.admin-header{background:var(--brand);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex}.admin-header h1{margin:0;font-size:1.1rem}.admin-main{flex-direction:column;gap:2rem;padding:2rem;display:flex}.inline-form button:hover{background:var(--brand-dark)}td input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.3rem .5rem}td select{border:1px solid #ccc;border-radius:4px;padding:.3rem .5rem;font-size:.85rem}td button{cursor:pointer;border:none;border-radius:4px;margin-right:.4rem;padding:.25rem .6rem;font-size:.82rem}td button:first-child{background:var(--teal);color:#fff}td button:last-child{background:var(--coral);color:#fff}td button:only-child{background:var(--brand);color:#fff}.aoi-dual-hint{color:#9ca3af;margin:-.25rem 0 .75rem;font-size:.8rem}.aoi-dual-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.aoi-plan-panel{flex-direction:column;gap:.5rem;display:flex}.aoi-plan-header{border-radius:5px;align-self:flex-start;padding:.3rem .75rem;font-size:.82rem;font-weight:600}.aoi-plan-header--a{background:var(--brand-light);color:var(--brand-dark)}.aoi-plan-header--b{color:#006f7a;background:#e0f9fc}.aoi-canvas-wrap{flex-direction:column;gap:.5rem;display:flex}.aoi-label-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.aoi-label-btn{border:1.5px solid var(--color);color:var(--color);cursor:pointer;background:0 0;border-radius:20px;padding:.3rem .9rem;font-size:.85rem;transition:background .15s}.aoi-label-btn.active{background:var(--color);color:#fff;font-weight:600}.aoi-hint{color:#9ca3af;margin-left:.25rem;font-size:.75rem}.aoi-container{aspect-ratio:4/3;background:#111827;border-radius:8px;width:100%;position:relative;overflow:hidden}.aoi-image{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.aoi-rect{cursor:move;box-sizing:border-box;border:2px solid;border-radius:2px;position:absolute}.aoi-rect.selected{box-shadow:0 0 0 1px #fff6}.aoi-rect-label{color:#fff;pointer-events:none;white-space:nowrap;border-radius:2px 0 4px;padding:1px 5px;font-size:.65rem;position:absolute;top:-1px;left:-1px}.aoi-delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.8rem;line-height:1;display:none;position:absolute;top:-10px;right:-10px}.aoi-rect:hover .aoi-delete-btn,.aoi-rect.selected .aoi-delete-btn{display:flex}.aoi-handle{z-index:10;background:#fff;border:1.5px solid;border-radius:2px;width:8px;height:8px;position:absolute}.aoi-handle-nw{cursor:nw-resize;top:-4px;left:-4px}.aoi-handle-ne{cursor:ne-resize;top:-4px;right:-4px}.aoi-handle-sw{cursor:sw-resize;bottom:-4px;left:-4px}.aoi-handle-se{cursor:se-resize;bottom:-4px;right:-4px}.aoi-preview{pointer-events:none;box-sizing:border-box;opacity:.8;border:2px dashed;border-radius:2px;position:absolute}.aoi-legend{flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.aoi-legend-item{font-weight:500}.aoi-no-image{text-align:center;color:#9ca3af;padding:3rem}.teacher-layout{background:#f5f6fa;min-height:100vh;font-family:sans-serif}.teacher-header{background:var(--brand);color:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 2rem;display:flex}.teacher-header h1{margin:0;font-size:1.1rem}.classroom-name{background:#fff3;border-radius:12px;padding:.2rem .6rem;font-size:.9rem}.header-right{align-items:center;gap:1rem;display:flex}.teacher-main{padding:2rem}.teacher-columns{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}.teacher-columns-3{grid-template-columns:1fr 1fr 1fr}@media (width<=1200px){.teacher-columns-3{grid-template-columns:1fr 1fr}}@media (width<=900px){.teacher-columns,.teacher-columns-3{grid-template-columns:1fr}}.no-classroom{text-align:center;color:#888;margin-top:4rem}.panel{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 4px #00000014}.panel h2{color:var(--brand-dark);margin:0 0 1rem;font-size:1rem}.inline-form{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.inline-form input{border:1px solid #ddd;border-radius:4px;flex:1;min-width:100px;padding:.4rem .7rem;font-size:.9rem}.inline-form button{background:var(--brand);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:.4rem 1rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid #eee;padding:.6rem .8rem}th{color:#555;background:#f9f9f9;font-weight:600}td input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin-bottom:2px;padding:.3rem .5rem;font-size:.85rem}td button,.btn-edit,.btn-delete,.btn-cancel{cursor:pointer;border:none;border-radius:4px;margin-right:.3rem;padding:.25rem .6rem;font-size:.82rem}.btn-edit{background:var(--teal);color:#fff}.btn-delete{background:var(--coral);color:#fff}.btn-cancel{background:var(--warm-gray);color:#fff}.error{color:var(--coral);margin:.25rem 0;font-size:.85rem}.session-toolbar{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.45rem 1.1rem;font-size:.9rem}.btn-primary:disabled{cursor:not-allowed;background:#aaa}.hint{color:#888;font-size:.82rem}.empty{color:#aaa;text-align:center;padding:1rem 0;font-size:.9rem}.session-list{flex-direction:column;gap:.8rem;display:flex}.session-card{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:1rem}.session-card-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.session-name{font-size:.95rem;font-weight:600}.badge{border-radius:12px;padding:.2rem .6rem;font-size:.78rem;font-weight:600}.badge-idle{color:var(--warm-gray);background:#f3f4f6}.badge-active{background:var(--brand-light);color:var(--brand-dark)}.badge-done{color:#006f7a;background:#e0f9fc}.session-steps{gap:.4rem;margin-bottom:.6rem;display:flex}.step{text-align:center;color:#aaa;background:#f3f4f6;border-radius:4px;flex:1;padding:.25rem;font-size:.78rem}.step-done{color:#006f7a;background:#e0f9fc}.step-active{background:var(--brand);color:#fff;font-weight:600}.session-meta{color:#888;gap:1rem;margin-bottom:.6rem;font-size:.78rem;display:flex}.session-actions{flex-wrap:wrap;gap:.5rem;display:flex}.btn-advance{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.35rem .9rem;font-size:.85rem}.btn-advance:disabled{cursor:not-allowed;background:#aaa}.btn-cancel-session{background:var(--yellow);color:#374151;cursor:pointer;border:none;border-radius:4px;padding:.35rem .9rem;font-size:.85rem}.btn-delete{background:var(--coral);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.35rem .9rem;font-size:.85rem}.group-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:.8rem;padding:.9rem 1rem}.group-card-header{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.group-name{color:var(--brand-dark);flex:1;font-size:.95rem;font-weight:600}.group-count{color:#888;background:#f3f4f6;border-radius:10px;padding:.15rem .5rem;font-size:.78rem}.group-actions{gap:.3rem;display:flex}.group-rename-input{border:1px solid var(--brand);border-radius:4px;outline:none;flex:1;padding:.3rem .5rem;font-size:.9rem}.group-members{flex-wrap:wrap;gap:.4rem;min-height:1.8rem;margin-bottom:.5rem;display:flex}.group-empty-hint{color:#bbb;font-size:.82rem;font-style:italic}.group-member-chip{background:var(--brand-light);color:var(--brand-dark);border-radius:12px;align-items:center;gap:.2rem;padding:.2rem .5rem .2rem .7rem;font-size:.82rem;font-weight:500;display:inline-flex}.chip-remove{cursor:pointer;color:var(--brand);opacity:.7;background:0 0;border:none;padding:0 .1rem;font-size:.9rem;line-height:1;transition:opacity .15s}.chip-remove:hover{opacity:1}.group-add-member select{color:#555;cursor:pointer;background:#fff;border:1px dashed #ccc;border-radius:4px;width:100%;padding:.3rem .5rem;font-size:.82rem}.unassigned-section{border-top:1px solid #eee;margin-top:1rem;padding-top:.8rem}.unassigned-title{color:#888;margin:0 0 .5rem;font-size:.85rem;font-weight:500}.unassigned-list{flex-wrap:wrap;gap:.4rem;display:flex}.unassigned-chip{color:#555;background:#f3f4f6;border-radius:10px;padding:.2rem .6rem;font-size:.8rem}.group-all-assigned{color:var(--teal);text-align:center;margin-top:.8rem;font-size:.85rem}.session-exposure{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.session-exposure-label{color:#555;white-space:nowrap;font-size:.82rem}.exposure-preset-group{gap:.3rem;display:flex}.exposure-preset-btn{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:.2rem .6rem;font-size:.8rem;transition:all .15s}.exposure-preset-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.exposure-preset-btn:hover:not(.active):not(:disabled){border-color:var(--brand);color:var(--brand)}.teacher-survey-row{margin-top:2rem}.survey-panel-session-name{color:#6b7280;margin:-.5rem 0 1rem;font-size:.85rem}.survey-toggle-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.survey-toggle-label{color:#374151;font-size:.88rem;font-weight:500}.survey-toggle{flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.survey-toggle input{opacity:0;width:0;height:0}.survey-toggle-slider{cursor:pointer;background:#d1d5db;border-radius:22px;transition:background .2s;position:absolute;inset:0}.survey-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.survey-toggle input:checked+.survey-toggle-slider{background:var(--brand)}.survey-toggle input:checked+.survey-toggle-slider:before{transform:translate(18px)}.survey-toggle-status{font-size:.82rem}.survey-toggle-status.on{color:var(--brand);font-weight:600}.survey-toggle-status.off{color:#9ca3af}.survey-default-notice{color:#6b7280;background:#fef9c3;border:1px solid #fde68a;border-radius:6px;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.8rem}.survey-question-list{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.survey-q-row{align-items:center;gap:.5rem;display:flex}.survey-q-num{background:var(--brand-light);width:1.4rem;height:1.4rem;color:var(--brand-dark);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.survey-q-text{border:1px solid #d1d5db;border-radius:5px;flex:1;padding:.35rem .6rem;font-size:.85rem}.survey-q-text:focus{border-color:var(--brand);outline:none}.survey-q-type{color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:5px;padding:.35rem .5rem;font-size:.82rem}.survey-q-required-label{color:#6b7280;white-space:nowrap;cursor:pointer;align-items:center;gap:.25rem;font-size:.78rem;display:flex}.survey-q-delete{line-height:1;padding:.2rem .5rem!important;font-size:1rem!important}.survey-q-actions{gap:.5rem;margin-bottom:1rem;display:flex}.survey-q-add-btn{background:var(--brand-light);color:var(--brand-dark);border:1px solid var(--brand);cursor:pointer;border-radius:5px;padding:.3rem .8rem;font-size:.82rem;font-weight:500;transition:background .15s}.survey-q-add-btn:hover{background:var(--brand);color:#fff}.survey-q-reset-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:5px;padding:.3rem .8rem;font-size:.82rem}.survey-q-reset-btn:hover{background:#e5e7eb}.survey-save-row{justify-content:flex-end;display:flex}.survey-save-btn{min-width:100px}.survey-perm-note{color:#4b5563;margin:.5rem 0 1rem;font-size:.84rem;line-height:1.6}.survey-perm-desc{color:#6b7280}.survey-group-list{flex-direction:column;gap:1rem;display:flex}.survey-group-card{border:1px solid var(--border,#e5e4e7);background:#fafafb;border-radius:10px;padding:1rem}.survey-group-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.survey-group-name{color:var(--brand-dark,#8b003c);font-weight:700}.survey-saved-tag{color:var(--teal,#14b8a6);font-size:.78rem;font-weight:600}.survey-pending-box{border:1px dashed var(--brand,#b70050);background:#fff;border-radius:8px;margin-bottom:.8rem;padding:.6rem .8rem}.survey-pending-title{color:var(--brand-dark,#8b003c);margin:0 0 .4rem;font-size:.8rem;font-weight:600}.survey-pending-list{color:#4b5563;margin:0 0 .6rem;padding-left:1.1rem;font-size:.82rem}.survey-pending-list em{color:#9ca3af;font-size:.76rem;font-style:normal}.results-survey-groups{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem;display:grid}.results-survey-group{border:1px solid var(--border,#e5e4e7);border-radius:8px;padding:.7rem .85rem}.results-survey-group-head{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.results-survey-qlist{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.results-survey-qlist li{justify-content:space-between;gap:.5rem;font-size:.82rem;display:flex}.results-survey-q{color:#4b5563}.results-survey-v{color:var(--brand-dark,#8b003c);white-space:nowrap;font-weight:600}.progress-panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.progress-panel-header h2{margin:0}.progress-panel-actions{align-items:center;gap:.6rem;display:flex}.progress-session-name{color:var(--brand-dark);background:var(--brand-light);border-radius:10px;padding:.2rem .6rem;font-size:.82rem;font-weight:600}.progress-groups{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.progress-group-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:.9rem 1rem}.progress-group-ungrouped{background:#f9fafb;border-style:dashed}.progress-group-head{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:.7rem;padding-bottom:.5rem;display:flex}.progress-group-name{color:var(--brand-dark);font-size:.95rem;font-weight:600}.progress-group-summary{color:#888;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.15rem .5rem;font-size:.76rem}.progress-empty-hint{color:#bbb;margin:.3rem 0;font-size:.82rem;font-style:italic}.progress-member{border-bottom:1px solid #f0f0f0;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.progress-member:last-child{border-bottom:none}.progress-member-info{flex-direction:column;flex:1;min-width:0;display:flex}.progress-member-name{color:#374151;font-size:.88rem;font-weight:500}.progress-member-product{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.progress-confirm{border-top:1px dashed #e5e7eb;align-items:center;gap:.6rem;margin-top:.5rem;padding-top:.5rem;display:flex}.progress-confirm-label{color:#6b7280;font-size:.8rem;font-weight:600}.confirm-state{border-radius:999px;padding:.18rem .6rem;font-size:.78rem;font-weight:700}.confirm-state.confirmed{color:#047857;background:#d1fae5}.confirm-state.pending{color:#92600a;background:#fef3c7}.progress-confirm .progress-confirm-btn{margin-left:auto}.progress-assigned{border-top:1px dashed #e5e7eb;margin-top:.5rem;padding-top:.5rem}.progress-assigned-title{color:var(--brand-dark,#185fa5);margin-bottom:.25rem;font-size:.78rem;font-weight:600;display:block}.progress-chips{gap:.25rem;display:flex}.progress-chip{white-space:nowrap;border-radius:8px;padding:.12rem .4rem;font-size:.7rem}.progress-chip.done{color:#006f7a;background:#e0f9fc}.progress-chip.pending{color:#aaa;background:#f3f4f6}.progress-review-btn{white-space:nowrap}.progress-review-btn:disabled{cursor:not-allowed;background:#d1d5db}.aoi-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.aoi-modal{background:#fff;border-radius:12px;width:100%;max-width:1100px;padding:1.5rem;box-shadow:0 10px 40px #00000040}.aoi-modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.aoi-modal-header h3{color:var(--brand-dark);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.aoi-modal-sub{color:#374151;font-size:.9rem;font-weight:500}.aoi-modal-product{color:#6b7280;background:#f3f4f6;border-radius:10px;padding:.15rem .5rem;font-size:.76rem;font-weight:400}.aoi-modal-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0 .3rem;font-size:1.6rem;line-height:1}.aoi-modal-close:hover{color:#374151}.survey-review-body{max-height:70vh;overflow-y:auto}.aoi-modal:has(.survey-review-body){max-width:640px}.aoi-review-plan-bar{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.aoi-save-btn{padding:.3rem .9rem;font-size:.82rem}.dash-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:1.5rem;display:grid}@media (width<=900px){.dash-grid{grid-template-columns:1fr}}.dash-stats{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.dash-stat-card{background:#fafafa;border:1px solid #eee;border-radius:8px;flex-direction:column;gap:.2rem;padding:.9rem 1rem;display:flex}.dash-stat-value{color:var(--brand-dark);font-size:1.4rem;font-weight:700;line-height:1.2}.dash-stat-label{color:#6b7280;font-size:.78rem}.dash-stat-sub{color:var(--brand);font-size:.72rem;font-weight:600}.dash-gauges{justify-content:space-around;gap:1rem;display:flex}.dash-donut{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dash-donut-ring{border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.dash-donut-hole{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.dash-donut-value{color:var(--brand-dark);font-size:1rem;font-weight:700}.dash-donut-label{color:#6b7280;text-align:center;font-size:.76rem}.results-dl-msg{color:var(--brand-dark,#185fa5);background:var(--brand-light,#eef4fb);border-radius:6px;margin:0 0 .6rem;padding:.4rem .6rem;font-size:.8rem}.results-legend{gap:1rem;margin-bottom:.8rem;display:flex}.results-legend-item{color:#6b7280;align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.results-legend-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.results-table-wrap,.results-survey-table-wrap{overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:.85rem}.results-table th,.results-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #eee;padding:.55rem .7rem}.results-table th{color:#555;background:#f9f9f9;font-weight:600}.results-group-name{color:var(--brand-dark);font-weight:600;text-align:left!important}.results-pct{font-variant-numeric:tabular-nums}.results-conc-col{min-width:160px}.results-conc-bar{background:#f3f4f6;border-radius:4px;width:100%;height:16px;display:flex;overflow:hidden}.results-conc-seg{height:100%}.results-survey-avg{color:#b8860b;font-weight:600}.results-nodata{color:#bbb;font-size:.78rem}.results-survey-detail{margin-top:1.5rem}.results-sub-title{color:var(--brand-dark);margin:0 0 .6rem;font-size:.9rem}.task-form{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.7rem;margin-bottom:1rem;padding:1rem;display:flex}.task-field{flex-direction:column;gap:.3rem;display:flex}.task-field-label{color:#374151;font-size:.8rem;font-weight:600}.task-field input[type=text],.task-field textarea,.task-select{border:1px solid #d1d5db;border-radius:5px;padding:.4rem .6rem;font-family:inherit;font-size:.85rem}.task-field input[type=text]:focus,.task-field textarea:focus,.task-select:focus{border-color:var(--brand);outline:none}.task-radio-group{flex-wrap:wrap;gap:.8rem;display:flex}.task-radio,.task-checkbox{color:#374151;cursor:pointer;align-items:center;gap:.3rem;font-size:.83rem;display:inline-flex}.task-soon{color:#9ca3af;font-size:.72rem}.task-radio-disabled{opacity:.5;cursor:not-allowed}.task-radio-disabled input{cursor:not-allowed}.task-select{width:100%;margin-top:.4rem}.task-field-hint{color:#9ca3af;margin-top:.2rem;font-size:.72rem}.task-assign-msg{color:var(--brand-dark,#185fa5);background:var(--brand-light,#eef4fb);border-radius:6px;margin:.4rem 0 0;padding:.4rem .6rem;font-size:.78rem}.task-form-actions{gap:.5rem;margin-top:.3rem;display:flex}.task-desc{color:#6b7280;margin:0 0 .5rem;font-size:.82rem}.task-config-chips{flex-wrap:wrap;gap:.3rem;margin-bottom:.6rem;display:flex}.task-chip{background:var(--brand-light);color:var(--brand-dark);white-space:nowrap;border-radius:8px;padding:.18rem .5rem;font-size:.74rem}.leader-badge{font-size:.85rem}.group-member-chip.is-leader{background:var(--yellow);color:#5b4a00;font-weight:600}.chip-leader{border:1px solid var(--brand);color:var(--brand);cursor:pointer;background:0 0;border-radius:8px;margin-left:.2rem;padding:.05rem .35rem;font-size:.68rem}.chip-leader:hover{background:var(--brand);color:#fff}.progress-group-submission{border-bottom:1px dashed #eee;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.4rem;padding:.5rem 0;display:flex}.progress-warn{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.1rem .45rem;font-size:.72rem}.student-leader-tag{color:#5b4a00;background:var(--yellow);white-space:nowrap;border-radius:8px;margin-left:.4rem;padding:.08rem .4rem;font-size:.7rem;font-weight:600}.teacher-shell{background:#f5f6fa;min-height:100vh;display:flex}.teacher-sidebar{background:var(--brand-dark);color:#fff;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:baseline;gap:.5rem;padding:1.2rem 1.2rem 1rem;display:flex}.sidebar-logo{font-size:1.2rem;font-weight:700}.sidebar-classroom{color:#ffffffb3;font-size:.78rem}.sidebar-nav{flex-direction:column;gap:.15rem;padding:.6rem .6rem 0;display:flex}.sidebar-nav-item{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.9rem;transition:background .15s;display:flex}.sidebar-nav-item:hover{background:#ffffff1a}.sidebar-nav-item.active{background:#ffffff2e;font-weight:600}.sidebar-nav-icon{font-size:1rem}.sidebar-tasks{border-top:1px solid #ffffff1f;flex-direction:column;gap:.2rem;margin-top:1rem;padding:.8rem .6rem;display:flex}.sidebar-tasks-title{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;padding:0 .5rem .4rem;font-size:.72rem}.sidebar-tasks-empty{color:#ffffff80;padding:0 .5rem;font-size:.8rem}.sidebar-task{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.82rem;display:flex}.sidebar-task:hover{background:#ffffff1a}.sidebar-task.active{background:#fff3;font-weight:600}.sidebar-task-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-task-badge{border-radius:8px;flex-shrink:0;padding:.1rem .4rem;font-size:.66rem}.sidebar-task-badge.idle{color:#fff;background:#fff3}.sidebar-task-badge.active{background:var(--yellow);color:#5b4a00}.sidebar-task-badge.done{color:#006f7a;background:#e0f9fc}.teacher-content{flex-direction:column;flex:1;min-width:0;display:flex}.teacher-section-gap{height:1.5rem}@media (width<=720px){.teacher-shell{flex-direction:column}.teacher-sidebar{flex-flow:wrap;align-items:center;width:100%;height:auto;position:static}.sidebar-tasks{border-top:none}}.aoi-review-plan-actions{gap:.4rem;display:flex}.aoi-delete-image-btn{padding:.3rem .7rem;font-size:.8rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffff73;padding:.3rem .5rem .4rem;font-size:.7rem}.sidebar-task-group{flex-direction:column;display:flex}.sidebar-task-caret{opacity:.7;flex-shrink:0;width:.9rem;font-size:.7rem}.sidebar-task-subitems{border-left:2px solid #ffffff26;flex-direction:column;gap:.1rem;margin:.15rem 0 .4rem .6rem;padding-left:.6rem;display:flex}.sidebar-subitem{color:#fffc;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.84rem;display:flex}.sidebar-subitem:hover{background:#ffffff1a}.sidebar-subitem.active{color:#fff;background:#fff3;font-weight:600}.progress-confirm-btn{margin-left:.4rem}.panel-sub{color:#6b7280;margin:-.3rem 0 .9rem;font-size:.85rem;line-height:1.5}.calibration-step{z-index:100;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden}.calibration-canvas{pointer-events:none;z-index:500;width:100vw;height:100vh;position:fixed;inset:0}.calibration-ui{z-index:200;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100vh;padding:60px 24px 40px;display:flex;position:relative;overflow-y:auto}.calibration-title{text-align:center;color:#111827;margin:0 0 12px;font-size:32px;font-weight:600}.calibration-desc{color:#6b7280;text-align:center;max-width:480px;margin:0 0 36px;font-size:15px;line-height:1.6}.calibration-settings-panel{z-index:200;background:#fffffff5;border:1px solid #ddd;border-radius:12px;width:280px;padding:16px;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #00000026}.setting-row{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500}.setting-row input[type=range]{width:100%;accent-color:var(--brand);margin-top:6px;margin-bottom:12px}.calibration-actions{justify-content:center;gap:16px;margin-top:8px;display:flex}.btn-calibration,.btn-finish,.btn-save-settings{cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:transform .15s,opacity .15s}.btn-calibration,.btn-finish{padding:12px 28px;font-size:16px}.btn-calibration{background:var(--brand);color:#fff}.btn-finish{background:var(--teal);color:#fff}.btn-save-settings{background:var(--brand);color:#fff;width:100%;margin-top:4px;padding:9px 16px;font-size:14px}.btn-calibration:hover:not(:disabled),.btn-finish:hover:not(:disabled),.btn-save-settings:hover:not(:disabled){transform:translateY(-1px)}.btn-calibration:disabled{opacity:.5;cursor:not-allowed}.calibration-done-msg{color:var(--teal);text-align:center;margin-top:20px;font-size:14px}.calibration-hint{color:#374151;z-index:600;white-space:nowrap;pointer-events:none;background:#ffffffeb;border-radius:8px;padding:10px 28px;font-size:18px;position:fixed;top:40px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000001f}.calibration-error{z-index:200;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100vh;padding:2rem;display:flex;position:relative}.calibration-error p{color:#dc2626;max-width:400px;margin:0;font-size:1rem;line-height:1.6}.student-layout{background:#f5f6fa;flex-direction:column;min-height:100vh;font-family:sans-serif;display:flex}.student-header{background:var(--brand);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.header-logo{font-size:1rem;font-weight:500}.role-pill{background:#fff3;border-radius:12px;padding:2px 8px;font-size:.72rem}.header-right{align-items:center;gap:.75rem;font-size:.9rem;display:flex}.header-right button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:4px;padding:.25rem .7rem}.progress-bar-wrap{background:#f5d5e0;flex-shrink:0;height:4px}.progress-bar-fill{background:var(--brand);height:100%;transition:width .4s}.student-main{flex-direction:column;flex:1;align-items:stretch;padding:1.5rem 2rem;display:flex}.step-container{background:#fff;border-radius:10px;width:100%;padding:1.5rem;box-shadow:0 1px 4px #00000014}.step-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.step-header h2{color:#111827;margin:0;font-size:1rem}.step-pill{background:var(--brand-light);color:var(--brand-dark);border-radius:12px;padding:2px 10px;font-size:.75rem}.step-desc{color:#6b7280;margin-bottom:1rem;font-size:.85rem}.step-footer{justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem;display:flex}.btn-next{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.4rem;font-size:.9rem}.btn-next:disabled{cursor:not-allowed;background:#9ca3af}.error{color:#dc2626;margin-top:.5rem;font-size:.83rem}.waiting-step{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.waiting-spinner{border:3px solid #e5e7eb;border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waiting-msg{color:#374151;font-size:1rem;font-weight:500}.waiting-sub{color:#9ca3af;font-size:.85rem}.upload-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.upload-slot{aspect-ratio:4/3;color:#6b7280;cursor:pointer;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.88rem;transition:border-color .2s;display:flex;position:relative;overflow:hidden}.upload-slot:hover{border-color:var(--brand);color:var(--brand)}.upload-slot.upload-done{border-color:var(--teal);border-style:solid}.upload-preview{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.upload-done-label{color:#fff;text-align:center;background:#22bcbcd9;padding:.3rem .5rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0}.upload-change{color:#fff;text-align:center;opacity:0;background:#0006;padding:.2rem;font-size:.72rem;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.upload-slot:hover .upload-change{opacity:1}.upload-icon{color:#9ca3af;font-size:1.8rem}.upload-hint{color:#9ca3af;font-size:.75rem}.upload-loading{color:var(--brand)}.upload-meta-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:1.4rem;padding:1.2rem 1.4rem}.upload-meta-title{color:var(--brand-dark);margin:0 0 1rem;font-size:.9rem;font-weight:600}.upload-meta-form{grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;display:grid}.upload-meta-field{flex-direction:column;gap:.3rem;display:flex}.upload-meta-field:last-child{grid-column:1/-1}.upload-meta-label{color:#374151;font-size:.8rem;font-weight:500}.upload-meta-required{color:var(--brand)}.upload-meta-input,.upload-meta-textarea{color:#111827;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.45rem .7rem;font-family:inherit;font-size:.85rem;transition:border-color .15s}.upload-meta-input:focus,.upload-meta-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-light);outline:none}.upload-meta-textarea{min-height:3.5rem}.upload-footer-hint{color:#9ca3af;font-size:.8rem}.plan-tabs{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.plan-tab{color:#6b7280;cursor:pointer;background:0 0;border:1.5px solid #d1d5db;border-radius:6px;padding:.35rem 1.2rem;font-size:.88rem;transition:all .15s}.plan-tab.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand-dark);font-weight:500}.saving-indicator{color:#9ca3af;margin-left:.5rem;font-size:.78rem}.aoi-total{color:#6b7280;font-size:.85rem}.fullscreen-step{background:#111827;border-radius:10px;flex:1;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex}.placeholder-content{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.placeholder-title{font-size:1.3rem;font-weight:600}.placeholder-desc{color:#fff9;max-width:400px;font-size:.9rem;line-height:1.6}.gaze-step{flex-direction:column;gap:.75rem;width:100%;display:flex}.gaze-loading,.gaze-saving,.gaze-error,.gaze-empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;font-size:.9rem;display:flex}.gaze-empty-icon{opacity:.5;font-size:3rem}.gaze-empty-msg{color:#374151;margin:0;font-size:1rem;font-weight:500}.gaze-empty-sub{color:#9ca3af;max-width:360px;margin:0;font-size:.82rem;line-height:1.6}.gaze-timer{color:#9ca3af;margin-right:auto;font-size:.82rem}.gaze-progress-wrap{align-items:center;gap:.75rem;display:flex}.gaze-progress-bar{background:#e5e7eb;border-radius:3px;flex:1;height:6px;overflow:hidden}.gaze-progress-fill{background:var(--brand);border-radius:3px;height:100%;transition:width .3s}.gaze-progress-text{color:var(--brand);white-space:nowrap;text-align:right;min-width:3rem;font-size:.85rem;font-weight:600}.gaze-student-label{color:#6b7280;text-align:center;font-size:.9rem}.gaze-student-label span{color:#111827;font-weight:600}.gaze-student-sub{color:#9ca3af;margin-left:.2rem;font-size:.82rem;font-weight:400}.gaze-ads-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.gaze-ad-panel{flex-direction:column;gap:.4rem;display:flex}.gaze-ad-plan-label{color:var(--brand);text-align:center;background:var(--brand-light);border-radius:4px;align-self:flex-start;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.gaze-ad-image{aspect-ratio:4/3;object-fit:contain;background:#111827;border-radius:8px;width:100%;display:block}.gaze-no-image{aspect-ratio:4/3;color:#6b7280;background:#1f2937;border-radius:8px;justify-content:center;align-items:center;width:100%;font-size:.85rem;display:flex}.gaze-footer{justify-content:flex-end;padding-top:.25rem;display:flex}.btn-complete{background:var(--teal)!important}.gaze-flow{flex-direction:column;gap:.9rem;width:100%;display:flex}.gaze-single-wrap{flex-direction:column;align-items:center;gap:.4rem;display:flex}.gaze-single-image{aspect-ratio:4/3;width:100%;max-width:640px}.btn-ghost{color:var(--brand);border:1px solid var(--brand);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem 1.2rem;font-size:.85rem}.btn-ghost:hover{background:var(--brand-light)}.refix-gate{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;display:flex}.refix-gate .step-desc{max-width:460px;line-height:1.7}.refix-actions{gap:.8rem;margin-top:.5rem;display:flex}.refix-active{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;padding:1.5rem 1rem 3rem;display:flex}.refix-hint{color:#374151;font-size:1rem;font-weight:500}.refix-box-area{justify-content:center;align-items:center;min-height:320px;display:flex}.refix-box{background:#f3f4f6;border:3px solid #9ca3af;border-radius:12px;justify-content:center;align-items:center;width:160px;height:160px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.refix-box.in{border-color:var(--teal,#14b8a6);box-shadow:0 0 0 6px #14b8a62e}.refix-box-fill{background:#14b8a647;width:100%;transition:height .1s linear;position:absolute;bottom:0;left:0}.refix-box-dot{background:#6b7280;border-radius:50%;width:18px;height:18px;transition:background .15s;position:relative}.refix-box.in .refix-box-dot{background:var(--teal,#14b8a6)}.refix-recal{margin-top:.5rem}.consent-step{width:100%;max-width:560px;margin:0 auto;padding:.5rem 0}.consent-list{flex-direction:column;gap:.6rem;margin:1rem 0;padding:0;list-style:none;display:flex}.consent-list li{color:#4b5563;border-left:3px solid var(--brand-light,#eef4fb);padding-left:1rem;font-size:.85rem;line-height:1.6}.consent-check,.camera-check-confirm{color:#374151;cursor:pointer;align-items:center;gap:.5rem;margin:1rem 0;font-size:.88rem;font-weight:500;display:flex}.consent-actions,.camera-actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.camera-check-step{width:100%;max-width:560px;margin:0 auto;padding:.5rem 0}.camera-preview-wrap{aspect-ratio:4/3;background:#111827;border-radius:10px;justify-content:center;align-items:center;width:100%;margin:.75rem 0;display:flex;position:relative;overflow:hidden}.camera-preview{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-overlay{color:#e5e7eb;background:#11182799;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.camera-error{color:#e5e7eb;text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;font-size:.85rem;line-height:1.6;display:flex}.camera-error-icon{opacity:.7;font-size:2.5rem}.camera-tips{color:#6b7280;flex-direction:column;gap:.4rem;margin:0 0 1rem;padding:0;font-size:.83rem;list-style:none;display:flex}.result-step{flex-direction:column;gap:.75rem;width:100%;display:flex}.result-header{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.result-tab-strip{border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.result-tab{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.4rem 1.4rem;font-size:.88rem}.result-tab.active{background:var(--brand);color:#fff;font-weight:500}.result-meta{color:#9ca3af;font-size:.82rem}.result-save-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.25rem 0 .5rem;display:flex}.result-save-msg{color:#6b7280;font-size:.8rem}.result-gen-sub{color:#9ca3af;font-size:.8rem}.result-gaze-nav{align-items:center;gap:.6rem;display:flex}.result-nav-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:background .15s;display:flex}.result-nav-btn:hover:not(:disabled){background:var(--brand-light);border-color:var(--brand)}.result-nav-btn:disabled{opacity:.35;cursor:not-allowed}.result-nav-info{color:#374151;text-align:center;min-width:120px;font-size:.88rem}.result-ads-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.result-ad-panel{flex-direction:column;gap:.4rem;display:flex}.result-ad-plan-label{color:var(--brand);background:var(--brand-light);border-radius:4px;align-self:flex-start;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.result-image-container{aspect-ratio:4/3;background:#111827;border-radius:8px;width:100%;position:relative;overflow:hidden}.result-ad-image{object-fit:contain;width:100%;height:100%;display:block}.result-no-image{color:#6b7280;justify-content:center;align-items:center;width:100%;height:100%;font-size:.85rem;display:flex}.result-aoi-region{box-sizing:border-box;pointer-events:none;border:2px solid;border-radius:2px;position:absolute}.result-aoi-region-label{color:#fff;white-space:nowrap;border-radius:2px 0 4px;padding:1px 5px;font-size:.62rem;position:absolute;top:-1px;left:-1px}.result-viz-placeholder{pointer-events:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.result-viz-heatmap{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(135deg,#dc35452e 0%,#ffa5001f 40%,#28a7450f 100%)}.result-viz-gaze{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#185fa51f}.result-viz-icon{opacity:.5;font-size:1.6rem}.result-viz-text{color:#ffffffb3;text-align:center;white-space:pre-line;padding:0 1rem;font-size:.75rem;line-height:1.5}.result-histogram{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;gap:.75rem;min-height:160px;padding:1rem;display:flex}.result-hist-row{align-items:center;gap:.6rem;font-size:.88rem;display:flex}.result-hist-label{text-align:right;flex-shrink:0;width:36px;font-weight:600}.result-hist-track{background:#e5e7eb;border-radius:3px;flex:1;height:14px;overflow:hidden}.result-hist-bar{border-radius:3px;height:100%;transition:width .5s}.result-hist-value{color:#9ca3af;flex-shrink:0;width:120px;font-size:.78rem}.result-hist-note{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.5rem;font-size:.75rem;line-height:1.5}.survey-step{width:100%}.survey-ad-list{flex-direction:column;gap:1.5rem;margin-top:1rem;display:flex}.survey-ad-card{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.survey-ad-header{background:var(--brand-light);border-bottom:1px solid #e5e7eb;align-items:center;gap:.6rem;padding:.7rem 1rem;display:flex}.survey-ad-index{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;font-size:.78rem;font-weight:700;display:flex}.survey-ad-name{color:var(--brand-dark);font-size:.9rem;font-weight:600}.survey-ad-product{color:#6b7280;background:#fff;border:1px solid #ddd;border-radius:10px;padding:.1rem .5rem;font-size:.78rem}.survey-ad-plans{grid-template-columns:1fr 1fr;gap:0;display:grid}.survey-plan-col{border-right:1px solid #f0f0f0;padding:1rem}.survey-plan-col:last-child{border-right:none}.survey-thumb-wrap{aspect-ratio:4/3;background:#f3f4f6;border-radius:6px;width:100%;margin-bottom:.8rem;overflow:hidden}.survey-thumb{object-fit:contain;width:100%;height:100%}.survey-thumb-empty{color:#9ca3af;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;display:flex}.survey-ad-plan-badge{background:var(--brand-light);color:var(--brand-dark);border-radius:10px;margin-bottom:.6rem;padding:.1rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.survey-questions{flex-direction:column;gap:.8rem;display:flex}.survey-question-text{color:#374151;margin:0 0 .3rem;font-size:.82rem;font-weight:500;line-height:1.4}.survey-required{color:var(--brand)}.survey-stars{align-items:center;gap:.15rem;display:flex}.survey-star{color:#d1d5db;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;transition:color .1s,transform .1s}.survey-star.active{color:var(--yellow)}.survey-star:hover{transform:scale(1.15)}.survey-star:disabled{cursor:not-allowed;opacity:.6}.survey-star-label{color:#6b7280;margin-left:.3rem;font-size:.78rem}.survey-text-input{resize:vertical;box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.4rem .6rem;font-family:inherit;font-size:.82rem;transition:border-color .15s}.survey-text-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-light);outline:none}.survey-error{margin-top:.5rem}.student-shell{background:#f5f6fa;min-height:100vh;display:flex}.student-sidebar{background:var(--brand-dark);color:#fff;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.student-sidebar .sidebar-brand{border-bottom:1px solid #ffffff1f;align-items:baseline;gap:.5rem;padding:1.2rem 1.2rem 1rem;display:flex}.student-sidebar .sidebar-logo{font-size:1.2rem;font-weight:700}.student-sidebar .sidebar-classroom{color:#ffffffb3;font-size:.78rem}.student-sidebar .sidebar-nav{flex-direction:column;gap:.15rem;padding:.6rem .6rem 0;display:flex}.student-sidebar .sidebar-nav-item{color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.92rem;transition:background .15s;display:flex}.student-sidebar .sidebar-nav-item:hover{background:#ffffff1a}.student-sidebar .sidebar-nav-item.active{background:#ffffff2e;font-weight:600}.student-sidebar .sidebar-nav-icon{font-size:1rem}.sidebar-group-card{border-top:1px solid #ffffff1f;margin-top:auto;padding:1rem 1.2rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;margin-bottom:.4rem;font-size:.7rem}.sidebar-group-name{font-size:.95rem;font-weight:600;display:block}.sidebar-group-role{color:#ffffffbf;margin-top:.2rem;font-size:.8rem}.student-content{flex-direction:column;flex:1;min-width:0;display:flex}.student-content .student-header h1{margin:0;font-size:1.1rem}.student-content .student-main{padding:1.5rem}.stu-badge{white-space:nowrap;border-radius:999px;padding:.18rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.stu-badge-idle{color:#6b7280;background:#eef0f4}.stu-badge-active{background:var(--yellow);color:#5b4a00}.stu-badge-submitted{color:#1d4ed8;background:#ddebff}.stu-badge-done{color:#006f7a;background:#e0f9fc}.stu-dash{flex-direction:column;gap:1.2rem;max-width:900px;display:flex}.stu-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.2rem 1.4rem}.stu-card-title{color:var(--brand-dark);margin:0 0 .9rem;font-size:1rem;font-weight:700}.stu-empty{color:#9ca3af;font-size:.9rem}.stu-group-head{align-items:center;gap:.7rem;margin-bottom:.7rem;display:flex}.stu-group-name{font-size:1.05rem;font-weight:700}.stu-role-pill{background:var(--brand-light);color:var(--brand-dark);border-radius:999px;padding:.15rem .55rem;font-size:.75rem}.stu-member-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stu-member{background:#f5f6fa;border-radius:8px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.88rem;display:flex}.stu-member.me{background:var(--brand-light);color:var(--brand-dark);font-weight:600}.stu-member-me{opacity:.7;font-size:.7rem}.stu-progress-table{flex-direction:column;gap:.4rem;display:flex}.stu-progress-row{border-bottom:1px solid #f0f1f4;grid-template-columns:1fr 130px 130px;align-items:center;gap:.5rem;padding:.5rem .2rem;display:grid}.stu-progress-head{color:#9ca3af;border-bottom:1px solid #e5e7eb;font-size:.78rem;font-weight:600}.stu-progress-name{font-size:.92rem;font-weight:600}.stu-progress-cell{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.stu-test-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.8rem;display:grid}.stu-test-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.9rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}.stu-test-card:hover:not(:disabled){border-color:var(--brand);box-shadow:0 2px 8px #0000000f}.stu-test-card:disabled{opacity:.55;cursor:not-allowed}.stu-test-name{font-size:.95rem;font-weight:600}.stu-test-hint{color:#6b7280;font-size:.78rem}.stu-task-list{flex-direction:column;gap:.6rem;max-width:760px;display:flex}.stu-task-row{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:.8rem;padding:.9rem 1.1rem;transition:border-color .15s;display:flex}.stu-task-row:hover{border-color:var(--brand)}.stu-task-row-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.stu-task-row-name{font-size:.98rem;font-weight:600}.stu-task-row-desc{color:#9ca3af;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.stu-task-row-caret{color:#c0c4cc;font-size:1.3rem}.stu-detail-wrap{flex-direction:column;gap:1rem;display:flex}.stu-detail-bar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.7rem 1rem;display:flex}.stu-back{cursor:pointer;color:#374151;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:.4rem .8rem;font-size:.85rem}.stu-back:hover{background:#f5f6fa}.stu-detail-title{font-size:1rem;font-weight:700}.stu-subtabs{gap:.3rem;margin-left:auto;display:flex}.stu-subtab{cursor:pointer;color:#6b7280;background:#f5f6fa;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.85rem}.stu-subtab.active{background:var(--brand);color:#fff;font-weight:600}.stu-detail{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.4rem}.stu-detail-head{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.stu-detail-head h2{margin:0;font-size:1.1rem}.stu-submitted{flex-direction:column;align-items:center;gap:1rem;display:flex}.stu-review{text-align:center;padding:1.5rem 0}.stu-survey-config{text-align:left;background:#fafafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.2rem;padding:1rem 1.1rem}.stu-survey-config h3{margin:0 0 .4rem}.stu-survey-msg{color:var(--teal,#14b8a6);margin-top:.4rem;font-size:.82rem}.stu-review h3{margin-bottom:.5rem}.stu-review-actions{justify-content:center;gap:.8rem;margin-top:1.2rem;display:flex}.stu-test-intro{text-align:center;padding:1.5rem 0}.stu-test-intro h3{margin-bottom:.5rem}@media (width<=768px){.student-shell{flex-direction:column}.student-sidebar{flex-flow:wrap;width:100%;height:auto;position:relative}.sidebar-group-card{display:none}}