:root{color:#17211e;font-synthesis:none;--ink:#17211e;--muted:#66716d;--line:#d9dfdc;--surface:#fff;--soft:#eef2ef;--green:#176b54;--green-dark:#104b3c;--green-soft:#dff1e9;--red:#b83c38;--red-soft:#fbe8e7;--yellow:#946b05;--yellow-soft:#fff3d1;--blue:#25618a;--blue-soft:#e6f1f8;letter-spacing:0;background:#f4f6f4;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:#f4f6f4;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd3cf;border-radius:6px;outline:none;padding:9px 11px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b541f}textarea{resize:vertical}label{color:#44504c;gap:5px;font-size:13px;font-weight:600;display:grid}h1,h2,h3,p{margin-top:0}h1{margin-bottom:5px;font-size:27px;line-height:1.25}h2{margin-bottom:3px;font-size:17px}h3{margin-bottom:4px;font-size:16px}p{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.muted{color:var(--muted);font-size:13px}.field-error{color:var(--red);margin-top:7px;display:block}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button{color:#26312d;white-space:nowrap;background:#fff;border:1px solid #cbd3cf;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:8px 13px;font-weight:650;display:inline-flex}.button:hover:not(:disabled){background:#f2f5f3}.button-primary{border-color:var(--green);background:var(--green);color:#fff}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-danger{color:#9e2926;background:#fff;border-color:#d6a6a4}.button-danger:hover:not(:disabled){background:var(--red-soft)}.button-quiet{color:#45514d;background:0 0;border-color:#0000}.icon-button{color:#53605b;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:inline-grid}.icon-button:hover{color:var(--ink);background:#e9eeeb}.notice{background:var(--red-soft);color:#872724;border:1px solid #efb4b2;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:12px 0;padding:10px 12px;font-size:14px;display:flex}.notice-success{background:var(--green-soft);color:#145a47;border-color:#a9d5c6}.notice-info{background:var(--blue-soft);color:#214f70;border-color:#b8d5e7}.brand-lockup{align-items:center;gap:11px;display:flex}.brand-lockup>div{display:grid}.brand-lockup strong{font-size:18px;line-height:1.2}.brand-lockup span{color:var(--muted);font-size:12px}.brand-mark{background:#173f35;border-radius:7px;place-items:center;width:43px;height:43px;display:grid;color:#fff!important}.brand-lockup.compact .brand-mark{width:36px;height:36px}.brand-lockup.compact strong{font-size:15px}.login-page{background:#edf1ee;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:min(420px,100%);padding:32px;box-shadow:0 14px 38px #192d2614}.login-copy{margin-top:38px}.login-copy h1{font-size:25px}.login-copy p{margin-bottom:22px}.stack-form{gap:15px;display:grid}.login-hint{border-top:1px solid var(--line);text-align:center;margin:20px 0 0;padding-top:15px;font-size:12px}.boot-screen{min-height:100vh;color:var(--green-dark);place-content:center;justify-items:center;gap:10px;display:grid}.tool-shell{background:#f4f6f4;grid-template-columns:220px minmax(0,1fr);min-width:320px;min-height:100svh;display:grid}.tool-rail{z-index:30;color:#d8d3df;background:#121118;border-right:1px solid #2d2a35;flex-direction:column;height:100svh;min-height:0;display:flex;position:sticky;top:0}.tool-brand{border-bottom:1px solid #2d2a35;align-items:center;gap:11px;min-height:76px;padding:15px 17px;display:flex}.tool-brand>span{color:#fff;background:#705bd2;border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.tool-brand>div{min-width:0;display:grid}.tool-brand strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.25;overflow:hidden}.tool-brand small{color:#8f8999;font-size:11px}.tool-nav{align-content:start;gap:4px;min-height:0;padding:12px 9px;display:grid;overflow-y:auto}.tool-nav button,.tool-nav>div{color:#aaa5b2;text-align:left;background:0 0;border:0;border-radius:6px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:42px;padding:8px 11px;display:grid}.tool-nav button:hover{color:#fff;background:#211f28}.tool-nav button.active,.tool-nav>div.active{color:#fff;background:#705bd2}.tool-nav svg{justify-self:center}.tool-nav span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.tool-nav small{min-width:20px;color:inherit;text-align:center;background:#ffffff1f;border-radius:10px;padding:1px 6px;font-size:10px}.tool-rail-footer{border-top:1px solid #2d2a35;gap:9px;margin-top:auto;padding:12px;display:grid}.tool-presence{color:#948e9c;align-items:center;gap:7px;font-size:11px;display:flex}.tool-presence>span{background:#68636e;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.tool-presence>span.online{background:#31d58b;box-shadow:0 0 0 3px #31d58b1a}.tool-user,.projection-rail-meta{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.tool-user>span{min-width:0;display:grid}.tool-user strong,.tool-user small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-user strong{color:#eeeaf2;font-size:12px}.tool-user small{color:#817b89;font-size:10px}.tool-user button,.projection-rail-meta button{color:#aaa4b2;background:0 0;border:0;border-radius:5px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.tool-user button:hover,.projection-rail-meta button:hover{color:#fff;background:#292630}.tool-workspace{min-width:0;height:100svh;overflow:auto}.teacher-overview{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}.teacher-overview-main{gap:16px;min-width:0;display:grid}.projection-tool-window{gap:16px;display:grid}.projection-tool-window .projection-controls{margin-bottom:0}.student-group-window{min-height:260px}.app-header{z-index:20;border-bottom:1px solid var(--line);background:#fffffff7;height:64px;position:sticky;top:0}.header-inner{grid-template-columns:240px 1fr 220px;align-items:center;gap:18px;width:min(1440px,100%);height:100%;margin:auto;padding:0 24px;display:grid}.main-tabs{justify-content:center;align-self:stretch;gap:3px;display:flex}.main-tabs button{color:#52605b;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:7px;min-width:114px;font-weight:650;display:flex}.main-tabs button:hover{color:var(--ink);background:#f5f7f6}.main-tabs button.active{border-bottom-color:var(--green);color:var(--green-dark)}.user-menu{justify-content:flex-end;align-items:center;gap:9px;display:flex}.user-menu>span{text-align:right;line-height:1.25;display:grid}.user-menu small{color:var(--muted)}.page{width:min(1440px,100%);margin:0 auto;padding:28px 24px 48px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.page-heading p{margin-bottom:0}.eyebrow{color:var(--green);text-transform:uppercase;font-size:12px;font-weight:800;margin-bottom:4px!important}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:38px;margin-bottom:14px;display:flex}.section-heading h2,.section-heading p{margin:0}.section-heading p{font-size:13px}.count-badge{color:#51605a;background:#edf1ef;border-radius:12px;place-items:center;min-width:27px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-grid}.split-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:18px;display:grid}.side-panel,.content-panel,.side-section,.activity-section{border:1px solid var(--line);background:var(--surface);border-radius:7px}.side-panel{padding:17px}.content-panel{min-width:0;padding:20px}.content-panel.full{width:100%}.inline-create{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin:14px 0;display:grid}.class-list{gap:4px;display:grid}.class-list button{text-align:left;color:#34403b;background:0 0;border:0;border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:10px;display:flex}.class-list button:hover{background:#f1f4f2}.class-list button.active{background:var(--green-soft);color:var(--green-dark);font-weight:700}.class-list small{color:var(--muted)}.file-button{cursor:pointer;color:#34403b;background:#fff;border:1px solid #cbd3cf;border-radius:6px;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.file-button input{display:none}.student-create{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr 1.6fr auto;align-items:end;gap:10px;margin-bottom:18px;padding-bottom:18px;display:grid}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{color:#65716c;text-align:left;background:#f7f8f7;font-size:12px;font-weight:750}th,td{vertical-align:middle;border-bottom:1px solid #e4e8e6;padding:11px 12px}tbody tr:hover{background:#fafbfa}td>strong{display:block}.table-sub{color:var(--muted);display:block}.row-actions{text-align:right;white-space:nowrap;width:88px}.device{min-width:170px;display:grid}.device small{color:var(--muted);font-size:11px}.device.unknown{color:#7d8783}.status-dot{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.status-dot:before{content:"";background:#9ca5a1;border-radius:50%;width:8px;height:8px}.status-dot.online:before{background:#2b966f}.status-dot.inactive:before{background:#9ca5a1}.empty-state{color:#78837f;text-align:center;place-content:center;justify-items:center;gap:7px;min-height:150px;padding:20px;display:grid}.empty-state strong{color:#43504b}.empty-state span{max-width:420px;font-size:13px}.start-classroom{border:1px solid var(--line);background:#fff;border-radius:7px;width:min(720px,100%);margin:30px auto;padding:28px}.start-icon{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:7px;place-items:center;margin-bottom:17px;display:grid}.start-form{grid-template-columns:1fr 1.5fr auto;align-items:end;gap:10px;margin-top:22px;display:grid}.classroom-page{padding-top:18px}.classroom-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding-bottom:16px;display:flex}.classroom-bar h1,.student-class-header h1{margin:4px 0 1px}.classroom-bar p,.student-class-header p{margin:0}.connection{color:#8a5d13;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.connection.connected{color:var(--green)}.classroom-actions{gap:8px;display:flex}.classroom-grid{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:18px;display:grid}.classroom-main,.classroom-side{gap:16px;min-width:0;display:grid}.join-band{background:#f5faf7;border:1px solid #bfd3ca;border-radius:7px;grid-template-columns:1fr 160px;align-items:center;min-height:160px;display:grid;overflow:hidden}.code-block{padding:24px 30px;display:grid}.code-block span{color:var(--green);font-weight:700}.code-block strong{letter-spacing:6px;font-family:Cascadia Code,Consolas,monospace;font-size:44px;line-height:1.25}.code-block small{color:var(--muted)}.qr-block{background:#fff;border-left:1px solid #d2e2db;place-content:center;justify-items:center;gap:7px;height:100%;display:grid}.qr-block span{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.activity-section{padding:20px}.activity-create{background:#f8faf9;border:1px solid #e0e5e2;border-radius:6px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:17px;padding:14px;display:flex}.activity-kind-tabs{background:#ecefed;border-radius:6px;flex:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.activity-kind-tabs button{color:#59645f;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:38px;font-weight:700;display:inline-flex}.activity-kind-tabs button:hover{color:#28342f;background:#f8faf9}.activity-kind-tabs button.active{color:var(--green-dark);background:#fff;box-shadow:0 1px 3px #182c231a}.activity-create .grow{flex:260px}.activity-create .options-field{flex:100%}.quiz-settings{flex:100%;justify-content:space-between;align-items:end;gap:14px;display:flex}.quiz-toggle{cursor:pointer;flex-direction:row;align-items:center;gap:10px;min-height:48px;display:flex}.quiz-toggle input{width:18px;height:18px;accent-color:var(--green);flex:0 0 18px}.quiz-toggle span{gap:2px;display:grid}.quiz-toggle small{color:var(--muted);font-size:11px}.correct-option{flex:0 0 118px;width:118px}.activity-list{gap:9px;display:grid}.activity-row{border:1px solid #e0e5e2;border-radius:6px;grid-template-columns:125px minmax(180px,1fr) minmax(200px,1.2fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.activity-row.selected{box-shadow:inset 3px 0 0 var(--green);border-color:#9bc7b7}.activity-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.activity-type,.status-pill{white-space:nowrap;border-radius:4px;align-items:center;min-height:24px;padding:3px 7px;font-size:11px;font-weight:800;display:inline-flex}.activity-type{background:var(--blue-soft);color:var(--blue)}.type-attendance{background:var(--green-soft);color:var(--green)}.type-buzzer{background:var(--red-soft);color:#a4322e}.type-quiz{background:var(--yellow-soft);color:var(--yellow)}.status-pill{color:#5f6b66;background:#edf0ef}.status-open{background:var(--green-soft);color:var(--green)}.status-closed{background:var(--red-soft);color:#9c332f}.status-revealed{background:var(--blue-soft);color:var(--blue)}.activity-title h3{margin:0}.activity-title span{color:var(--muted);font-size:12px}.activity-actions{justify-content:flex-end;gap:5px;display:flex}.activity-roster-button.active{background:var(--green-soft);color:var(--green-dark)}.result-list{gap:5px;display:grid}.result-list>div{grid-template-columns:minmax(60px,110px) minmax(60px,1fr) 25px;align-items:center;gap:7px;font-size:12px;display:grid}.result-track{background:#e8ecea;border-radius:3px;height:6px;overflow:hidden}.result-track i{background:var(--green);height:100%;display:block}.side-section{padding:16px}.participant-list{gap:9px;max-height:260px;display:grid;overflow-y:auto}.participant-list>div{align-items:center;gap:9px;display:flex}.participant-list>div>span:last-child{display:grid}.classroom-participant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.classroom-participant-grid article{border:1px solid #e0e5e2;border-radius:6px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.classroom-participant-grid article>span:last-child{min-width:0;display:grid}.classroom-participant-grid article strong,.classroom-participant-grid article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.classroom-participant-grid article small{color:var(--muted)}.classroom-participant-grid>.empty-state{grid-column:1/-1}.completion-panel{gap:15px;display:grid;position:sticky;top:18px}.completion-panel>.section-heading{margin-bottom:0}.completion-activity{border-bottom:1px solid var(--line);justify-items:start;gap:7px;min-width:0;padding-bottom:14px;display:grid}.completion-activity strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.completion-group{gap:8px;display:grid}.completion-group>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.completion-group>div:first-child strong{align-items:center;gap:7px;font-size:13px;display:inline-flex}.completion-group>div:first-child strong:before{content:"";background:#9ba5a0;border-radius:50%;width:8px;height:8px}.completion-done>div:first-child strong:before{background:var(--green)}.completion-group>div:first-child span{color:var(--muted);font-size:12px}.completion-list{gap:3px;display:grid}.completion-list>div{border-radius:5px;align-items:center;gap:9px;min-width:0;padding:7px 6px;display:flex}.completion-list>div:hover{background:#f5f7f6}.completion-list>div>span:last-child{min-width:0;display:grid}.completion-list strong,.completion-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.completion-list small,.completion-empty{color:var(--muted);font-size:11px}.completion-empty{padding:5px 6px}.participant-list small{color:var(--muted)}.avatar{color:#36584d;background:#e5ece8;border-radius:50%;flex:0 0 31px;place-items:center;width:31px;height:31px;font-size:12px;font-weight:800;display:grid}.message-list{gap:8px;max-height:360px;display:grid;overflow-y:auto}.message-list>div{border-bottom:1px solid #edf0ee;padding:0 30px 9px 0;position:relative}.message-list>div>span{justify-content:space-between;gap:8px;display:flex}.message-list strong{color:var(--green-dark);font-size:12px}.message-list small{color:#8b9490;font-size:10px}.message-list p{color:#29332f;overflow-wrap:anywhere;margin:3px 0 0}.message-list .icon-button{position:absolute;top:14px;right:0}.message-list .deleted{opacity:.58}.message-compose{grid-template-columns:minmax(0,1fr) 38px;margin-top:10px;display:grid}.message-compose input{border-radius:6px 0 0 6px}.message-compose button{background:var(--green);color:#fff;border:0;border-radius:0 6px 6px 0}.group-controls{grid-template-columns:90px 1fr;align-items:end;gap:8px;display:grid}.manual-groups{border-top:1px solid var(--line);gap:7px;margin-top:12px;padding-top:12px;display:grid}.manual-groups label{grid-template-columns:minmax(0,1fr) 110px;align-items:center}.groups-view{gap:7px;margin-top:12px;display:grid}.groups-view>div{border-left:3px solid #8cb7a7;padding-left:9px;display:grid}.groups-view span{color:var(--muted);font-size:12px}.projection-controls{background:#fbfcfb;border:1px solid #d7dfda;border-radius:7px;align-items:center;gap:12px;min-height:64px;margin-bottom:16px;padding:10px 12px;display:flex}.projection-control-heading{align-items:center;gap:9px;min-width:180px;display:flex}.projection-control-heading>div{display:grid}.projection-control-heading small{color:var(--muted);font-size:11px}.projection-control-icon{color:#5748a9;background:#eeeafe;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.projection-mode-tabs{flex:1;justify-content:center;gap:3px;display:flex}.projection-mode-tabs button{color:#5a655f;background:0 0;border:0;border-radius:5px;min-width:58px;min-height:32px;font-size:12px;font-weight:700}.projection-mode-tabs button:hover:not(:disabled){color:#2a3230;background:#eceef2}.projection-mode-tabs button.active{color:#4b3e9c;background:#ebe7ff}.projection-control-actions{gap:2px;display:flex}.projection-revoke{color:#a33c39}.projection-note{color:#9b332e;font-size:12px}.projection-note.success{color:var(--green)}.tool-shell-projection,.tool-shell-projection .tool-workspace{background:#121116;overflow:hidden}.projection-page{color:#f4f2f8;background:#121116;grid-template-rows:76px minmax(0,1fr) 42px;width:100%;min-width:0;height:100svh;min-height:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;display:grid;position:relative;overflow:hidden}.projection-header{background:#19171f;border-bottom:1px solid #302d38;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:0 30px;display:grid}.projection-brand,.projection-head-actions{color:#d7d0eb;align-items:center;gap:9px;font-size:14px;display:flex}.projection-brand>span{color:#fff;background:#6252bd;border-radius:6px;place-items:center;width:34px;height:34px;display:grid}.projection-title{text-align:center;min-width:0}.projection-title h1{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:21px;line-height:1.25;overflow:hidden}.projection-title small{color:#aaa3b5;align-items:center;gap:5px;margin-top:3px;font-size:11px;display:inline-flex}.projection-title small.online{color:#81caae}.projection-head-actions{color:#c7c1d0;white-space:nowrap;justify-content:flex-end}.projection-fullscreen{color:#cbc5d8;background:0 0;border:0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.projection-fullscreen:hover{color:#fff;background:#2a2732}.projection-body{grid-template-columns:minmax(0,1fr) clamp(280px,23vw,360px);min-width:0;min-height:0;display:grid;overflow:hidden}.projection-stage{background:#121116;place-items:center;min-height:0;padding:30px 48px;display:grid;overflow:hidden}.projection-footer{color:#aaa3b5;background:#19171f;border-top:1px solid #302d38;justify-content:space-between;align-items:center;padding:0 30px;font-size:13px;display:flex}.projection-mode-label{color:#c9c1ff;font-weight:750}.projection-join{background:#201e27;border:1px solid #35313e;border-radius:8px;grid-template-columns:minmax(0,1fr) 360px;width:min(1180px,100%);min-height:min(630px,100%);display:grid;overflow:hidden}.projection-join-copy{text-align:center;align-content:center;justify-items:center;gap:14px;padding:40px;display:grid}.projection-join-copy>span{color:#c7c0d5;font-size:23px}.projection-join-copy strong{color:#fff;letter-spacing:12px;font-family:Cascadia Code,Consolas,monospace;font-size:90px;line-height:1}.projection-join-copy small{color:#aaa3b5;font-size:18px}.projection-qr{color:#24202c;background:#f7f5fb;place-content:center;justify-items:center;gap:14px;padding:30px;display:grid}.projection-qr>svg{width:232px;max-width:100%;height:232px}.projection-qr span{color:#554d65;align-items:center;gap:6px;font-size:16px;font-weight:700;display:flex}.projection-qr span svg{width:18px;height:18px}.projection-empty{text-align:center;background:#201e27;border:1px solid #35313e;border-radius:8px;place-content:center;justify-items:center;gap:14px;width:min(920px,100%);min-height:380px;padding:40px;display:grid}.projection-empty svg{color:#8877e7}.projection-empty h2,.projection-empty p{margin:0}.projection-empty h2{color:#fff;font-size:34px}.projection-empty p{color:#aaa3b5;font-size:18px}.projection-activity{align-content:center;gap:20px;width:min(1440px,100%);min-height:0;display:grid}.projection-activity-heading{justify-content:center;gap:10px;display:flex}.projection-activity-heading span,.projection-activity-heading small{border-radius:5px;align-items:center;min-height:30px;padding:5px 11px;font-size:14px;font-weight:750;display:inline-flex}.projection-activity-heading span{color:#fff;background:#5e4bc1}.projection-activity-heading small{color:#cec8d9;background:#2c2934}.projection-activity h2{color:#fff;text-align:center;overflow-wrap:anywhere;max-width:1260px;margin:0 auto;font-size:46px;line-height:1.25}.projection-results{gap:12px;width:min(1260px,100%);margin:3px auto 0;display:grid}.projection-result{background:#201e27;border:1px solid #393540;border-radius:7px;grid-template-columns:46px minmax(0,1fr) 118px;align-items:center;gap:14px;min-height:56px;padding:9px 18px 9px 10px;display:grid}.projection-option-index{color:#d8d2ff;background:#373246;border-radius:5px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.projection-result>div{gap:7px;min-width:0;display:grid}.projection-result strong{color:#f5f3f8;text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.projection-result i{background:#3a3742;border-radius:4px;height:8px;overflow:hidden}.projection-result i b{border-radius:inherit;background:#816bed;height:100%;display:block}.projection-result>small{color:#f0edf7;text-align:right;font-size:17px;font-weight:750}.projection-result em{color:#aaa3b5;font-size:13px;font-style:normal;font-weight:500}.projection-response-count{color:#bbb4c7;text-align:center;margin:0;font-size:17px}.projection-attendance{color:#d9d3ff;justify-items:center;gap:5px;margin:3px auto 0;display:grid}.projection-attendance strong{color:#fff;font-size:80px;line-height:1}.projection-attendance span{color:#c4bdd0;font-size:22px}.projection-attendance-layout{grid-template-columns:minmax(0,1fr) minmax(230px,320px) minmax(0,1fr);align-self:stretch;align-items:stretch;gap:22px;width:min(1380px,100%);min-height:0;display:grid}.projection-attendance-summary{text-align:center;align-content:center;justify-items:center;gap:18px;min-width:0;display:grid}.projection-attendance-summary h2{color:#fff;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:42px;line-height:1.2}.projection-attendance-summary>p{color:#bbb4c7;margin:0;font-size:17px}.projection-roster{background:#19171f;border:1px solid #393540;border-radius:7px;grid-template-rows:auto minmax(0,1fr);align-content:start;gap:16px;min-width:0;min-height:0;padding:20px;display:grid;overflow:hidden}.projection-roster>div:first-child{justify-content:space-between;align-items:center;gap:12px;display:flex}.projection-roster h3{color:#f2eff8;margin:0;font-size:22px}.projection-roster>div:first-child>span{color:#cbc4d6;background:#2d2935;border-radius:13px;place-items:center;min-width:30px;height:26px;padding:0 8px;font-size:13px;font-weight:800;display:grid}.projection-roster-completed{border-top-color:#4fa98a}.projection-roster-incomplete{border-top-color:#817a8c}.projection-name-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden}.projection-name-list>span{color:#ebe7f1;text-overflow:ellipsis;white-space:nowrap;background:#25222c;border-radius:5px;min-width:0;padding:9px 10px;font-size:15px;overflow:hidden}.projection-name-list>small{color:#8f8998;grid-column:1/-1;font-size:14px}.projection-roster.compact{background:0 0;border-width:1px 0 0;border-radius:0;grid-template-rows:auto auto;gap:10px;width:min(1260px,100%);min-height:auto;margin:0 auto;padding:14px 0 0}.projection-roster.compact h3{font-size:18px}.projection-roster.compact .projection-name-list{flex-wrap:wrap;gap:7px;max-height:76px;display:flex}.projection-roster.compact .projection-name-list>span{max-width:150px;padding:6px 10px;font-size:13px}.projection-buzzer{text-align:center;background:#201e27;border:1px solid #3b3548;border-radius:8px;place-content:center;justify-items:center;gap:20px;width:min(1120px,100%);min-height:470px;padding:40px;display:grid}.projection-buzzer>span{color:#d8d0ff;align-items:center;gap:11px;font-size:27px;font-weight:800;display:flex}.projection-buzzer h2{color:#fff;margin:0;font-size:45px;line-height:1.25}.projection-buzzer p{color:#bbb4c7;margin:0;font-size:25px}.projection-buzzer>div{gap:5px;display:grid}.projection-buzzer>div small{color:#c2b8ff;font-size:19px}.projection-buzzer>div strong{color:#fff;font-size:70px}.projection-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.projection-section-heading>span{color:#fff;align-items:center;gap:10px;font-size:28px;font-weight:800;display:flex}.projection-section-heading small{color:#bbb4c7;font-size:16px}.projection-groups{gap:24px;width:min(1440px,100%);min-height:0;display:grid}.projection-message-focus{text-align:center;background:#201e27;border:1px solid #35313e;border-radius:8px;place-content:center;justify-items:center;gap:13px;width:min(760px,100%);min-height:360px;padding:40px;display:grid}.projection-message-focus svg{color:#8877e7}.projection-message-focus h2,.projection-message-focus p{margin:0}.projection-message-focus h2{color:#fff;font-size:36px}.projection-message-focus p{color:#aaa3b5;font-size:18px}.projection-message-focus p strong{color:#fff;font-size:28px}.projection-message-rail{background:#17151c;border-left:1px solid #302d38;grid-template-rows:auto minmax(0,1fr);gap:14px;min-width:0;min-height:0;padding:20px 18px;display:grid;overflow:hidden}.projection-message-rail-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.projection-message-rail-heading>span{color:#f0edf7;align-items:center;gap:8px;font-size:17px;font-weight:800;display:inline-flex}.projection-message-rail-heading>span svg{color:#9785f2}.projection-message-rail-heading small{color:#c6bfd2;background:#2d2935;border-radius:12px;place-items:center;min-width:28px;height:24px;padding:0 8px;font-size:12px;font-weight:750;display:inline-grid}.projection-message-stream{scrollbar-color:#4a4453 transparent;scrollbar-width:thin;flex-direction:column;gap:9px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.projection-message-stream article{background:#201e27;border:1px solid #393540;border-radius:7px;flex:none;gap:9px;padding:13px 14px;display:grid;overflow:hidden}.projection-message-stream article p{color:#f4f2f8;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}.projection-message-stream article small{color:#8f8998;font-size:11px}.projection-message-empty{color:#7f788a;text-align:center;place-content:center;justify-items:center;gap:9px;min-height:180px;font-size:13px;display:grid}.projection-groups>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-height:0;display:grid;overflow:hidden}.projection-groups article{background:#201e27;border:1px solid #393540;border-top:4px solid #7d68e3;border-radius:7px;min-height:146px;padding:17px;overflow:hidden}.projection-groups article>span{color:#ada3e9;font-size:13px;font-weight:750}.projection-groups h2{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 9px;font-size:23px;overflow:hidden}.projection-groups p{color:#c2bbcd;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.projection-state{grid-template-rows:1fr;place-items:center}.projection-state>section{text-align:center;justify-items:center;gap:13px;padding:30px;display:grid}.projection-state svg{color:#8977e6}.projection-state h1{color:#fff;margin:0;font-size:34px}.projection-state p{color:#b6afc1;margin:0;font-size:17px}@media (height<=820px){.projection-page{grid-template-rows:62px minmax(0,1fr) 34px}.projection-header,.projection-footer{padding-left:22px;padding-right:22px}.projection-stage{padding:20px 36px}.projection-join{min-height:0}.projection-join-copy strong{font-size:70px}.projection-qr>svg{width:180px;height:180px}.projection-activity{gap:13px}.projection-activity h2{font-size:34px}.projection-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.projection-result{grid-template-columns:35px minmax(0,1fr) 72px;gap:8px;min-height:46px;padding:7px 10px 7px 7px}.projection-option-index{width:27px;height:27px;font-size:12px}.projection-result strong{font-size:14px}.projection-result i{height:6px}.projection-result>small,.projection-response-count{font-size:14px}.projection-attendance-layout{grid-template-columns:minmax(0,1fr) minmax(190px,240px) minmax(0,1fr);gap:12px}.projection-attendance-summary{gap:11px}.projection-attendance-summary h2{font-size:30px}.projection-attendance strong{font-size:62px}.projection-attendance span{font-size:17px}.projection-roster{gap:10px;padding:13px}.projection-roster h3{font-size:17px}.projection-name-list{gap:6px}.projection-name-list>span{padding:7px 8px;font-size:12px}.projection-roster.compact{padding-top:9px}.projection-roster.compact .projection-name-list{max-height:56px}.projection-body{grid-template-columns:minmax(0,1fr) clamp(260px,22vw,320px)}.projection-message-rail{gap:10px;padding:14px 12px}.projection-message-stream{gap:7px}.projection-message-stream article{gap:6px;padding:9px 10px}.projection-message-stream article p{-webkit-line-clamp:2;font-size:13px}.projection-message-focus{min-height:280px}.projection-groups{gap:14px}.projection-groups article{min-height:102px;padding:12px}.projection-groups h2{margin:5px 0;font-size:18px}.projection-groups p{-webkit-line-clamp:2;font-size:13px}}@media (width<=900px){.projection-header{grid-template-columns:minmax(0,1fr) auto;padding:0 16px}.projection-brand strong{display:none}.projection-head-actions span{font-size:12px}.projection-body{grid-template-columns:minmax(0,1fr) 240px}.projection-stage{padding-left:20px;padding-right:20px}.projection-join{grid-template-columns:minmax(0,1fr) 270px}.projection-join-copy strong{font-size:64px}.projection-qr{padding:20px}.projection-qr>svg{width:180px;height:180px}.projection-groups>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}}.modal-backdrop{z-index:50;background:#0f1b1661;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(430px,100%);padding:20px;box-shadow:0 20px 60px #0000002e}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.student-join{place-items:center;min-height:100svh;padding:24px;display:grid}.student-join>section{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(440px,100%);padding:30px}.student-join form{gap:15px;margin-top:24px;display:grid}.code-input input{text-align:center;letter-spacing:7px;font-family:Cascadia Code,Consolas,monospace;font-size:29px}.student-class-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:16px;display:flex}.student-name{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 11px;font-weight:700}.student-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.student-activities{gap:10px;min-width:0;display:grid}.student-activities>.section-heading{margin-bottom:2px}.student-side{gap:14px;display:grid}.student-activity{border:1px solid var(--line);background:#fff;border-radius:7px;padding:18px}.student-activity.open{border-left:4px solid var(--green)}.student-activity h3{margin:12px 0 14px;font-size:18px}.student-options{gap:8px;display:grid}.student-options label{cursor:pointer;border:1px solid #d9dfdc;border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;min-height:44px;padding:9px 12px;display:grid}.student-options label.selected{border-color:var(--green);background:#f3faf7}.student-options input{width:auto}.student-options small{color:var(--muted)}.activity-summary{margin:8px 0 0;font-size:13px}.student-group{border-left:3px solid var(--green);padding-left:10px;display:grid}.student-group span{color:var(--muted);font-size:13px}@media (width<=1040px){.header-inner{grid-template-columns:190px 1fr 160px}.main-tabs button{min-width:auto;padding:0 12px}.classroom-grid,.student-grid,.teacher-overview{grid-template-columns:minmax(0,1fr) 280px}.activity-row{grid-template-columns:110px minmax(160px,1fr) auto}.result-list{grid-column:2/-1}.student-create{grid-template-columns:1fr 1fr}.classroom-participant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.tool-shell{grid-template-columns:64px minmax(0,1fr)}.tool-brand{justify-content:center;min-height:66px;padding:10px}.tool-brand>span{width:38px;height:38px}.tool-brand>div,.tool-nav span,.tool-nav small,.tool-presence,.tool-user>span,.projection-rail-meta>span{display:none}.tool-nav{padding:9px 8px}.tool-nav button,.tool-nav>div{grid-template-columns:1fr;justify-items:center;min-height:48px;padding:8px}.tool-rail-footer{justify-items:center;padding:9px 8px}.tool-user,.projection-rail-meta{justify-content:center}.app-header{height:auto;position:static}.header-inner{grid-template-columns:1fr auto;padding:10px 14px 0}.main-tabs{order:3;grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.main-tabs button{flex:1 0 auto;min-height:44px}.user-menu>span{display:none}.page{padding:20px 14px 40px}.split-layout,.classroom-grid,.student-grid,.teacher-overview{grid-template-columns:1fr}.completion-panel{position:static}.class-list{grid-template-columns:repeat(2,minmax(0,1fr))}.classroom-side,.student-side,.start-form{grid-template-columns:1fr}.classroom-bar{align-items:flex-start}.classroom-actions{flex-direction:column}.activity-row{grid-template-columns:1fr auto}.activity-title,.result-list{grid-column:1/-1}.activity-actions{grid-area:1/2}}@media (width<=520px){.login-page{align-items:stretch;padding:0}.login-panel{border:0;border-radius:0;min-height:100vh;padding:26px 20px}.page-heading h1,h1{font-size:23px}.split-layout{gap:12px}.side-panel,.content-panel,.activity-section{padding:15px}.student-create{grid-template-columns:1fr}.join-band{text-align:center;grid-template-columns:1fr}.code-block{padding:18px}.code-block strong{letter-spacing:4px;font-size:36px}.qr-block{border-top:1px solid #d2e2db;border-left:0;padding:14px}.classroom-bar,.student-class-header{flex-direction:column;align-items:flex-start}.classroom-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.activity-create{grid-template-columns:1fr;display:grid}.activity-kind-tabs{grid-template-columns:1fr}.quiz-settings{flex-direction:column;align-items:stretch}.correct-option{flex-basis:auto;width:100%}.activity-row{grid-template-columns:1fr}.activity-actions{grid-area:auto/1;justify-content:stretch}.activity-actions .button{width:100%}.class-list,.classroom-participant-grid{grid-template-columns:1fr}}