:root{--bg:#0e1013;--surface:#181b20;--surface-2:#20242b;--surface-3:#2c313a;--hover:#3a404b;--line:#2e333c;--text:#eef1f5;--text-2:#aeb6c2;--text-3:#7f8896;--accent:#8ab4f8;--accent-strong:#4c8df6;--accent-bg:#8ab4f829;--green:#5fd28a;--green-strong:#1e9e55;--green-bg:#5fd28a24;--red:#f28b82;--red-strong:#e2483d;--red-bg:#f28b8224;--off-bg:#f9dedc;--off-fg:#601410;--amber:#fbbf24;--amber-bg:#fbbf2429;--shadow:0 12px 32px #00000073, 0 2px 6px #0000004d;--font:-apple-system, BlinkMacSystemFont, "SF Arabic", "Segoe UI", "Noto Sans Arabic", "Noto Sans", Roboto, "Geeza Pro", Tahoma, sans-serif;--pw:340px;--bb-h:80px;--stage-h:0px;--ph-h:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[dir=rtl]{--in:1}[dir=ltr]{--in:-1}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.45 var(--font);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.ic{flex:none;width:22px;height:22px;display:block}[dir=rtl] .flip>svg,[dir=rtl] svg.flip{transform:scaleX(-1)}.icon{flex:none;place-items:center;display:inline-grid}#room{grid-template-rows:minmax(0, 1fr) var(--bb-h);width:100%;height:var(--app-h,100dvh);grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.text-btn{background:var(--surface-3);min-height:36px;color:var(--text);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:650;display:inline-flex}.text-btn:hover:not(:disabled){background:var(--hover)}.text-btn.quiet{color:var(--accent);background:0 0;min-height:30px;padding:0 8px}.btn{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 16px;font-weight:700;display:inline-flex}.btn.primary{background:var(--accent-strong);color:#fff}.btn.primary:hover:not(:disabled){background:#3d7fe8}.btn.ghost{background:var(--surface-3);color:var(--text)}.btn.ghost:hover:not(:disabled){background:var(--hover)}.btn.danger{background:var(--red-strong);color:#fff}.btn.sm{height:34px;min-height:34px;padding:0 12px;font-size:13px}.chip{background:var(--surface-2);height:36px;color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.chip .ic{width:18px;height:18px}button.chip:hover{background:var(--surface-3);color:var(--text)}.chip.on{background:var(--accent-bg);color:var(--accent)}.ibtn{width:40px;height:40px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.ibtn:hover{background:var(--surface-2);color:var(--text)}.ibtn.sm{width:36px;height:36px}.ibtn.sm .ic{width:18px;height:18px}.tag{background:var(--surface-3);color:var(--text-2);white-space:nowrap;border-radius:999px;flex:none;padding:1px 8px;font-size:11.5px;font-weight:600}.tag.shown{background:var(--accent-bg);color:var(--accent)}.tag.danger{background:var(--red-bg);color:var(--red)}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);background:#20242be0;box-shadow:0 4px 16px #00000059}.glass:hover{background:#3a404bf2}.av{color:#fff;background-position:50%;background-size:cover;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:grid;position:relative}.av-img{object-fit:cover;background:var(--surface-3);border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.av.sm{width:28px;height:28px;font-size:12px}.av.xs{width:22px;height:22px;font-size:10px}.av.on:after{content:"";bottom:-1px;background:var(--green);border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;inset-inline-end:-1px}.badge{top:2px;background:var(--accent-strong);color:#fff;border:2px solid var(--surface);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;inset-inline-end:0}.badge.amber{background:var(--amber);color:#1b1300}.badge.dot{width:12px;min-width:12px;height:12px;padding:0;top:6px}.bars{align-items:center;gap:2px;height:14px;display:inline-flex}.bars i{background:currentColor;border-radius:2px;width:3px;height:4px}.bars.on i{animation:.9s ease-in-out infinite bar}.bars.on i:nth-child(2){animation-duration:.7s;animation-delay:-.45s}.bars.on i:nth-child(3){animation-duration:1.1s;animation-delay:-.2s}@keyframes bar{0%,to{height:4px}50%{height:14px}}@keyframes pulse{50%{opacity:.35}}@keyframes pop{0%{opacity:0;transform:scale(.97)}}@keyframes slidein{0%{transform:translateX(calc(var(--in) * 105%));opacity:.4}}[data-gone]{opacity:.4}.body{min-height:0;padding:12px 12px 0;display:flex;position:relative}.side{width:var(--pw);background:var(--surface);z-index:20;border-radius:18px;flex-direction:column;flex:none;min-height:0;display:flex;position:relative;overflow:hidden}.resizer{cursor:col-resize;touch-action:none;flex:none;width:12px;position:relative}.resizer:after,.edge:after{content:"";top:50%;background:var(--surface-3);border-radius:3px;width:6px;height:56px;margin-top:-28px;transition:background .15s;position:absolute;inset-inline-start:3px;box-shadow:0 0 0 1px #ffffff2e,0 1px 4px #00000080}.resizer:hover:after,.resizer.drag:after,.edge:hover:after{background:var(--accent)}.stage-wrap{background:#08090b;border-radius:18px;flex:1;min-width:0;position:relative;overflow:hidden}#room[data-panel=closed] .side,#room[data-panel=closed] .resizer{display:none}#room[data-panel=closed][data-peek="1"] .side{top:12px;bottom:0;box-shadow:var(--shadow);animation:.22s cubic-bezier(.2,.8,.2,1) slidein;display:flex;position:absolute;inset-inline-start:12px}.edge{top:0;bottom:var(--bb-h);z-index:25;width:14px;display:none;position:absolute;inset-inline-start:0}#room[data-panel=closed]:not([data-peek="1"]) .edge{display:block}.edge:after{height:72px;margin-top:-36px;inset-inline-start:4px}.ph-info{display:none}.p-head{flex:none;align-items:center;gap:4px;padding:10px 10px 6px;display:flex}.p-head:empty{display:none}.tabs{flex:1;gap:4px;min-width:0;display:flex}.tab{min-width:44px;height:44px;color:var(--text-2);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex;position:relative}.tab:hover{background:var(--surface-2);color:var(--text)}.tab.on{background:var(--accent-bg);color:var(--accent);padding:0 14px}.tab .lbl{white-space:nowrap;display:none}.tab.on .lbl{display:inline}.tab .badge{border-color:var(--surface)}.chat-pane{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.side[data-tab]:not([data-tab=chat])>.chat-pane{display:none}.pane{flex-direction:column;flex:1;min-height:0;display:none}.side[data-tab=hands]>.pane[data-pane=hands],.side[data-tab=mcq]>.pane[data-pane=mcq],.side[data-tab=roster]>.pane[data-pane=roster]{display:flex}.scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hover) transparent;flex:1;min-height:0;overflow-y:auto}.sec-title{color:var(--text-3);align-items:center;gap:8px;padding:14px 16px 6px;font-size:12px;font-weight:700;display:flex}.sec-title .n{background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:0 8px;font-size:11px;line-height:18px}.empty{color:var(--text-3);text-align:center;justify-items:center;gap:10px;padding:40px 24px;display:grid}.empty .ic{stroke-width:1.5px;width:36px;height:36px}.rows{margin:0;padding:0;list-style:none}.msgs{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hover) transparent;flex:1;min-height:0;margin:0;padding:4px 0 8px;list-style:none;overflow-y:auto}.m{gap:10px;padding:1px 14px;display:flex;position:relative}.m.head{padding-top:10px}.m.head:not(:first-child){border-top:1px solid var(--line);margin-top:6px}.m.t{background:linear-gradient(90deg,#8ab4f812,#8ab4f805)}.av-gap{flex:none;width:36px}.mg-body{flex:1;min-width:0}.mg-head{align-items:baseline;gap:8px;min-width:0;margin-bottom:2px;display:flex}.mg-head .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.m.t .nm{color:var(--accent)}.mg-head .tm{color:var(--text-3);flex:none;font-size:11px}.tag-t{background:var(--accent-bg);color:var(--accent);border-radius:6px;flex:none;padding:1px 6px;font-size:10px;font-weight:700}.msg{border-radius:8px;align-items:flex-start;gap:4px;margin-inline-start:-6px;padding:2px 6px;display:flex;position:relative}.msg .text{color:#e3e7ed;overflow-wrap:anywhere;white-space:pre-wrap;flex:1;min-width:0;margin:0;font-size:14.5px}.m.mine .text{color:#fff}#room[data-role=teacher] .msg{cursor:pointer}.msg:hover{background:#ffffff09}.msg-more{width:28px;height:28px;color:var(--text-3);opacity:0;border-radius:50%;margin-top:-3px}.msg-more .ic{width:18px;height:18px}.msg:hover .msg-more,.msg-more:focus-visible,.msg-more[aria-expanded=true]{opacity:1}@media (hover:none){.msg-more{display:none}}.ask-row{list-style:none}.ask{background:#2a2412;border:1px solid #fbbf2459;border-radius:14px;margin:8px 12px;padding:10px 12px}.ask.shown{border-color:var(--amber)}.ask-head{align-items:center;gap:8px;min-width:0;font-size:12.5px;display:flex}.ask-head .q,.ask-pin .q{background:var(--amber);color:#1b1300;padding:1px 8px 1px 6px;border-radius:999px;flex:none;align-items:center;gap:4px;padding-inline:6px 8px;font-size:11.5px;font-weight:700;display:inline-flex}.ask-head .q .ic,.ask-pin .q .ic{width:13px;height:13px}.ask-head .nm{color:#fde68a;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:700;overflow:hidden}.ask .text{color:#fff7e0;overflow-wrap:anywhere;margin:6px 0 8px;font-size:14.5px}.ask-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ask-foot .grow{flex:1}.pill-btn{height:32px;min-height:32px;color:var(--text);background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.pill-btn .ic{width:16px;height:16px}.pill-btn:hover:not(:disabled){background:#ffffff24}.pill-btn.ghost{color:#fde68a;background:0 0;padding:0 4px}.pill-btn.primary{background:var(--amber);color:#1b1300}.pill-btn.quiet{color:var(--text-2);background:0 0}.ask-pins{flex:none;gap:6px;padding:8px 12px 0;display:grid}.pin{background:var(--surface-2);border-radius:12px;flex:none;align-items:center;gap:8px;min-width:0;margin:8px 12px 0;padding:6px 6px 6px 12px;padding-inline:12px 6px;display:flex}.ask-pins .pin{background:#2a2412;border:1px solid #fbbf2459;margin:0}.pin .pin-ic{color:var(--accent)}.pin .pin-ic .ic{width:16px;height:16px}.pin b{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:35%;font-size:12.5px;overflow:hidden}.ask-pins .pin b{color:#fde68a}.pin span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pin .quiet{flex:none}.new-pill{background:var(--accent-strong);color:#fff;height:32px;box-shadow:var(--shadow);z-index:2;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:650;display:inline-flex;position:absolute;bottom:72px;left:50%;transform:translate(-50%)}.new-pill .ic{width:16px;height:16px}.compose{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:6px;padding:10px 12px 12px;display:flex}.compose .box{background:var(--surface-2);border:1px solid #0000;border-radius:22px;align-items:center;min-height:44px;padding-inline:14px 4px;display:flex}.compose .box:focus-within{border-color:var(--accent)}.compose textarea{resize:none;background:0 0;border:0;outline:0;flex:1;min-width:0;max-height:120px;padding:11px 0;font-size:15px;line-height:1.4}.compose textarea::placeholder{color:var(--text-3)}.send{width:40px;height:40px;color:var(--accent);border-radius:50%}.send:hover:not(:disabled){background:var(--accent-bg)}.send[data-wait]:not([data-wait=""]) svg{display:none}.send[data-wait]:not([data-wait=""]):after{content:attr(data-wait);font-variant-numeric:tabular-nums;font-weight:700}.cmode{background:var(--surface-2);border-radius:999px;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:flex}.cmode button{height:36px;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.cmode button .ic{width:16px;height:16px}.cmode button.on{background:var(--surface-3);color:var(--text);box-shadow:0 1px 2px #0000004d}.cmode button.q.on{background:var(--amber);color:#1b1300}.chint{color:var(--amber);margin:0;padding:0 4px;font-size:12px;line-height:1.45}.compose.ask-mode .box{background:#2a2412;border-color:#fbbf2480}.compose.ask-mode .box:focus-within{border-color:var(--amber)}.compose.ask-mode textarea::placeholder{color:#fbbf24bf}.compose.ask-mode .send{color:var(--amber)}.compose-note{text-align:center;color:var(--text-3);margin:0;padding:8px}.search{background:var(--surface-2);color:var(--text-3);border-radius:22px;flex:none;align-items:center;gap:8px;margin:4px 12px 6px;padding:0 14px;display:flex}.search .ic{width:18px;height:18px}.search input{min-width:0;height:44px;color:var(--text);background:0 0;border:0;outline:0;flex:1}.p-tools{flex-wrap:wrap;flex:none;gap:6px;padding:0 12px 4px;display:flex}.row{align-items:center;gap:10px;min-height:56px;padding-block:8px;padding-inline:14px 8px;display:flex;position:relative}.row:hover{background:#ffffff08}.row.gone{opacity:.55}.row.away .s-name{color:var(--text-3)}.s-main{flex:1;min-width:0}.s-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.s-code{color:var(--text-3);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;font-size:12px;display:flex}.phone-no{color:var(--text);align-items:center;gap:4px;font-size:13px;font-weight:650;display:inline-flex}.phone-no .ic{width:14px;height:14px}.s-state{flex:none;align-items:center;gap:4px;display:flex}.st{width:28px;height:28px;color:var(--text-3);border-radius:50%;place-items:center;display:grid}.st .ic{width:16px;height:16px}.st.hand{background:var(--amber-bg);color:var(--amber)}.st.mic-on{background:var(--green-bg);color:var(--green)}.st.mic-ok{background:var(--green-bg);color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green-strong)}.s-id{font-variant-numeric:tabular-nums;color:var(--text-2);unicode-bidi:isolate;font-weight:600}.st.pen{background:var(--accent-bg);color:var(--accent)}.st.muted{color:var(--red)}.row .acts{flex:none;align-items:center;gap:6px;display:flex}.row .confirm{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--red);unicode-bidi:isolate;flex:8em;font-weight:650;overflow:hidden}.hrow+.hrow{border-top:1px solid var(--line)}.hrow .s-code{color:var(--amber)}.hrow .spk,.hrow .wait{align-items:center;gap:5px;font-weight:600;display:inline-flex}.hrow .spk,.hrow .wait.ok,.hrow.allowed .s-code{color:var(--green)}.hrow .lower{color:var(--text-3)}.hrow .wait .ic{width:14px;height:14px}.timer{font-variant-numeric:tabular-nums;color:var(--text-2);flex:none;font-size:13px}.micbtn{background:var(--surface-3);width:48px;height:48px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .1s;display:grid;position:relative}.micbtn:hover{background:var(--hover)}.micbtn:active{transform:scale(.94)}.micbtn.allowed{background:var(--green-bg);color:var(--green);box-shadow:inset 0 0 0 2px var(--green-strong)}.micbtn.on{background:var(--green-strong);color:#fff;box-shadow:0 0 0 4px #5fd28a33}.micbtn .bars{bottom:-2px;background:var(--green-strong);border:2px solid var(--surface);border-radius:8px;height:18px;padding:2px 4px;position:absolute;inset-inline-end:-4px}.qcard{background:var(--surface-2);border-radius:14px;align-items:center;gap:10px;min-height:0;margin:6px 12px;padding:10px;display:flex}.qcard:hover{background:var(--surface-3)}.qcard.used{opacity:.6}.qthumb{border:1px solid var(--line);color:#6b7280;background:#fff 50%/contain no-repeat;border-radius:8px;flex:none;place-items:center;width:56px;height:42px;display:grid}.qmeta{flex:1;min-width:0}.prep-text{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:600;overflow:hidden}.qmeta span{color:var(--text-3);font-size:12px}.qthumb img{object-fit:contain;border-radius:7px;width:100%;height:100%;display:block}.qthumb .ic{width:18px;height:18px}.qmeta b{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.qmeta>span{align-items:center;gap:6px;display:flex}.qmeta .ok{color:var(--green);font-weight:650}.qcard.click{cursor:pointer}.qcard .chev{color:var(--text-3);display:grid}[dir=rtl] .qcard .chev .ic,[dir=rtl] .res-back .ic{transform:scaleX(-1)}.q-new{background:var(--accent-strong);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 24px);height:48px;margin:6px 12px 4px;font-size:15px;font-weight:700;display:flex}.q-new:hover{background:#3d7fe8}.q-res{flex:1;min-height:0;overflow-y:auto}.res-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:6px 8px;display:flex}.res-head b{font-size:15px}.res{padding:12px 14px}.res .rq-img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:180px;margin-bottom:10px;display:block}.res .rq-text{overflow-wrap:anywhere;margin-bottom:4px;font-size:15px;font-weight:600}.res .rq-sub{color:var(--text-3);margin-bottom:12px;font-size:12.5px}.ropt{background:var(--surface-2);border:1px solid #0000;border-radius:14px;margin-bottom:8px;padding:10px}.ropt.correct{background:var(--green-bg);border-color:#5fd28a99}.ropt-top{align-items:center;gap:8px;display:flex}.ropt-top .let{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:grid}.ropt-top .let .ic{width:16px;height:16px}.ropt.correct .let{background:var(--green-strong);color:#fff}.ropt-top .tx{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:600}.ropt-top .pct{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.ropt.correct .pct{color:var(--green)}.rbar{background:#ffffff12;border-radius:4px;height:8px;margin:8px 0 6px;overflow:hidden}.rbar b{background:var(--accent);border-radius:4px;height:100%;display:block}.ropt.correct .rbar b{background:var(--green)}.ropt-foot{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.ropt-foot .who .chev{display:inline-grid}.ropt-foot .who .ic{width:14px;height:14px}.names{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.nchip{background:var(--surface-3);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding-block:3px;padding-inline:3px 10px;font-size:12.5px;display:inline-flex}.nchip span[dir]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.q-scrim{z-index:80;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.q-scrim[hidden]{display:none}.modal{background:var(--surface);width:min(520px,100%);max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;animation:.16s ease-out pop;display:flex;overflow:hidden}.m-head{align-items:center;gap:8px;padding-block:14px 10px;padding-inline:20px 14px;display:flex}.m-head h3{flex:1;margin:0;font-size:18px}.m-body{flex:1;min-height:0;padding:4px 20px 16px;overflow-y:auto}.m-foot{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.m-foot .hint{color:var(--text-3);flex:1;font-size:12.5px}.m-foot .btn.soft{opacity:.55}.m-foot .hint.err{color:var(--red);font-weight:650}.imgbox{border:2px dashed var(--hover);text-align:center;min-height:150px;color:var(--text-2);background:var(--surface-2);border-radius:16px;place-items:center;gap:8px;display:grid;position:relative;overflow:hidden}.imgbox.has{border-style:solid;border-color:var(--line);background:#fff}.imgbox img{max-width:100%;max-height:240px;margin:0 auto;display:block}.imgbox .ph{justify-items:center;gap:8px;padding:18px;display:grid}.imgbox .ph>.ic{width:32px;height:32px}.imgbox .ph .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.imgbox .over{top:8px;gap:6px;display:flex;position:absolute;inset-inline-end:8px}.imgbox .over button{color:#fff;background:#111418bf;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.imgbox .over .ic{width:18px;height:18px}.imgbox .busy{inset-inline:0;color:#fff;background:#111418bf;padding:6px;font-size:12.5px;position:absolute;bottom:0}.field{background:var(--surface-2);width:100%;color:var(--text);resize:vertical;min-height:56px;font:inherit;border:1px solid #0000;border-radius:14px;outline:0;margin-top:12px;padding:12px 14px;font-size:15px}.field:focus{border-color:var(--accent)}.f-label{justify-content:space-between;align-items:center;gap:8px;margin:18px 0 8px;font-size:14px;font-weight:700;display:flex}.f-label small{color:var(--text-3);font-size:12px;font-weight:500}.ans{align-items:center;gap:8px;margin-bottom:8px;display:flex}.radio{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.radio i{border:2px solid var(--text-3);border-radius:50%;place-items:center;width:24px;height:24px;transition:all .15s;display:grid}.radio:hover i{border-color:var(--text)}.radio.on i{border-color:var(--green);background:var(--green-strong)}.radio.on i:after{content:"";border-top:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:0;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.ans input{background:var(--surface-2);min-width:0;height:48px;color:var(--text);font:inherit;border:1px solid #0000;border-radius:12px;outline:0;flex:1;padding:0 14px;font-size:15px}.ans input:focus{border-color:var(--accent)}.ans.correct input{background:var(--green-bg);border-color:#5fd28a99}.ans .del{width:44px;height:44px;color:var(--text-3);border-radius:50%;flex:none;place-items:center;display:grid}.ans .del:hover:not(:disabled){background:var(--red-bg);color:var(--red)}.ans .del:disabled{opacity:.35}.need .radio i{border-color:var(--red);animation:.3s shake}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.add-ans{border:1px dashed var(--hover);width:100%;height:44px;color:var(--text-2);border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:650;display:flex}.add-ans:hover{background:var(--surface-2);color:var(--text)}.add-ans .ic{width:18px;height:18px}#room[data-form=phone] .q-scrim,#room[data-form=phone-land] .q-scrim{place-items:end center;padding:0}#room[data-form=phone] .modal,#room[data-form=phone-land] .modal{border-radius:22px 22px 0 0;width:100%;max-height:calc(100dvh - 12px)}.mcq-card.teacher{background:linear-gradient(#1d2a40,#1a2130);border:1px solid #8ab4f859;border-radius:16px;margin:6px 12px;padding:12px}.lq-top{color:var(--accent);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.lq-top .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}.lq-top .dot.off{background:var(--text-3);animation:none}.lq-foot{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.q-text{overflow-wrap:anywhere;margin:4px 0 10px;font-size:15px;font-weight:600}.q-img{object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:32vh;margin-bottom:10px;display:block}.opts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.opt{background:var(--surface-2);text-align:start;border:2px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 10px;font-size:14.5px;font-weight:600;display:flex;position:relative;overflow:hidden}.mcq-card.teacher .opt{background:#ffffff0f;min-height:36px;font-size:13px}.opt .fill{width:var(--p,0%);background:#8ab4f838;transition:width .4s ease-out;position:absolute;inset-block:0;inset-inline-start:0}.opt .let{background:var(--surface-3);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid;position:relative}.opt-text{overflow-wrap:anywhere;flex:1;min-width:0;position:relative}.opt .pct{font-variant-numeric:tabular-nums;font-weight:800;position:relative}.sopt:hover:not(:disabled){background:var(--surface-3)}.sopt:disabled{opacity:1}.opt.mine{border-color:var(--accent);background:#1d2a40}.opt.mine .let{background:var(--accent-strong);color:#fff}.opt.correct{border-color:var(--green);background:#16261c}.opt.correct .let{background:var(--green-strong);color:#fff}.opt.correct .fill{background:#5fd28a38}.opt.wrong{border-color:var(--red)}.opt.wrong .let{background:var(--red-strong);color:#fff}.sq{z-index:45;width:min(460px,100vw - 24px);max-height:calc(100dvh - var(--bb-h) - 24px);background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px;flex-direction:column;animation:.2s ease-out pop;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.sq-head{align-items:center;gap:10px;padding-block:12px 8px;padding-inline:16px 12px;display:flex}.sq-head .qi{background:var(--accent-bg);width:36px;height:36px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.sq-head b{flex:1;font-size:15px}.sq-body{flex:1;min-height:0;padding:0 16px 14px;overflow-y:auto}.sq .opt{border-radius:14px;min-height:54px}.sq-mini{z-index:45;bottom:calc(var(--bb-h) + 12px);background:var(--accent-strong);color:#fff;height:48px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:700;display:flex;position:fixed;inset-inline-end:12px}.meter-pill{bottom:calc(var(--bb-h) + 12px);z-index:40;background:var(--surface-2);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.meter-pill .lbl{color:var(--text-2);padding-inline:10px 6px;font-size:13px;font-weight:650}.mp-btn{background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 16px;font-weight:700;display:inline-flex}.mp-btn .ic{width:18px;height:18px}.mp-btn.y{color:var(--green);border-color:#5fd28a80}.mp-btn.n{color:var(--red);border-color:#f28b8280}.mp-btn.y[aria-pressed=true]{background:var(--green-strong);color:#fff;border-color:var(--green-strong)}.mp-btn.n[aria-pressed=true]{background:var(--red-strong);color:#fff;border-color:var(--red-strong)}.page-host{top:64px;bottom:72px;place-items:center;display:grid;position:absolute;inset-inline:24px}#room[data-tools=open] .page-host{inset-inline:80px}#room[data-tools=mini] .page-host{inset-inline-start:76px}.stage{touch-action:none;background:#fff;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080;container-type:inline-size}#room[data-sharing="1"] .stage{background:#000}.board,.pdf-page,.screen-video{width:100%;height:100%;display:block;position:absolute;inset:0}.board{touch-action:none}.pdf-page{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;background:#fff}.pdf-page[data-broken]{visibility:hidden}.screen-video{object-fit:contain;background:#000}#room:not([data-role=teacher]) .board{cursor:default}.cam{z-index:3;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#2b3039;border-radius:12px;position:absolute;overflow:hidden;box-shadow:0 8px 24px #00000080}#room[data-stage=camera] .stage{background:#000}#room .stage .cam.full{box-shadow:none;background:0 0;border-radius:0;transition:none}.cam.full .cam-video{object-fit:contain}#room[data-role=teacher] .cam.full{cursor:default}.cam-video{object-fit:cover;width:100%;height:100%;display:block}.cam .nm{bottom:6px;color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;max-width:70%;font-size:12px;font-weight:650;position:absolute;inset-inline-start:10px;overflow:hidden}.cam .mi{top:6px;color:#fff;background:#00000073;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset-inline-end:6px}.cam .mi.off{background:var(--red-strong)}.cam .mi .ic{width:15px;height:15px}#room:not([data-role=teacher]) .cam{transition:left .3s,top .3s,width .3s,height .3s}#room[data-role=teacher] .cam{cursor:grab;touch-action:none}#room[data-role=teacher] .cam.dragging{cursor:grabbing;outline:2px solid var(--accent)}.cam-grip{inset-inline-end:0;z-index:1;cursor:nwse-resize;touch-action:none;-webkit-user-select:none;user-select:none;width:28px;height:28px;display:none;position:absolute;bottom:0}.cam-grip:after{content:"";inset-inline-end:3px;border-inline-end:3px solid #fffffff2;filter:drop-shadow(0 0 2px #000000b3);border-bottom:3px solid #fffffff2;border-end-end-radius:4px;width:14px;height:14px;position:absolute;bottom:3px}[dir=rtl] .cam-grip{cursor:nesw-resize}#room[data-role=teacher] .cam-grip{display:block}#room[data-role=teacher] .cam.full .cam-grip{display:none}@media (hover:hover){.cam-grip{opacity:0;transition:opacity .15s}.cam:hover .cam-grip,.cam.dragging .cam-grip{opacity:1}}.watermark{white-space:nowrap;text-overflow:ellipsis;color:gray;opacity:.15;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:4;unicode-bidi:isolate;max-width:80%;font-size:clamp(14px,3.2cqi,28px);font-weight:600;transition:left 1s,top 1s;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.stage-top{top:12px;pointer-events:none;z-index:5;justify-content:center;display:flex;position:absolute;inset-inline:72px}.stage-top>*{pointer-events:auto}#room[data-role=student] .stage-top{justify-content:flex-start;inset-inline-start:12px}.seg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20242beb;border-radius:999px;gap:2px;max-width:100%;padding:4px;display:flex;box-shadow:0 4px 16px #00000059}.seg button{min-width:44px;height:40px;color:var(--text-2);border-radius:999px;align-items:center;gap:6px;max-width:220px;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.seg button .ic{width:20px;height:20px}.seg button .chev .ic{width:14px;height:14px}.seg button span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.seg button:hover:not(:disabled){color:var(--text);background:var(--surface-3)}.seg button.on{background:var(--accent-bg);color:var(--accent)}.src-chip{border-radius:999px;align-items:center;gap:6px;max-width:70%;height:36px;padding:0 12px;font-size:12.5px;font-weight:650;display:inline-flex}.src-chip .ic{width:18px;height:18px}.src-chip span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.st-corner{top:12px;z-index:6;gap:8px;display:flex;position:absolute;inset-inline-end:12px}.rbtn{border-radius:50%;width:44px;height:44px}.pager{z-index:5;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.pager button{width:40px;height:40px;color:var(--text);border-radius:50%}.pager button:hover:not(:disabled){background:var(--surface-3)}.page-no{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-size:14px;font-weight:700}.share-banner{color:#b8f5cc;z-index:6;white-space:nowrap;background:#10391f;border:1px solid #5fd28a66;border-radius:999px;align-items:center;gap:10px;padding-block:4px;padding-inline:14px 4px;font-size:13px;font-weight:650;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.share-banner .dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.spk-chip{bottom:14px;z-index:6;color:#b8f5cc;background:#10391feb;border:1px solid #5fd28a66;border-radius:999px;align-items:center;gap:8px;max-width:40%;height:40px;padding-inline:6px 14px;font-size:13px;font-weight:650;display:inline-flex;position:absolute;inset-inline-start:14px}.spk-chip span[dir]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.undo-pill{bottom:14px;z-index:6;position:absolute;inset-inline-start:80px}.banner,.pdf-status{z-index:6;max-width:calc(100% - 32px);color:var(--text);text-align:center;background:#20242beb;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000059}.pdf-status{top:auto;bottom:64px}.pdf-status:empty{display:none}.pdf-status[data-failed="1"]{background:var(--red-bg);color:var(--red)}.tools{inset-inline-start:14px;color:#1f2937;z-index:5;scrollbar-width:none;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;max-height:calc(100% - 24px);padding:6px;display:flex;position:absolute;top:50%;overflow-y:auto;transform:translateY(-50%);box-shadow:0 8px 28px #00000073}.tools::-webkit-scrollbar{display:none}.tools button.icon{color:#374151;border-radius:10px;width:40px;height:40px}.tools button.icon:hover:not(:disabled){background:#eef1f6}.tools button.on{color:#1d4ed8;background:#dbe7fe}.tools .ic{width:20px;height:20px}.tools hr{border:0;border-top:1px solid #e5e7eb;flex:none;width:26px;margin:4px 0}.tools .swatch{border:2px solid #fff;border-radius:50%;width:20px;height:20px;display:block;box-shadow:0 0 0 1.5px #cbd2dc}.tools .wdot i{background:#374151;border-radius:50%;display:block}.tools.mini{border-radius:50%;padding:0}.tools .tools-mini{color:#1d4ed8;border-radius:50%;width:48px;height:48px}.tools.asking{align-items:stretch;gap:8px;width:220px;padding:12px}.tools.asking .confirm{color:#b42318;text-align:center;unicode-bidi:isolate;font-weight:650;line-height:1.35}.tools.asking .btn.ghost{color:#1f2937;background:#eef1f6}.flyout{z-index:8;color:#1f2937;background:#fff;border-radius:14px;gap:6px;padding:8px;display:grid;position:absolute;box-shadow:0 12px 32px #00000073}.flyout.colors{grid-template-columns:repeat(2,40px)}.flyout button{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.flyout.widths button{border-radius:10px;width:44px}.flyout.colors button i{border-radius:50%;width:24px;height:24px;display:block}.flyout.widths button i{background:#1f2937;border-radius:50%;display:block}.flyout button.on{box-shadow:0 0 0 2px #1d4ed8}.flyout button:hover{background:#eef1f6}.bar{z-index:30;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:0 16px;display:grid;position:relative}.bb-start,.bb-center{align-items:center;gap:10px;min-width:0;display:flex}.bb-end{justify-self:end;align-items:center;gap:6px;min-width:0;display:flex}.cbtn{background:var(--surface-3);width:52px;height:52px;color:var(--text);border-radius:50%;flex:none;place-items:center;transition:background .15s,transform .1s;display:grid;position:relative}.cbtn:hover:not(:disabled){background:var(--hover)}.cbtn:active:not(:disabled){transform:scale(.95)}.cbtn .ic{width:24px;height:24px}.cbtn.off{background:var(--off-bg);color:var(--off-fg)}.cbtn.on{background:var(--accent-bg);color:var(--accent)}.cbtn.end{background:var(--red-strong);color:#fff;border-radius:26px;width:72px}.cbtn.end:hover{background:#c93a30}.ptoggle{background:var(--surface-3);color:#e8eaed;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background .15s,color .15s;display:grid;position:relative}.ptoggle:hover{background:var(--hover);color:#fff}.ptoggle.on{color:#062e6f;background:#a8c7fa}.ptoggle .badge{top:-2px;border-color:var(--bg);inset-inline-end:-4px}.hand-box{align-items:center;gap:8px;display:flex}.mic-sw[data-state=on],.mic-sw[data-state=on]:hover:not(:disabled){background:var(--green-strong);color:#fff}.mic-sw[data-state=opening],.mic-sw[data-state=opening]:hover:not(:disabled){background:var(--green-bg);color:var(--green);animation:1.2s ease-in-out infinite mic-wait}@keyframes mic-wait{50%{box-shadow:0 0 0 5px #5fd28a40}}@media (prefers-reduced-motion:reduce){.mic-sw[data-state=opening]{box-shadow:inset 0 0 0 2px var(--green-strong);animation:none}}.mic-sw .bars{bottom:-2px;background:var(--green-strong);border:2px solid var(--surface);border-radius:8px;height:18px;padding:2px 4px;position:absolute;inset-inline-end:-4px}.mic-sw .bars i{background:#fff}.done-btn{border-radius:999px;gap:6px;width:auto;padding-inline:12px 16px;font-weight:650;display:inline-flex}.done-btn .ic{width:20px;height:20px}.mic-why{color:var(--off-fg);text-overflow:ellipsis;white-space:nowrap;max-width:30vw;font-size:12px;overflow:hidden}.hand-btn[data-state=up]{background:var(--amber);color:#1b1300}.hand-btn[data-state=blocked]{background:var(--off-bg);width:auto;color:var(--off-fg);border-radius:999px;gap:6px;max-width:60vw;padding-inline:12px 16px;font-weight:650;display:inline-flex}.hand-btn .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.livebox{flex:none;align-items:center;gap:8px;margin-inline-start:4px;display:inline-flex}.livebox .timer,.ph-info .timer{color:var(--text);font-size:14px;font-weight:600}.live-pill{background:var(--red-bg);color:#ffb4ab;border-radius:999px;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:650;display:inline-flex}.live-pill i{background:#ff5449;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.live-pill.paused{background:var(--amber-bg);color:var(--amber)}.live-pill.paused i{background:var(--amber);animation:none}.controls .confirm{min-width:0;color:var(--red);text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;padding-inline:8px;font-weight:650;overflow:hidden}.meter-w{gap:8px}.meter-w .y,.meter-w .n{align-items:center;gap:3px;display:inline-flex}.meter-w .y{color:var(--green)}.meter-w .n{color:var(--red)}.meter-w .y .ic,.meter-w .n .ic{width:14px;height:14px}.meter-w .mbar{background:var(--red-strong);border-radius:3px;width:56px;height:6px;display:flex;overflow:hidden}[dir=rtl] .meter-w .mbar{transform:scaleX(-1)}.meter-w .mbar b{background:var(--green-strong);height:100%;transition:width .4s}.menu{z-index:70;background:var(--surface-2);min-width:240px;max-width:min(340px,100vw - 16px);box-shadow:var(--shadow);border:1px solid var(--line);text-align:start;border-radius:14px;max-height:calc(100dvh - 24px);padding:6px 0;animation:.14s ease-out pop;position:fixed;overflow-y:auto}.menu.wide{max-width:min(360px,100vw - 16px)}.menu .mi{text-align:start;width:100%;min-height:46px;color:var(--text);align-items:center;gap:14px;padding:8px 16px;font-weight:500;display:flex}.menu .mi:hover:not(:disabled){background:var(--surface-3)}.menu .mi .ic{color:var(--text-2);width:20px;height:20px}.menu .mi.danger,.menu .mi.danger .ic{color:var(--red)}.menu .mi .grow,.menu .mi .lbl{flex:1;min-width:0}.menu .mi small{color:var(--text-3);font-size:12px;display:block}.menu .mi .chk,.menu .mi .chk .ic{color:var(--accent)}.menu .mi-code{justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:13px;display:flex}.menu .mi-code .k{color:var(--text-3)}.menu .mi-code b{font-variant-numeric:tabular-nums;unicode-bidi:isolate}.menu .mhd{color:var(--text-3);padding:8px 16px 4px;font-size:12px;font-weight:700}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}.menu .bigic{background:var(--surface-3);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.menu .bigic .ic{color:inherit}.menu .mi.cur .bigic{background:var(--accent-bg)}.meter-pop{gap:10px;width:340px;max-width:calc(100vw - 16px);padding:12px;display:grid}.meter-cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.meter-col{background:var(--surface-3);border-radius:12px;min-height:120px;max-height:260px;padding:8px;overflow-y:auto}.meter-col h4{align-items:center;gap:6px;margin:0 0 6px;font-size:13px;display:flex}.meter-col h4 .ic{width:16px;height:16px}.meter-col.y h4{color:var(--green)}.meter-col.n h4{color:var(--red)}.meter-col .none{color:var(--text-3);margin:0;font-size:12.5px}.meter-col .nm{align-items:center;gap:6px;min-width:0;padding:4px 0;font-size:12.5px;display:flex}.meter-col .nm span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meter-foot{justify-content:flex-end;gap:8px;display:flex}.chip.meter-off{color:var(--text-2);gap:6px}.overlay{display:none}#room[data-screen=full] .overlay,#room[data-screen=lobby] .overlay,#room[data-screen=joining] .overlay{z-index:90;text-align:center;background:#0e1013f5;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:absolute;inset:0}#room[data-screen=joining] .overlay{pointer-events:none;background:0 0}#room[data-screen=joining] .overlay .act{pointer-events:auto}#room[data-screen=joining] .stage{background:linear-gradient(100deg,#1d2128 40%,#2a2f38 50%,#1d2128 60%) 0 0/300% 100%;animation:1.6s linear infinite skeleton}#room[data-screen=joining] .stage>*,#room[data-screen=joining] .side>*{visibility:hidden}@keyframes skeleton{to{background-position:-150% 0}}.say{max-width:32ch;margin:0;font-size:20px;font-weight:600}#room[data-screen=joining] .say{background:#0e1013f5;border-radius:10px;padding:8px 16px}.act{background:var(--accent-strong);color:#fff;border-radius:999px;min-height:48px;padding:0 24px;font-size:16px;font-weight:700}.lobby-time{color:var(--text-2);margin:0;font-size:20px}.lobby-count{font-variant-numeric:tabular-nums;margin:0;font-size:48px;font-weight:700}#room[data-fs="1"]{grid-template-rows:minmax(0,1fr)}#room[data-fs="1"] .body{padding:0}#room[data-fs="1"] .stage-wrap{border-radius:0}#room[data-fs="1"] .edge{bottom:0}#room[data-fs="1"] .bar{bottom:0;height:var(--bb-h);opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);transition:opacity .25s;position:fixed;inset-inline:0}#room[data-fs="1"][data-ui="1"] .bar{opacity:1;pointer-events:auto}#room[data-fs="1"] .bb-start,#room[data-fs="1"] .bb-end{visibility:hidden}#room[data-fs="1"][data-peek="1"] .side{bottom:12px}@media (width<=1279px){:root{--pw:300px}}#room[data-form=tablet] .side{top:12px;bottom:0;box-shadow:var(--shadow);width:min(var(--pw), 380px);position:absolute;inset-inline-start:12px}#room[data-form=tablet] .resizer{display:none}#room[data-form=tablet][data-panel=open] .tools,#room[data-form=phone-land][data-panel=open] .tools{inset-inline:auto 14px;max-height:calc(100% - 76px);top:calc(50% + 26px)}#room[data-form=tablet][data-panel=open][data-tools=mini] .page-host,#room[data-form=phone-land][data-panel=open][data-tools=mini] .page-host{inset-inline:24px 76px}#room[data-form=tablet][data-panel=open] .stage-top{inset-inline-start:calc(min(var(--pw), 380px) + 12px);inset-inline-end:64px}#room[data-form=phone-land]{--bb-h:60px}#room[data-form=phone-land] .body{padding:6px 6px 0}#room[data-form=phone-land] .side{top:6px;bottom:0;width:min(45%,360px);box-shadow:var(--shadow);border-radius:14px;position:absolute;inset-inline-start:6px}#room[data-form=phone-land] .side:has(.compose :focus){border-radius:0;width:auto;inset-inline:0}#room[data-form=phone-land] .resizer{display:none}#room[data-form=phone-land] .page-host{top:8px;bottom:8px}#room[data-form=phone-land] .stage-top{display:none}#room[data-form=phone-land] .cbtn,#room[data-form=phone-land] .ptoggle{width:44px;height:44px}#room[data-form=phone-land] .cbtn.end{width:56px}#room[data-form=phone-land] .bar{gap:8px;padding:0 10px}#room[data-form=phone-land] .bb-center{gap:6px}#room[data-form=phone-land] .livebox{display:none}#room[data-form=phone]{--bb-h:68px;--ph-h:44px;--stage-h:min(calc(56.25vw + 8px), 42dvh);grid-template-rows:minmax(0, 1fr) calc(var(--bb-h) + env(safe-area-inset-bottom))}#room[data-form=phone] .body{padding:env(safe-area-inset-top) 0 0;flex-direction:column}#room[data-form=phone] .stage-wrap{height:var(--stage-h);border-radius:0;flex:none;order:-1}#room[data-form=phone] .ph-info{height:var(--ph-h);border-bottom:1px solid var(--line);background:var(--bg);flex:none;order:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex}#room[data-form=phone] .ph-start,#room[data-form=phone] .ph-end{align-items:center;gap:8px;min-width:0;display:flex}#room[data-form=phone] .ph-info .chip{height:34px;padding:0 10px}#room[data-form=phone] .meter-w .mbar{display:none}#room[data-form=phone] .side,#room[data-form=phone][data-panel=closed] .side{width:auto;box-shadow:none;border-radius:0;flex:1;order:1;animation:none;display:flex;position:static}#room[data-form=phone] .resizer,#room[data-form=phone] .edge,#room[data-form=phone] .ptoggle,#room[data-form=phone] .bb-start,#room[data-form=phone] .bb-end,#room[data-form=phone] .bb-center .livebox,#room[data-form=phone][data-role=student] .p-head{display:none}#room[data-form=phone] .page-host{top:6px;bottom:6px;inset-inline:6px}#room[data-form=phone][data-role=teacher] .page-host{inset-inline-start:60px;top:56px;bottom:56px}#room[data-form=phone] .stage-top{top:6px;inset-inline:56px}#room[data-form=phone][data-role=student] .stage-top{inset-inline-start:6px}#room[data-form=phone] .st-corner{top:6px;inset-inline-end:6px}#room[data-form=phone] .rbtn{width:44px;height:44px}#room[data-form=phone] .src-chip{height:30px;padding:0 10px;font-size:11.5px}#room[data-form=phone] .seg button{min-width:44px;height:40px;padding:0 8px}#room[data-form=phone] .seg button span{display:none}#room[data-form=phone] .pager{bottom:6px}#room[data-form=phone] .pager button{width:40px;height:40px}#room[data-form=phone] .tools{max-height:calc(100% - 12px);padding:4px;inset-inline-start:6px}#room[data-form=phone] .tools button.icon{width:36px;height:36px}#room[data-form=phone][data-role=student] .tools:not(.asking){inset:auto auto 6px 50%;flex-direction:row;max-width:calc(100% - 12px);max-height:none;inset-inline-start:auto;overflow-x:auto;transform:translate(-50%)}#room[data-form=phone][data-role=student] .tools hr{border-top:0;border-left:1px solid #e5e7eb;width:1px;height:22px;margin:0 2px}#room[data-form=phone][data-role=student][data-tools=open] .page-host{bottom:52px;inset-inline:6px}#room[data-form=phone] .spk-chip{display:none}#room[data-form=phone] .share-banner,#room[data-form=phone] .undo-pill{font-size:12px;bottom:6px}#room[data-form=phone] .banner{font-size:12px;top:52px}#room[data-form=phone] .bar{padding:0 8px env(safe-area-inset-bottom);grid-template-columns:1fr;justify-items:center}#room[data-form=phone] .bb-center{gap:8px}#room[data-form=phone] .cbtn{width:48px;height:48px}#room[data-form=phone] .cbtn.end{width:60px}#room[data-form=phone] .cam .nm{display:none}#room[data-form=phone] .cam .mi{top:4px;width:22px;height:22px;inset-inline-end:4px}#room[data-form=phone] .sq{z-index:86;top:auto;bottom:var(--bb-h);width:auto;max-height:calc(100dvh - var(--bb-h) - 90px);border-radius:22px 22px 0 0;left:0;right:0;transform:none}#room[data-form=phone] .sq-mini{inset-inline-end:12px;bottom:calc(var(--bb-h) + 12px)}#room[data-form=phone] .meter-pill{top:calc(env(safe-area-inset-top) + var(--stage-h) + var(--ph-h) + 8px);bottom:auto}#room[data-form=phone] .meter-pill .lbl{display:none}#room[data-form=phone][data-role=student] .msgs{padding-top:64px}#room[data-form=phone] .menu{min-width:220px}#room[data-form=phone]:not([data-fs="1"]){padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);flex-direction:column;display:flex}#room[data-form=phone]:not([data-fs="1"]) .body{display:contents}#room[data-form=phone]:not([data-fs="1"]) .stage-wrap{order:1}#room[data-form=phone]:not([data-fs="1"]) .ph-info{order:2}#room[data-form=phone]:not([data-fs="1"]) .bar{height:var(--bb-h);border-bottom:1px solid var(--line);flex:none;order:3;padding:0 8px}#room[data-form=phone]:not([data-fs="1"]) .side{order:4;min-height:0}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bar{justify-items:stretch}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center{flex-wrap:nowrap;justify-content:center;width:100%}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .livebox{display:contents}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .live-pill,#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .timer{background:var(--surface-3);border-radius:999px;flex:none;align-items:center;height:48px;padding:0 14px;font-size:14px;line-height:1;display:inline-flex}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .live-pill{color:var(--text);order:-1;margin-inline-end:auto}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .timer{font-variant-numeric:tabular-nums;order:99;margin-left:auto}[dir=rtl] #room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center .timer{margin-left:0;margin-right:auto}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center:has(.done-btn) .live-pill{justify-content:center;gap:0;width:48px;padding:0;font-size:0}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .bb-center:has(.done-btn) .timer{display:none}#room[data-form=phone][data-role=student]:not([data-fs="1"]){--ph-h:0px}#room[data-form=phone][data-role=student]:not([data-fs="1"]) .ph-info{display:none}#room[data-form=phone]:not([data-fs="1"]) .meter-pill{top:calc(env(safe-area-inset-top) + var(--stage-h) + var(--ph-h) + var(--bb-h) + 8px)}#room[data-form=phone]:not([data-fs="1"]) .sq-mini{bottom:calc(var(--bb-h) + 12px + env(safe-area-inset-bottom))}#room[data-form=phone]:not([data-fs="1"]) .sq{padding-bottom:env(safe-area-inset-bottom);max-height:calc(var(--app-h,100dvh) - env(safe-area-inset-top) - var(--stage-h) - var(--ph-h) - var(--bb-h));bottom:0}#room[data-form=phone][data-fs="1"] .stage-wrap{flex:1;height:auto}#room[data-form=phone][data-fs="1"] .side,#room[data-form=phone][data-fs="1"] .ph-info{display:none}@media (width<=380px){#room[data-form=phone] .bb-center{gap:6px}.mp-btn{padding:0 12px}}#room[data-form=pip]{height:100dvh;display:flex}#room[data-form=pip] .side{border-radius:0;flex:1;width:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}#room[data-form] .done-btn,#room[data-form] .hand-btn[data-state=blocked]{width:auto}