@font-face{font-family:Quiz Jua;src:url(/static/jua-regular-v1-BcPFB64z.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Quiz Korean;src:url(/static/pretendard-variable-1.3.9-CJuje-Rk.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Quiz Sans;src:url(/fonts/google/inter-400-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Quiz Sans;src:url(/fonts/google/inter-600-latin.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Quiz Sans;src:url(/fonts/google/inter-700-latin.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Quiz Grotesk;src:url(/fonts/google/space-grotesk-400-latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--sans:"Quiz Sans","Quiz Korean",system-ui,sans-serif;--friendly:"Quiz Jua",var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#3d3b32;--muted:#666356;--secondary:#5e6858;--line:#80705736;--accent:#886448;--navy:#4e594d;--paper:#faf6eb;--display:"Quiz Grotesk",var(--sans);--number:Georgia,"Times New Roman",serif;--shell-width:1320px;--shell-gutter:64px;--screen-top:58px;font-family:var(--sans);color:var(--ink);font-synthesis:none;background:#d9c7ad}*{box-sizing:border-box}html{min-width:280px;scroll-padding-top:88px}body{-webkit-font-smoothing:antialiased;min-height:100svh;margin:0;line-height:1.6}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #79583d}input,textarea{background:#fffdf5b8;border:1px solid #fffc;border-bottom-color:#9a896350;border-radius:9px;min-width:0;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background .2s}input:hover,textarea:hover{background:#fffdf5df;border-bottom-color:#897552}input:focus,textarea:focus{background:#fffdf4;border-color:#ae9273;box-shadow:0 0 0 3px #94725312}input::placeholder,textarea::placeholder{color:#787769}input[type=radio],input[type=checkbox]{accent-color:#87674b}textarea{resize:vertical}[hidden]{display:none!important}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:400}.quiz-shell{width:min(var(--shell-width),calc(100% - var(--shell-gutter)));min-height:calc(100svh - var(--screen-top));flex-direction:column;margin:auto;display:flex}.eyebrow{font:10px/1.8 var(--display);letter-spacing:.12em;color:#78674f;margin:0 0 15px}.button{border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-height:45px;padding:12px 19px;font-size:13px;line-height:1.6;transition:background .2s,box-shadow .2s,opacity .2s;display:flex}.button-primary{color:#fff9ec;background:#756044;border-color:#776044;box-shadow:inset 0 1px #fff2,0 4px 10px #60482917}.button-primary:not(:disabled):hover{background:#614e37;box-shadow:0 6px 14px #634e3426}.button:disabled{opacity:.45}.text-button{color:#5e604e;text-underline-offset:5px;padding:6px 0;font-size:11px;line-height:1.6;-webkit-text-decoration:underline #8e85633d;text-decoration:underline #8e85633d}.text-button:disabled{opacity:.4}.text-button[data-send-connection]:disabled{opacity:.72}.help{color:#66664f;margin:0;font-size:11px;line-height:1.9}.class-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,1fr);align-items:start;gap:24px;display:grid}.class-main{min-width:0}.class-grid.student{grid-template-columns:minmax(0,1fr);width:min(950px,100%);margin:auto}.question-stage.experiment-acrylic{--acrylic-start:#fffdf3c9;--acrylic-end:#f7f0dfb3;border-radius:22px;flex-direction:column;min-height:505px;padding:28px 30px 24px;display:flex;position:relative}.stage-meta{color:#6d684f;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.stage-meta>span:first-child{letter-spacing:.015em;font-size:11px;line-height:1.8}.stage-meta #time-left{color:#8e713e;min-width:64px;height:57px;font:30px/1 var(--number);font-variant-numeric:tabular-nums;white-space:nowrap;background:#e8d9b75c;border:1px solid #a7906026;border-radius:13px;place-items:center;padding:0 11px;display:grid}.question-stage #question-body{flex:1;min-width:0;padding:28px 0}.stage-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:14px 15px;display:flex}.empty-symbol{color:#b09b70;font:76px/1 var(--number);margin-bottom:15px;display:block}.stage-empty h2{letter-spacing:-.045em;color:#53604a;word-break:keep-all;margin:0 0 14px;font-size:25px;font-weight:400;line-height:1.65}.stage-empty p{color:#656a53;word-break:keep-all;max-width:370px;margin:0;font-size:14px;line-height:1.95}.stage-bottom{margin-top:auto}.time-track{background:#928c6230;border-radius:4px;height:3px;margin-bottom:15px;overflow:hidden}.time-track>span{background:#a68d51;border-radius:4px;width:0;height:100%;transition:width .2s linear;display:block}.answer-status{color:#526148;min-height:23px;margin:0 0 4px;font-size:12px;line-height:1.9}.stage-bottom .help{font-size:10px}.question-prompt{letter-spacing:-.045em;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 29px;font-size:clamp(25px,2.2vw,34px);font-weight:400;line-height:1.7}.answer-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.answer-option{--answer-ink:#9a7056;text-align:left;border:1px solid #fffc;border-left:3px solid var(--answer-ink);overflow-wrap:anywhere;background:#fffaf0ba;border-radius:10px;align-items:center;gap:14px;min-width:0;min-height:94px;padding:18px 20px;font-size:16px;line-height:1.75;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.answer-option>b{color:var(--answer-ink);font:27px/1 var(--number);text-align:center;flex:none;min-width:21px}.answer-option>span{white-space:pre-wrap;min-width:0}.answer-option:not(:disabled):hover{background:#fff8e4;border-color:#9c7e53;box-shadow:0 5px 13px #80613b14}.answer-option:disabled{cursor:default}.answer-option.selected{background:#ead9b7a3;border-color:#9b784f;box-shadow:inset 0 0 0 1px #9b784f55}.answer-option.correct{background:#e5edd8;border-color:#778d65}.answer-option.correct>b{color:#597247}.answer-option.wrong{background:#f1ded0;border-color:#b67f62}.answer-option.wrong>b{color:#a56547}.question-drawer summary{cursor:pointer;align-items:center;gap:10px;padding:9px 0;font-size:12px;font-weight:600;list-style:none;display:flex}@media (width<=480px){.library-body>input,.teacher-panel #question-explanation,.preset-body>select{font-size:16px}}.ranking-panel.experiment-acrylic{--acrylic-start:#fffdf3c9;--acrylic-end:#f7f0dfb3;border-radius:22px;min-width:0;margin-top:22px;padding:27px 30px}.ranking-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:15px;padding-bottom:20px;display:flex}.ranking-heading .eyebrow{font-family:var(--sans);letter-spacing:0;margin-bottom:9px;font-size:10px}.ranking-heading h2{letter-spacing:-.045em;margin:0;font-size:25px;line-height:1.5}.ranking-heading>span{color:#6d684e;white-space:nowrap;padding-bottom:4px;font-size:10px}.leader-list{margin:0 0 18px;padding:0;list-style:none}.leader-list li{border-bottom:1px solid #8b795325;align-items:center;gap:17px;min-width:0;padding:19px 0;font-size:14px;display:flex}.rank{min-width:32px;height:34px;font:28px/1 var(--number);color:#8a7b59;place-items:center;display:grid}.leader-list li:first-child .rank{color:#986a38}.leader-list li:first-child .leader-name{color:#695c3e}.leader-name{overflow-wrap:anywhere;color:#56634c;flex:1;min-width:0}.leader-score{font:26px var(--number);color:#63784e;white-space:nowrap}.leader-time{text-align:right;color:#676b51;font-variant-numeric:tabular-nums;min-width:64px;font-size:10px}.own-result{text-align:center;color:#735e3b;background:#efe2c780;border:1px solid #c4ae7b49;border-radius:10px;margin:18px 0 0;padding:13px 16px;font-size:12px;line-height:1.9}.ranking-rule{color:#6a6b53;margin:18px 0 0;font-size:10px;line-height:2}.class-grid.finished{grid-template-columns:minmax(0,1fr)}.class-grid.finished .class-main{grid-template-columns:.82fr 1.18fr;align-items:start;gap:22px;display:grid}.class-grid.finished .question-stage.experiment-acrylic{--acrylic-start:#fdf2d9b8;--acrylic-end:#e7d6b294;min-height:410px}.class-grid.finished .stage-meta #time-left{display:none}.class-grid.finished #question-body{padding:12px 0}.class-grid.finished .stage-empty{min-height:290px}.class-grid.finished .empty-symbol{color:#8a7043;margin-bottom:22px;font-size:56px}.class-grid.finished .stage-empty h2{color:#655e40;font-size:27px}.class-grid.finished .stage-empty p{max-width:285px;font-size:12px}.class-grid.finished .stage-bottom{display:none}.class-grid.finished .ranking-panel.experiment-acrylic{margin-top:0}.page-notice{color:#725e3b;background:#fbf4e6e8;border-radius:9px;align-self:flex-start;margin:15px 0 0;padding:8px 13px;font-size:11px;line-height:1.9}.page-notice:empty{display:none}#room-title:focus,#ranking-title:focus{outline:none}@media (width<=1080px){:root{--shell-gutter:48px}.class-grid{grid-template-columns:minmax(0,1.25fr) minmax(310px,1fr);gap:18px}.question-stage.experiment-acrylic,.teacher-panel.experiment-acrylic{padding:24px}}@media (width<=900px){:root{--shell-gutter:40px}.class-grid{grid-template-columns:minmax(0,1fr)}.class-grid.finished .class-main{grid-template-columns:.85fr 1.15fr;gap:18px}}@media (width<=760px){:root{--shell-gutter:32px;--screen-top:56px}.classroom-top.experiment-acrylic{border-radius:18px;padding:18px 22px 0}.room-heading{gap:17px;padding-bottom:14px}.room-title h1{font-size:28px}.room-title .eyebrow{font-size:10px}.code-block{gap:1px 12px;padding:11px 13px}.code-block strong{font-size:24px}.code-block button{padding-left:12px;font-size:9px}.session-line{flex-wrap:wrap;gap:9px;font-size:10px}.session-line #connection-status{flex-basis:calc(100% - 20px)}.session-line #member-count{margin-left:14px;margin-right:auto;padding:0}.session-line .member-toggle{gap:6px;margin-right:auto;padding:5px 9px}.member-toggle-label{font-size:10px}.session-line .member-toggle #member-count{font-size:11px}.session-actions .text-button{font-size:10px}.question-stage.experiment-acrylic{min-height:410px;padding:23px}.stage-empty{min-height:250px}.question-prompt{font-size:27px}.class-grid.finished .class-main{display:block}.class-grid.finished .ranking-panel.experiment-acrylic{margin-top:20px}.class-grid.finished .question-stage.experiment-acrylic{min-height:300px}.class-grid.finished .stage-empty{min-height:220px}.ranking-heading h2{font-size:23px}}@media (width<=480px){:root{--shell-gutter:28px}.classroom-top.experiment-acrylic{padding:18px 17px 0}.room-title h1{font-size:25px}.room-title .eyebrow{font-size:9px}.code-block{gap:1px 9px;padding:9px 11px}.code-block>span{font-size:9px}.code-block strong{letter-spacing:.1em;font-size:20px}.code-block button{border:0;grid-area:3/1/auto/3;justify-self:end;padding:3px 0;font-size:8px}.session-actions{gap:15px}.session-actions .text-button{font-size:9px}.question-stage.experiment-acrylic{border-radius:18px;min-height:390px;padding:20px}.stage-meta{gap:12px}.stage-meta>span:first-child{font-size:10px}.stage-meta #time-left{min-width:56px;height:48px;font-size:25px}.stage-empty{min-height:240px;padding:12px 1px}.stage-empty h2{font-size:22px}.stage-empty p{font-size:11px}.empty-symbol{font-size:64px}.question-prompt{margin-bottom:23px;font-size:24px;line-height:1.75}.answer-options{gap:10px}.answer-option{gap:11px;min-height:84px;padding:15px 12px;font-size:12px}.answer-option>b{font-size:24px}.answer-status{font-size:11px}.stage-bottom .help{font-size:9px}.teacher-panel.experiment-acrylic{border-radius:18px;padding:23px 21px}.composer-heading h2{font-size:18px}.legend-note{font-size:9px}.teacher-panel textarea,.option-row input:last-child{font-size:16px}.ranking-panel.experiment-acrylic{border-radius:18px;padding:24px 22px}.ranking-heading h2{font-size:21px}.ranking-heading>span{font-size:9px}.leader-list li{gap:11px;font-size:12px}.rank{min-width:26px;font-size:25px}.leader-score{font-size:24px}.leader-time{min-width:56px;font-size:9px}.ranking-rule{font-size:9px}.participants summary{padding:17px 19px;font-size:12px}.participants summary b{margin-left:9px;font-size:10px}.participants-content{padding:0 19px 21px}.admission-line label{width:100%}.final-bar.experiment-acrylic{bottom:max(12px,env(safe-area-inset-bottom));flex-direction:column;gap:5px;min-width:214px;padding:7px 8px 9px}.button-final{min-width:198px;min-height:41px;padding:10px 22px;font-size:12px}.final-bar>span{padding:0;font-size:9px}.has-final-bar .quiz-shell{padding-bottom:105px}.page-notice{font-size:10px}}@media (width<=350px){.answer-options{grid-template-columns:minmax(0,1fr)}.answer-option{min-height:64px}.room-heading{gap:10px}.room-title h1{font-size:23px}.code-block strong{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.app-surface{z-index:-2;pointer-events:none;isolation:isolate;background:#f8f7f4;position:fixed;inset:0}.app-surface:after{content:"";z-index:1;opacity:.16;mix-blend-mode:multiply;background:url(/static/quiz-pencil-paper-v1-DtUvl7Wk.webp) 0 0/720px 720px;position:absolute;inset:0}.scene-layer{opacity:0;transform-origin:50% 65%;background-position:bottom;background-repeat:no-repeat;background-size:cover;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scale(1.018)}.scene-teacher{filter:saturate(.76)opacity(.9);background-image:url(/static/quiz-teacher-world-v1-mKlZ-2K0.webp)}.scene-student{background-image:url(/static/quiz-student-world-v1-Y_AxAe-K.webp)}body[data-scene=teacher] .scene-teacher,body[data-scene=student] .scene-student{opacity:1;transform:scale(1)}@media (width<=680px){.scene-teacher{background-position:52% bottom}.scene-student{background-position:62% bottom}}@media (prefers-reduced-motion:reduce){.scene-layer{transition:none;transform:none}}:root{--ink:#171816;--muted:#62625e;--secondary:#66616f;--line:#29232c1c;--accent:#7250b4;--navy:#7250b4;--paper:#f8f7f4;--shell-width:1424px;--shell-gutter:112px;--screen-top:108px;background:var(--paper)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#7451b7}.quiz-shell{min-height:calc(100svh - var(--screen-top))}.quiz-shell .experiment-acrylic{--acrylic-start:#ffffffed;--acrylic-end:#fffdfaf2;--acrylic-edge:#e9e6e2;--acrylic-shadow:#34303b06;--acrylic-fallback:#fffdfb}.quiz-masthead{z-index:20;min-height:var(--screen-top);position:relative}.masthead-inner{min-height:var(--screen-top);width:min(var(--shell-width),calc(100% - var(--shell-gutter)));align-items:center;gap:24px;margin:auto;display:flex}.quiz-brand{color:#0d0f0c;flex:none;align-items:center;gap:12px;padding:6px 0;display:flex;position:relative}.quiz-symbol{background:#ffbf19;border-radius:50%;flex:none;width:33px;height:33px;display:block;position:relative;box-shadow:inset 0 0 0 1px #d99c0810}.quiz-symbol>i{border:2px solid var(--paper);background:#0d0f0c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:0}.quiz-symbol:before,.quiz-symbol:after{content:"";background:#ffc843;border-radius:3px;width:3px;height:10px;position:absolute;top:-11px;right:-6px;rotate:24deg}.quiz-symbol:after{top:-4px;right:-13px;rotate:52deg}.quiz-brand-type{font:700 36px/1.1 var(--sans);letter-spacing:-.065em}.brand-credit{font:400 8px/1 var(--sans);letter-spacing:.08em;color:#77756f;align-self:flex-end;margin:0 0 6px 2px}.masthead-right{align-items:center;gap:38px;margin-left:auto;display:flex}.nav-guide,.home-link{color:#242520;align-items:center;gap:8px;padding:10px 0;font-size:16px;font-weight:600;line-height:1.6;display:inline-flex}.nav-guide:hover,.home-link:hover{color:#7250b4}.home-link>span{font-size:18px;font-weight:400}.entry-scene{flex:1;min-width:0;padding:24px 0 10px;position:relative}.entry-welcome{gap:30px;min-width:0;display:grid;position:relative}.entry-heading{min-width:0;padding:0 10px;position:relative}.entry-heading h1{font:400 clamp(34px,4.1vw,62px)/1.3 var(--friendly);letter-spacing:-.045em;word-break:keep-all;text-wrap:balance;color:#10120f;margin:0 0 10px;display:inline-block;position:relative}.entry-heading>p{letter-spacing:-.045em;color:#565752;word-break:keep-all;margin:0;font-size:clamp(18px,2vw,28px);line-height:1.55}.title-spark{vertical-align:top;width:24px;height:24px;margin:-10px 0 0 10px;display:inline-block;position:relative}.title-spark:before,.title-spark:after{content:"";background:#ffd366;border-radius:5px;width:6px;height:21px;position:absolute;top:0;left:2px;rotate:23deg}.title-spark:after{top:13px;left:16px;rotate:57deg}.entry-portal{grid-template-areas:"portal";align-items:start;min-width:0;display:grid}.entry-portal>*{grid-area:portal}.role-choices{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.role-choice{isolation:isolate;color:#10120f;text-align:left;border:0;border-radius:34px;flex-direction:column;align-items:flex-start;min-width:0;padding:30px 36px 24px;transition:translate .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff46}.teacher-choice{background:linear-gradient(125deg,#ffe59c,#ffeaa8 62%,#ffe197)}.student-choice{background:linear-gradient(125deg,#e5dbff,#e4dbfc 65%,#e2d9fb)}.role-choice:hover{translate:0 -4px;box-shadow:0 12px 32px #62514412,inset 0 1px #fff9}.role-label{z-index:2;font:400 20px/1.45 var(--friendly);letter-spacing:-.025em;background:#f1bd4166;border-radius:30px;justify-content:center;align-items:center;padding:5px 21px;display:inline-flex;position:relative}.student-choice .role-label{background:#c9b6f67a}.role-copy{z-index:2;flex-direction:column;align-items:flex-start;width:100%;min-width:0;padding-top:18px;display:flex;position:relative}.role-copy strong{font:400 clamp(26px,2.9vw,43px)/1.35 var(--friendly);letter-spacing:-.04em;word-break:keep-all;margin:0 0 10px}.role-copy>span{letter-spacing:-.045em;color:#605b49;word-break:keep-all;font-size:clamp(16px,1.65vw,24px);line-height:1.6}.student-choice .role-copy>span{color:#655d76}.role-art{z-index:1;pointer-events:none;width:calc(100% + 72px);height:clamp(180px,19.5vw,272px);margin:3px -36px 8px;display:block;position:relative}.role-art img{object-fit:cover;object-position:center bottom;width:100%;height:100%;display:block}.teacher-choice .role-art{-webkit-mask-image:linear-gradient(#000 calc(100% - 24px),#0000);mask-image:linear-gradient(#000 calc(100% - 24px),#0000)}.student-choice .role-art{width:100%;margin:3px 0 8px;padding:12px 8px 0}.student-choice .role-art img{object-fit:contain;object-position:center bottom}.role-tail{z-index:2;width:calc(100% + 16px);min-height:72px;font:400 28px/1.3 var(--friendly);letter-spacing:-.035em;text-align:center;background:#ffbf19;border-radius:100px;justify-content:center;align-items:center;gap:12px;margin:auto -8px 0;padding:14px 48px;display:flex;position:relative;box-shadow:0 8px 22px #d9a00d0c}.student-choice .role-tail{background:#fffcffed;box-shadow:0 10px 22px #7053990b}.role-arrow{font:400 32px/1 var(--sans);transition:transform .25s;position:absolute;top:50%;right:27px;translate:0 -50%}.role-choice:hover .role-arrow{transform:translate(4px)}.entry-note{letter-spacing:-.03em;color:#63635f;word-break:keep-all;text-align:left;justify-content:center;align-items:center;gap:22px;margin:-9px 0 0;font-size:15px;line-height:1.7;display:flex}.entry-note svg{color:#61615d;flex:none;width:30px;height:30px}.entry-note>span{border-left:1px solid #cbc8c2;padding-left:22px}.entry-form{background:#eee7fc;border:1px solid #e2d7f7;border-radius:32px;grid-template-columns:.8fr 1fr;justify-self:center;align-items:center;gap:44px;width:min(900px,100%);min-width:0;padding:35px 45px;display:grid;box-shadow:0 14px 35px #72599b07}.join-illustration{min-width:0}.join-illustration img{width:100%;height:auto;display:block}.join-fields{gap:12px;min-width:0;display:grid}.form-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.form-heading p{color:#7c6a99;margin:0 0 5px;font-size:12px}.form-heading h2{font:400 26px/1.5 var(--friendly);letter-spacing:-.03em;word-break:keep-all;text-wrap:balance;margin:0}.round-button{color:#77638e;background:#faf7ff;border:1px solid #bfaedc;border-radius:50%;flex:none;place-items:center;width:37px;height:37px;font-size:21px;display:grid}.round-button:hover{background:#fff}.join-fields>label{color:#564c64;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.join-fields>label>span{color:#796e84;margin-left:auto;font-size:10px;font-weight:400}.join-fields>input{background:#ffffffd9;border:1px solid #ddd2ee;border-radius:12px;width:100%;padding:13px 15px;font-size:16px}.join-fields #join-code{font:700 27px/1.35 var(--sans);letter-spacing:.14em;text-transform:uppercase}.join-fields #join-code::placeholder{color:#a398b1}.join-fields .help{color:#746a81;font-size:11px}.join-fields .button{color:#fff;font:400 22px var(--friendly);letter-spacing:-.035em;background:#7954b6;border-color:#7954b6;border-radius:100px;justify-content:center;min-height:54px;margin-top:5px;padding:12px 44px;position:relative}.join-fields .button>span:last-child{font:26px var(--sans);position:absolute;right:22px}.join-fields .button:hover{background:#6943a3}.join-foot{text-align:center;color:#7b7187;margin:0;font-size:11px}.quiz-footer{color:#8a8780;justify-content:space-between;align-items:center;gap:20px;min-height:58px;margin-top:auto;padding:20px 10px 18px;font-size:10px;line-height:1.8;display:flex}.footer-credit{margin-left:4px;font-size:9px}.quiz-footer>span:nth-child(2){margin-left:auto}.quiz-footer a:hover{color:#7250b4}body[data-screen=entry] .quiz-footer{display:none}#resume-room{justify-self:center;margin:0;font-size:13px;position:relative}body[data-entry-mode=join] .entry-note{visibility:hidden}.status-dot{background:#8c6ac4;border-radius:50%;flex:none;width:6px;height:6px}.button-primary{color:#fff;box-shadow:none;background:#7954b6;border-color:#7954b6}.button-primary:not(:disabled):hover{box-shadow:none;background:#6943a3}.button-final{color:#fff;background:#7250b4;border-color:#7250b4;border-radius:100px}.button-final:not(:disabled):hover{background:#603ca3}.classroom-top.experiment-acrylic,.question-stage.experiment-acrylic,.teacher-panel.experiment-acrylic,.ranking-panel.experiment-acrylic,.participants.experiment-acrylic{--acrylic-start:#ffffffed;--acrylic-end:#fffdfbf2;--acrylic-edge:#e9e6e2;--acrylic-fallback:#fffdfb;--acrylic-shadow:#34303b06}.room-title h1,.composer-heading h2,.question-prompt,.stage-empty h2,.ranking-heading h2{font-family:var(--friendly)}.code-block{background:#f1ebfc;border-color:#e4daf4}.code-block strong{color:#7653b0}.stage-meta #time-left{color:#7b6218;background:#fff2c7;border-color:#f1df9d}.stage-meta #time-left.urgent{color:#a33e21;background:#ffe0d5;border-color:#f0bdab}.empty-symbol{color:#c9b4ec}.stage-empty h2{color:#514464}.stage-empty p{color:#746d7c}.time-track>span{background:#9673ca}.answer-option{--answer-ink:#9c7acb;background:#faf8fd;border-color:#ece5f4}.answer-option:nth-child(2){--answer-ink:#d4a439}.answer-option:nth-child(3){--answer-ink:#74a177}.answer-option:nth-child(4){--answer-ink:#d48a71}.answer-option:not(:disabled):hover{box-shadow:none;background:#f3edfc;border-color:#ac8bd2}.answer-option.selected{background:#e9def8;border-color:#9674c2}.question-stage.experiment-acrylic .answer-option.correct{background:#e4f1de;border-color:#7fa86a}.question-stage.experiment-acrylic .answer-option.wrong{background:#ffe6de;border-color:#d79d88}body[data-screen=classroom] #entry:not([hidden]),body[data-screen=entry] #classroom:not([hidden]){top:var(--screen-top);width:min(var(--shell-width),calc(100% - var(--shell-gutter)));pointer-events:none;z-index:-1;position:absolute;left:50%;transform:translate(-50%)}.usage-guide{width:min(720px,100% - 40px);max-height:calc(100svh - 48px);color:var(--ink);overscroll-behavior:contain;background:#fffdf8;border:1px solid #e4dfd5;border-radius:26px;padding:32px;box-shadow:0 24px 100px #26203624}.usage-guide::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#30263d47}.guide-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.guide-heading h2{font:400 31px var(--friendly);letter-spacing:-.03em;margin:0}.guide-steps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guide-steps section{background:#fff0be;border-radius:18px;padding:22px}.guide-steps section:nth-child(2){background:#eee6fc}.guide-steps section>span{color:#796e53;font-size:12px}.guide-steps h3{font:400 22px/1.5 var(--friendly);letter-spacing:-.03em;margin:8px 0 12px}.guide-steps p,.guide-foot{color:#6d6659;word-break:keep-all;margin:0;font-size:13px;line-height:1.9}.guide-foot{text-align:center;margin:22px 0}.usage-guide>.button{border-radius:100px;justify-content:center;width:100%;font-size:15px}@media (width>=1550px){.entry-scene{padding-top:28px}.entry-welcome{gap:36px}.role-art{height:282px}.role-choice{padding-top:32px}.role-copy{padding-top:20px}.role-copy strong{margin-bottom:12px}.role-tail{min-height:76px}}@media (width<=1180px){:root{--shell-gutter:80px;--screen-top:94px}.entry-welcome{gap:25px}.role-choice{border-radius:28px;padding:26px 28px 23px}.role-copy strong{font-size:32px}.role-copy>span{font-size:18px}.role-art{width:calc(100% + 56px);height:220px;margin-left:-28px;margin-right:-28px}.student-choice .role-art{margin-left:0;margin-right:0}.role-tail{min-height:66px;padding-left:38px;padding-right:38px;font-size:25px}.role-arrow{right:23px}.entry-heading h1{font-size:48px}}@media (width<=900px){:root{--shell-gutter:48px;--screen-top:86px}.brand-credit{display:none}.quiz-brand-type{font-size:32px}.masthead-right{gap:28px}.nav-guide,.home-link{font-size:14px}.entry-heading h1{font-size:40px}.entry-heading>p{font-size:21px}.role-choices{grid-template-columns:1.2fr 1fr;gap:16px}.role-choice{padding:25px 24px 22px}.role-label{padding:4px 18px;font-size:18px}.role-copy strong{font-size:30px}.role-copy>span{font-size:17px}.role-art{width:calc(100% + 48px);height:205px;margin-top:12px;margin-left:-24px;margin-right:-24px}.student-choice .role-art{margin-top:12px}.role-tail{min-height:60px;font-size:23px}.role-arrow{font-size:27px;right:19px}.entry-note{font-size:13px}.entry-form{gap:30px;padding:30px}}@media (width>=901px) and (height<=820px){:root{--screen-top:86px}.entry-scene{padding-top:14px}.entry-welcome{gap:22px}.entry-heading h1{margin-bottom:7px;font-size:43px;line-height:1.25}.entry-heading>p{font-size:21px}.role-choice{border-radius:29px;padding:23px 29px 20px}.role-label{padding:4px 18px;font-size:18px}.role-copy{padding-top:14px}.role-copy strong{margin-bottom:7px;font-size:33px}.role-copy>span{font-size:18px}.role-art{width:calc(100% + 58px);height:172px;margin:0 -29px 6px}.student-choice .role-art{margin:0 0 6px;padding-top:4px}.role-tail{min-height:61px;font-size:25px}.entry-note{margin-top:-5px;font-size:13px}}@media (width<=680px){:root{--shell-gutter:36px;--screen-top:80px}.masthead-inner{gap:15px}.quiz-symbol{width:28px;height:28px}.quiz-symbol>i{width:11px;height:11px}.quiz-brand{gap:9px}.quiz-brand-type{font-size:29px}.masthead-right{gap:20px}.nav-guide{font-size:13px}.home-link{gap:3px;font-size:12px}.home-link>span{font-size:14px}.entry-scene{padding-top:25px}.entry-welcome{gap:26px}.entry-heading{padding:0 3px}.entry-heading h1{text-wrap:initial;max-width:480px;margin-bottom:10px;font-size:clamp(32px,7.4vw,44px);line-height:1.4}.entry-heading>p{font-size:17px;line-height:1.7}.title-spark{width:16px;height:20px;margin:-2px 0 0 6px}.title-spark:before{width:4px;height:15px}.title-spark:after{width:4px;height:15px;top:9px;left:13px}.role-choices{grid-template-columns:1fr;gap:20px}.role-choice{border-radius:28px;padding:26px 28px 23px}.role-label{font-size:18px}.role-copy{padding-top:15px}.role-copy strong{margin-bottom:5px;font-size:32px}.role-copy>span{font-size:17px}.role-art{width:calc(100% + 56px);height:210px;margin:0 -28px 5px}.student-choice .role-art{height:202px;margin:5px 0 10px;padding-top:0}.role-tail{min-height:60px;font-size:24px}.entry-note{gap:14px;max-width:330px;margin:0 auto;font-size:13px}.entry-note svg{width:25px;height:25px}.entry-note>span{padding-left:14px}.entry-form{grid-template-columns:1fr;gap:12px;max-width:460px;padding:25px}.join-illustration{display:none}.form-heading h2{font-size:25px}.join-fields>label>span{font-size:9px}.quiz-footer{gap:12px;padding:22px 2px;font-size:9px}.quiz-footer>span:nth-child(2){display:none}.usage-guide{padding:24px}.guide-steps{grid-template-columns:1fr}.guide-heading h2{font-size:28px}.guide-steps section{padding:20px}.guide-foot{font-size:12px}}@media (width<=380px){:root{--shell-gutter:28px}.quiz-brand-type{font-size:27px}.quiz-symbol{width:25px;height:25px}.masthead-right{gap:14px}.home-link{font-size:10px}.nav-guide{font-size:12px}.entry-heading h1{font-size:31px}.entry-heading>p{font-size:15px}.role-choice{padding:24px 23px 21px}.role-copy strong{font-size:28px}.role-copy>span{font-size:15px}.role-art{width:calc(100% + 46px);height:182px;margin-left:-23px;margin-right:-23px}.student-choice .role-art{height:185px}.role-tail{min-height:57px;font-size:22px}.entry-form{padding:23px 20px}.form-heading h2{font-size:23px}}@media (width<=480px){.teacher-choice .role-art{aspect-ratio:1860/846;height:auto;margin-top:12px}.teacher-choice .role-art img{object-fit:contain}.student-choice .role-art{height:174px;margin-top:8px}.role-copy strong{font-size:29px}.role-copy>span{font-size:15px}.role-tail{font-size:23px}}@media (width>=901px) and (height<=820px){.teacher-choice .role-art img{object-position:center 50%}}@media (width<=900px){.teacher-choice .role-art img{object-fit:contain}}@media (width<=380px){.join-fields .button{font-size:20px}.join-fields .button>span:last-child{font-size:24px;right:18px}}@media (prefers-reduced-motion:reduce){.role-choice,.role-arrow{transition:none}.role-choice:hover{translate:none}.role-choice:hover .role-arrow{transform:none}}body[data-scene=teacher]{--room-ink:#413a24;--room-muted:#71684c;--room-accent:#896519;--room-soft:#fff0bd;--room-edge:#e2cf926e;--room-action:#ffc735;--room-action-ink:#392d0e;--room-action-hover:#f4b920;--room-paper-start:#fffdf0e3;--room-paper-end:#fff9e0d6;--room-shadow:#51401312;--room-heading:#493e20}body[data-scene=student]{--room-ink:#44374f;--room-muted:#75647f;--room-accent:#7854a8;--room-soft:#eee4fb;--room-edge:#c5afd873;--room-action:#8055b5;--room-action-ink:#fff;--room-action-hover:#6f44a4;--room-paper-start:#fffcffe6;--room-paper-end:#f7f0ffd9;--room-shadow:#40275b12;--room-heading:#514063}body:is([data-scene=teacher],[data-scene=student]){color:var(--room-ink);--line:var(--room-edge)}body:is([data-scene=teacher],[data-scene=student]) .quiz-masthead{background:#fffdf72e;border-bottom:1px solid #fffb}body:is([data-scene=teacher],[data-scene=student]) .nav-guide,body:is([data-scene=teacher],[data-scene=student]) .home-link{color:var(--room-heading)}body:is([data-scene=teacher],[data-scene=student]) .brand-credit{color:var(--room-muted)}body:is([data-scene=teacher],[data-scene=student]) .quiz-shell .experiment-acrylic{--acrylic-start:var(--room-paper-start);--acrylic-end:var(--room-paper-end);--acrylic-edge:#fffdf3d9;--acrylic-highlight:#ffffffe0;--acrylic-shadow:var(--room-shadow);--acrylic-fallback:#fffaf2;-webkit-backdrop-filter:blur(14px)saturate(105%)}body:is([data-scene=teacher],[data-scene=student]) #classroom{padding-top:9px}body:is([data-scene=teacher],[data-scene=student]) .classroom-top.experiment-acrylic{box-shadow:inset 0 1px 0 #fffd,0 9px 32px var(--room-shadow);border-radius:24px}body[data-scene=teacher] .classroom-top.experiment-acrylic{--acrylic-start:#fff9d8c7;--acrylic-end:#fff4c6b8}body[data-scene=student] .classroom-top.experiment-acrylic{--acrylic-start:#f6ecffc9;--acrylic-end:#e9dcfbba}body:is([data-scene=teacher],[data-scene=student]) .room-title h1{color:var(--room-heading)}body:is([data-scene=teacher],[data-scene=student]) .room-title .eyebrow{color:var(--room-muted)}body:is([data-scene=teacher],[data-scene=student]) .code-block{box-shadow:0 2px 10px var(--room-shadow);background:#fffdf0b8;border-color:#fffc}body[data-scene=student] .code-block{background:#fffbffb8}body:is([data-scene=teacher],[data-scene=student]) .code-block strong{color:var(--room-accent)}body:is([data-scene=teacher],[data-scene=student]) .status-dot{background:var(--room-accent);box-shadow:0 0 0 4px var(--room-soft)}body:is([data-scene=teacher],[data-scene=student]) .session-line #connection-status,body:is([data-scene=teacher],[data-scene=student]) .session-line #member-count,body:is([data-scene=teacher],[data-scene=student]) .text-button{color:var(--room-ink)}body:is([data-scene=teacher],[data-scene=student]) .stage-empty h2,body:is([data-scene=teacher],[data-scene=student]) .composer-heading h2,body:is([data-scene=teacher],[data-scene=student]) .ranking-heading h2{color:var(--room-heading)}body:is([data-scene=teacher],[data-scene=student]) .stage-empty p,body:is([data-scene=teacher],[data-scene=student]) .help,body:is([data-scene=teacher],[data-scene=student]) .stage-meta,body:is([data-scene=teacher],[data-scene=student]) .answer-status{color:var(--room-muted)}body:is([data-scene=teacher],[data-scene=student]) .empty-symbol{color:var(--room-accent);opacity:.6}body:is([data-scene=teacher],[data-scene=student]) .button-primary,body:is([data-scene=teacher],[data-scene=student]) .button-final{background:var(--room-action);border-color:var(--room-action);color:var(--room-action-ink);box-shadow:0 5px 15px var(--room-shadow)}body:is([data-scene=teacher],[data-scene=student]) .button-primary:not(:disabled):hover,body:is([data-scene=teacher],[data-scene=student]) .button-final:not(:disabled):hover{background:var(--room-action-hover);border-color:var(--room-action-hover)}body:is([data-scene=teacher],[data-scene=student]) input[type=radio],body:is([data-scene=teacher],[data-scene=student]) input[type=checkbox]{accent-color:var(--room-accent)}body:is([data-scene=teacher],[data-scene=student]) .teacher-panel input:not([type=radio]),body:is([data-scene=teacher],[data-scene=student]) .teacher-panel textarea{border-color:var(--room-edge);color:var(--room-ink);background:#fffdf9cf}body:is([data-scene=teacher],[data-scene=student]) .teacher-panel input:focus,body:is([data-scene=teacher],[data-scene=student]) .teacher-panel textarea:focus{box-shadow:0 0 0 3px var(--room-soft);background:#fffdf9}body:is([data-scene=teacher],[data-scene=student]) .time-track>span{background:var(--room-accent)}body[data-scene=teacher] .answer-option{background:#fffdf2e6}body[data-scene=teacher] .answer-option:not(:disabled):hover{background:#fff3c6;border-color:#d0ad4d}body[data-scene=teacher] .answer-option.selected{background:#ffebad;border-color:#bd9a38}body:is([data-scene=teacher],[data-scene=student]) .final-bar.experiment-acrylic{--acrylic-start:var(--room-paper-start);--acrylic-end:var(--room-paper-end)}body:is([data-scene=teacher],[data-scene=student]) .quiz-footer{color:#514455;text-shadow:0 1px 4px #fff9}body[data-scene=teacher] .quiz-footer{color:#42462f}body[data-entry-mode=join] .entry-welcome{row-gap:28px}body[data-entry-mode=join] .entry-heading{width:min(540px,100%);margin:auto;padding:0 8px}body[data-entry-mode=join] .entry-heading h1{color:#4e3b65;margin-bottom:8px;font-size:clamp(32px,3.4vw,49px)}body[data-entry-mode=join] .entry-heading>p{color:#766183;font-size:clamp(16px,1.6vw,21px)}body[data-entry-mode=join] .entry-form{-webkit-backdrop-filter:blur(12px);background:linear-gradient(115deg,#fffbfff0,#f6edffdd);border:1px solid #fff9;grid-template-columns:minmax(0,1fr);width:min(540px,100%);padding:30px 38px;box-shadow:inset 0 1px #fff,0 16px 50px #65468c12}body[data-entry-mode=join] .join-illustration,body[data-entry-mode=join] .entry-note{display:none}body[data-entry-mode=join] .join-fields .button{background:var(--room-action);border-color:var(--room-action)}body[data-entry-mode=join] .join-fields .button:hover{background:var(--room-action-hover)}body:is([data-scene=teacher],[data-scene=student]) :is(button,a,input,textarea,summary):focus-visible{outline-color:var(--room-accent)}@media (width<=680px){body[data-entry-mode=join] .entry-scene{padding-top:28px}body[data-entry-mode=join] .entry-heading{width:min(460px,100%);padding:0 5px}body[data-entry-mode=join] .entry-heading h1{font-size:32px;line-height:1.45}body[data-entry-mode=join] .entry-heading>p{max-width:300px;font-size:15px;line-height:1.8}body[data-entry-mode=join] .entry-form{width:min(460px,100%);padding:25px}body:is([data-scene=teacher],[data-scene=student]) #classroom{padding-top:0}body:is([data-scene=teacher],[data-scene=student]) .classroom-top.experiment-acrylic{border-radius:19px}}@media (width<=380px){body[data-entry-mode=join] .entry-form{padding:23px 20px}}body[data-scene=student][data-screen=classroom] .quiz-masthead,body[data-scene=student][data-screen=classroom] .quiz-footer{display:none}body[data-scene=student][data-screen=classroom] .quiz-shell{min-height:100svh;padding-bottom:24px}body[data-scene=student][data-screen=classroom] #classroom{padding-top:0}body[data-scene=student]{--st-ok:#4f7a3a;--st-ok-soft:#e6f0dc;--st-ok-edge:#9fbd85;--st-no:#a4553f;--st-no-soft:#f7e3dc;--st-no-edge:#d9a291}.code-field{position:relative}.join-fields .code-field #join-code{opacity:0;cursor:text;z-index:1;border:0;width:100%;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.code-boxes{grid-template-columns:repeat(var(--code-slots,5),minmax(0,1fr));gap:6px;display:grid}.code-boxes span{aspect-ratio:1;width:100%;height:auto;min-height:56px;max-height:84px;font:28px/1 var(--friendly);color:var(--room-heading);background:#fff;border:1px solid #ddd2ee;border-radius:12px;place-items:center;transition:border-color .18s,box-shadow .18s;display:grid}.code-boxes span.is-filled{border-color:#b89ad9}.code-boxes span.is-cursor{border:2px solid #7d52b3;box-shadow:0 0 0 4px #7d52b322}.join-fields .code-field:has(#join-code:invalid:not(:placeholder-shown)) .code-boxes span{border-color:#ddd2ee}@media (width<=380px){.code-boxes{gap:4px}.code-boxes span{min-height:48px;font-size:24px}}.student-session{z-index:25;align-items:center;gap:10px;max-width:1120px;min-height:56px;margin:0 auto 10px;padding:8px 0;display:flex;position:relative}.st-me-chip{min-width:0;height:40px;color:var(--room-heading);background:#fffbffcc;border:1px solid #fff;border-radius:999px;align-items:center;gap:8px;padding:0 15px 0 6px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #40275b12}.st-me-chip #student-name-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.student-link-state{min-width:0;color:var(--room-muted);align-items:center;gap:8px;font-size:13px;display:flex}.student-link-state i{background:#c48d40;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #d8ae5d22}.student-link-state i.connected{background:#79a35a;box-shadow:0 0 0 4px #79a35a22}.student-session:not(.is-reconnecting) #student-connection-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.student-session.is-reconnecting .student-link-state{color:#8c5a17;background:#fff4dfe6;border-radius:999px;padding:6px 12px}#student-menu{z-index:30;margin-left:auto;position:relative}#student-menu>summary{width:40px;height:40px;color:var(--room-ink);cursor:pointer;background:#fffbffcc;border:1px solid #fff;border-radius:50%;place-items:center;padding:0;list-style:none;display:grid}#student-menu>summary>svg{fill:currentColor;width:20px;height:20px;display:block}#student-menu>summary::-webkit-details-marker{display:none}#student-menu>div{width:min(220px,100vw - 32px);position:absolute;top:46px;right:0}.student-menu-content{background:#fbf7fff2;border:1px solid #fffd;border-radius:14px;padding:12px;display:flow-root;box-shadow:0 12px 30px #4930541c}.student-menu-content p{color:var(--room-muted);overflow-wrap:anywhere;margin:2px 8px 9px;font-size:12px}.student-menu-content button,.student-menu-content a{text-align:left;width:100%;color:var(--room-ink);border-radius:8px;padding:10px 8px;font-size:14px;line-height:1.5;display:block}.student-menu-content button:hover,.student-menu-content a:hover{background:var(--room-soft)}.student-menu-content a{border-top:1px solid var(--line);color:var(--room-muted);border-radius:0;margin-top:6px;font-size:12px}.st-avatar{color:#fff;width:28px;height:28px;font:15px/1 var(--friendly);background:#7d52b3;border-radius:50%;flex:none;place-items:center;display:grid}.st-avatar.is-big{width:64px;height:64px;font-size:30px}.st-card{-webkit-backdrop-filter:blur(14px)saturate(105%);backdrop-filter:blur(14px)saturate(105%);background:linear-gradient(115deg,#fffcffeb,#f7f0ffdb);border:1px solid #fffdffd9;border-radius:26px;padding:22px 20px;box-shadow:inset 0 1px #ffffffe6,0 10px 30px #40275b1a}.st-title{font:27px/1.35 var(--friendly);color:var(--room-heading);word-break:keep-all;margin:0}.st-sub{color:var(--room-muted);word-break:keep-all;margin:0;font-size:15px;line-height:1.6}.st-small{color:var(--room-muted);margin:0;font-size:13px}.st-rules{word-break:keep-all;margin-top:8px;font-size:12px;line-height:1.65}.st-gap{background:var(--room-soft);color:var(--room-ink);word-break:keep-all;font-variant-numeric:tabular-nums;border-radius:14px;margin:0;padding:9px 12px;font-size:14px;line-height:1.5}.st-pill{background:var(--room-soft);min-height:28px;color:var(--room-accent);border-radius:999px;align-items:center;gap:6px;padding:3px 12px;font-size:13px;font-weight:600;display:inline-flex}.st-link{color:var(--room-muted);text-underline-offset:4px;align-self:flex-start;margin-top:8px;padding:6px 0;font-size:14px;text-decoration:underline}.st-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.st-stats.is-two,.st-stats.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-stat{background:#fffbffd9;border:1px solid #fff;border-radius:16px;min-width:0;padding:10px 12px}.st-stat small{color:var(--room-muted);font-size:12px;display:block}.st-stat b{font:22px/1.3 var(--friendly);color:var(--room-heading);white-space:nowrap;font-weight:400}.st-stat em{font:600 12px var(--sans);margin-left:4px;font-style:normal}.st-stat em.is-up{color:var(--st-ok)}.st-stat em.is-down{color:var(--room-muted)}.student-room{outline:none;gap:12px;max-width:1120px;margin:0 auto;display:grid}.student-room .st-main,.student-room .st-side{flex-direction:column;gap:12px;min-width:0;display:flex}.student-room[data-state=approve],.student-room[data-state=lobby],.student-room[data-state=final]{max-width:620px}.st-waiting{flex-direction:column;gap:20px;padding-top:30px;padding-bottom:20px;display:flex}.st-name-tag{background:#fffdff;border:1px solid #fff;border-radius:22px;align-items:center;gap:14px;padding:16px 18px;display:flex;box-shadow:0 8px 22px #40275b14}.st-name-tag>div{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.st-name-tag b{font:30px/1.2 var(--friendly);color:var(--room-heading);overflow-wrap:anywhere;font-weight:400}.st-dots{gap:7px;padding-left:8px;display:flex}.st-dots i{background:#b9a2d8;border-radius:50%;width:9px;height:9px;animation:1.2s cubic-bezier(.22,1,.36,1) infinite st-dot}.st-dots i:nth-child(2){animation-delay:.15s}.st-dots i:nth-child(3){animation-delay:.3s}@keyframes st-dot{0%,to{opacity:.35;translate:0}40%{opacity:1;translate:0 -4px}}.st-friends{flex-wrap:wrap;gap:7px;margin:8px 0 0;padding:0;list-style:none;display:flex}.st-friends li{background:#fffbff;border:1px solid #eadff6;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 11px 0 4px;font-size:14px;display:inline-flex}.st-friends .st-avatar{width:24px;height:24px;font-size:13px}.st-friends li.is-new{border-color:#c8aee8;animation:.48s cubic-bezier(.22,1,.36,1) st-arrive;box-shadow:0 0 0 4px #c8aee833}@keyframes st-arrive{0%{opacity:0;translate:0 8px}}.st-question{flex-direction:column;min-height:calc(100svh - 110px);display:flex}.st-qhead{align-items:center;gap:10px;display:flex}.st-qno{font:15px/1 var(--friendly);color:var(--room-accent);background:var(--room-soft);border-radius:999px;padding:7px 12px}.st-revealed{color:var(--st-ok);background:var(--st-ok-soft);border-radius:999px;margin-left:auto;padding:5px 12px;font-size:13px;font-weight:600}.st-timer{flex:none;width:60px;height:60px;margin-left:auto;position:relative}.st-timer svg{width:100%;height:100%;position:absolute;inset:0}.st-timer circle{fill:none;stroke-width:5px}.st-timer-track{stroke:#e6dcf2;fill:#fffbff!important}.st-timer-fill{stroke:#7d52b3;stroke-linecap:round;stroke-dasharray:163.36;transition:stroke-dashoffset .25s linear,stroke .2s}.st-timer b{font:26px/1 var(--friendly);color:var(--room-heading);font-variant-numeric:tabular-nums;place-items:center;font-weight:400;display:grid;position:absolute;inset:0}.st-timer.is-low b{color:#b8503a}.st-timer.is-low .st-timer-fill{stroke:#d0704f}.st-timer.is-shaking{animation:1s ease-in-out infinite st-timer-shake}@keyframes st-timer-shake{0%,45%,to{transform:none}8%{transform:translate(-2px)rotate(-7deg)}17%{transform:translate(2px)rotate(6deg)}26%{transform:translate(-1.5px)rotate(-4deg)}35%{transform:translate(1px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.st-timer.is-shaking{animation:none}}.st-prompt{font:24px/1.45 var(--friendly);color:var(--room-heading);white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;margin:14px 0 0}.st-prompt.is-small{margin:10px 0 2px;font-size:17px}.st-thumb{margin-top:auto;padding-top:20px}.st-hint{margin-bottom:10px}.st-options{gap:10px;display:grid}.st-option{--bg:#e9defa;--ic:#6f4aa0;--shade:#cdbbe9;background:var(--bg);width:100%;min-height:70px;color:var(--room-ink);text-align:left;box-shadow:0 3px 0 var(--shade);-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:20px;align-items:center;gap:14px;padding:12px 16px 12px 12px;font-size:17px;line-height:1.4;transition:translate .12s,box-shadow .12s,opacity .28s,background .2s,border-color .2s;display:flex;position:relative}.st-option:nth-child(2){--bg:#fde5d6;--ic:#a8582e;--shade:#efc4aa}.st-option:nth-child(3){--bg:#fdf0c7;--ic:#8a6a12;--shade:#ead694}.st-option:nth-child(4){--bg:#ddf0e6;--ic:#2f7556;--shade:#b6dcc7}.st-option:not(:disabled):hover{border-color:var(--ic)}.st-option:not(:disabled):active{box-shadow:0 0 0 var(--shade);translate:0 3px}.st-option:disabled{cursor:default}.st-option:focus-visible{outline:3px solid var(--room-accent);outline-offset:3px}.st-option-no{width:42px;height:42px;color:var(--ic);font:24px/1 var(--friendly);background:#fff;border-radius:14px;flex:none;place-items:center;display:grid}.st-option-text{overflow-wrap:anywhere;word-break:keep-all;white-space:pre-wrap;flex:1;min-width:0}.st-option-tag{color:var(--ic);white-space:nowrap;flex:none;font-size:13px;font-weight:600}.st-option.is-picked:not(.is-right):not(.is-wrong) .st-option-tag{border:1.5px solid var(--ic);background:#fff;border-radius:999px;padding:2px 10px;font-size:12px;position:absolute;top:-11px;right:14px}.st-option.is-dim{opacity:.38;box-shadow:none}.st-option.is-picked{border-color:var(--ic);box-shadow:0 0 0 4px #ffffffb3,0 3px 0 var(--shade);opacity:1}.st-option.is-right{--bg:var(--st-ok-soft);--ic:var(--st-ok);--shade:#c5dcb3;border-color:var(--st-ok-edge);opacity:1}.st-option.is-wrong{--bg:var(--st-no-soft);--ic:var(--st-no);--shade:#ecc4b7;border-color:var(--st-no-edge);opacity:1}.st-options.is-mini{gap:6px}.st-options.is-mini .st-option{min-height:46px;box-shadow:none;border-radius:14px;padding:6px 12px 6px 8px;font-size:14px}.st-options.is-mini .st-option-no{border-radius:10px;width:30px;height:30px;font-size:17px}.st-wait{align-items:center;gap:10px;margin-top:14px;display:flex}.st-meter{background:#e6dcf2;border-radius:99px;flex:1;height:10px;overflow:hidden}.st-meter i{border-radius:inherit;background:#9c7dc8;width:0;height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);display:block}.st-wait-label{color:var(--room-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.st-after{margin-top:6px}.st-me,.st-responses{display:none}.st-result{border-radius:24px;align-items:center;gap:14px;padding:18px;animation:.48s cubic-bezier(.22,1,.36,1) st-reveal;display:flex}@keyframes st-reveal{0%{opacity:0;scale:.96}}.st-result.is-right{isolation:isolate;background:linear-gradient(120deg,#f1f8e9,#e3f0d6);border:1px solid #c9e0b5;grid-template-columns:58px minmax(0,1fr) auto;animation:none;display:grid;position:relative}.st-result.is-right>div{min-width:0}.st-result.is-right p{overflow-wrap:anywhere;line-height:1.45}.st-result.is-wrong{background:linear-gradient(120deg,#fff3ee,#f8e5dd);border:1px solid #eccbbd}.st-result.is-none{background:#f6f1fb;border:1px solid #e3d6f1}.st-badge{width:58px;height:58px;font:30px/1 var(--friendly);color:#fff;background:#a493b9;border-radius:50%;flex:none;place-items:center;display:grid}.is-right .st-badge{background:#5f9346;box-shadow:0 0 0 6px #5f934622}.is-wrong .st-badge{background:#c06a4f;box-shadow:0 0 0 6px #c06a4f22}.st-result h2{font:27px/1.2 var(--friendly);color:var(--room-heading);margin:0;font-weight:400}.st-result p{color:var(--room-muted);margin:3px 0 0;font-size:14px}.st-gain{text-align:right;margin-left:auto;line-height:1.15}.st-gain b{font:36px/1 var(--friendly);color:var(--st-ok);font-weight:400;display:block}.st-gain span{color:var(--room-muted);font-size:12px}.st-result .st-breakdown{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:6px;margin:0;font-size:12px;line-height:1.7;display:flex}.st-breakdown span{color:var(--room-muted);white-space:nowrap;background:#ffffffa6;border-radius:999px;align-items:center;gap:4px;padding:0 8px;display:inline-flex}.st-breakdown .is-streak{color:var(--room-heading);background:#fff1cd}.st-gap b{color:var(--room-heading);font-weight:700}.st-stat b,.st-gain b,.st-breakdown,.st-rank-score,.st-total{font-variant-numeric:tabular-nums}.st-result.is-right .st-gain{white-space:nowrap}.student-room[data-state=result] .st-stat b{flex-wrap:wrap;align-items:baseline;column-gap:4px;font-size:clamp(18px,4.9vw,22px);display:flex}.student-room[data-state=result] .st-stat em{margin-left:0;display:inline-block}.st-stat.is-streak{background:linear-gradient(120deg,#fff9e9e6,#fffbffd9);border-color:#e7d3a0}.st-stat.is-streak small{align-items:center;gap:6px;display:flex}.st-stat.is-streak small:after,.st-breakdown .is-streak:after{content:"";transform-origin:50% 85%;pointer-events:none;background:linear-gradient(145deg,#e89845,#ce712f);border-radius:75% 10% 60% 40%;flex:none;width:8px;height:12px;rotate:-20deg;box-shadow:inset -2px -3px #f5cd65}.st-stat.is-streak-strong small:after,.st-breakdown .is-streak-strong:after{--st-flame-peak:1.8;width:12px;height:18px}.st-celebration{z-index:24;contain:strict;pointer-events:none;position:fixed;inset:0;overflow:hidden}.st-celebration i{left:var(--x);top:var(--st-launch-y);width:calc(9px + var(--size)*2px);height:calc(7px + var(--size)*1px);opacity:0;pointer-events:none;animation:st-confetti calc(1.42s + var(--size)*70ms) linear calc(40ms + var(--i)*4ms - var(--st-celebration-elapsed)) both;background:#a18ac6;border-radius:2px;position:absolute}.st-celebration i:nth-child(4n+2){background:#edc75b}.st-celebration i:nth-child(4n+3){background:#df9362}.st-celebration i:nth-child(4n){background:#81a76c}.st-celebration i:nth-child(12n){background:#fffaf0}.st-celebration i:nth-child(3n+2){width:calc(8px + var(--size)*2px);height:calc(8px + var(--size)*2px);border-radius:50%}.st-celebration i:nth-child(3n){width:5px;height:calc(20px + var(--size)*3px);border-radius:1px}.student-room[data-celebration-level="2"]{--st-gain-lift:-50px;--st-flame-peak:1.55}.student-room[data-celebration-level="3"]{--st-gain-lift:-58px}.is-celebrating .st-result.is-right{animation:st-reveal .48s cubic-bezier(.22,1,.36,1) calc(0s - var(--st-celebration-elapsed)) both}.is-celebrating .st-result.is-right:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;animation:st-banner-flash .56s ease-out calc(40ms - var(--st-celebration-elapsed)) both;background:radial-gradient(at 35%,#fff,#fffbd9bb 55%,#fff0);position:absolute;inset:0;box-shadow:0 0 28px #edc75b70}.is-celebrating .st-badge{animation:st-badge-pop .68s cubic-bezier(.22,1,.36,1) calc(0s - var(--st-celebration-elapsed)) both}.is-celebrating .st-gain b{transform-origin:75% 65%;animation:st-gain-pop .84s cubic-bezier(.22,1,.36,1) calc(.12s - var(--st-celebration-elapsed)) both}.st-stat.is-rank-up,.st-stat.is-streak{isolation:isolate;position:relative}.is-celebrating .st-stat.is-rank-up{animation:st-rank-card .76s cubic-bezier(.22,1,.36,1) calc(.28s - var(--st-celebration-elapsed)) both}.is-celebrating .st-stat em.is-up{animation:st-rank-rise .76s cubic-bezier(.22,1,.36,1) calc(.28s - var(--st-celebration-elapsed)) both}.is-celebrating .st-stat.is-rank-up:before,.is-celebrating .st-stat.is-streak:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;animation:st-stat-flash .76s ease-out calc(.28s - var(--st-celebration-elapsed)) both;background:#e3f2c3;position:absolute;inset:0;box-shadow:0 0 18px #a4c86e66}.is-celebrating .st-stat.is-streak:before{background:#ffedba;box-shadow:0 0 20px #edc75b66}.is-celebrating .st-option.is-right.is-picked:after{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:st-answer-shine .64s ease-out calc(.26s - var(--st-celebration-elapsed)) both;background:linear-gradient(110deg,#0000 15%,#fff9 48%,#fffd 50%,#0000 85%);position:absolute;inset:0}.is-celebrating .st-stat.is-streak small:after,.is-celebrating .st-breakdown .is-streak:after{animation:st-flame-pop .76s cubic-bezier(.22,1,.36,1) calc(.28s - var(--st-celebration-elapsed)) both}@keyframes st-badge-pop{0%{transform:scale(.5)rotate(-18deg)}44%{transform:scale(1.35)rotate(9deg)}72%{transform:scale(.94)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes st-banner-flash{0%{opacity:0;transform:scale(.88)}24%{opacity:.85}to{opacity:0;transform:scale(1.04)}}@keyframes st-confetti{0%{opacity:0;animation-timing-function:cubic-bezier(.14,.72,.28,1);transform:translate(0,0)rotate(0)scale(.35)}8%{opacity:1}30%{transform:translate3d(calc(var(--dx)*.8),var(--rise),0) rotate(calc(var(--spin)*.4)) scale(1);animation-timing-function:cubic-bezier(.5,0,.84,.48)}76%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--dx) + var(--drift)),var(--fall),0) rotate(var(--spin)) scale(.85)}}@keyframes st-gain-pop{0%{transform:translateY(6px)scale(.85)}38%{transform:translateY(var(--st-gain-lift,-44px)) scale(1.5)}74%{transform:translateY(2px)scale(.97)}to{transform:translateY(0)scale(1)}}@keyframes st-rank-card{0%,to{transform:translateY(0)scale(1)}42%{transform:translateY(-6px)scale(1.05)}}@keyframes st-rank-rise{0%{transform:translateY(5px)scale(.85)}42%{transform:translateY(-5px)scale(1.4)}to{transform:translateY(0)scale(1)}}@keyframes st-answer-shine{0%{opacity:0;transform:scaleX(.3)}35%{opacity:.8}to{opacity:0;transform:scaleX(1)}}@keyframes st-stat-flash{0%,to{opacity:0;transform:scale(.96)}42%{opacity:.9;transform:scale(1.02)}}@keyframes st-flame-pop{0%,to{transform:scale(1)}42%{transform:scale(var(--st-flame-peak,1.55))}}.st-review{flex-direction:column;gap:8px;padding:16px 16px 14px;display:flex}.st-explain{padding:14px 16px}.st-explain h3{font:15px/1.3 var(--friendly);color:var(--room-accent);margin:0 0 4px;font-weight:400}.st-explain p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:keep-all;margin:0;font-size:15px;line-height:1.65}.st-top5{background:#fffbffd9;border:1px solid #fff;border-radius:18px;padding:0 16px}.st-top5>summary{cursor:pointer;min-height:48px;color:var(--room-muted);align-items:center;gap:10px;font-size:14px;list-style:none;display:flex}.st-top5>summary::-webkit-details-marker{display:none}.st-top5>summary b{color:var(--room-heading);text-align:right;margin-left:auto;font-weight:600}.st-chevron{transition:rotate .34s cubic-bezier(.22,1,.36,1)}.st-top5[data-expanded=true] .st-chevron{rotate:180deg}.st-top5>div{padding-bottom:6px;display:flow-root}.st-rank-list{margin:0;padding:0;list-style:none}.st-rank-list li{border-top:1px solid #e9def5;align-items:center;gap:12px;min-height:42px;font-size:15px;display:flex}.st-rank-list li.is-mine{color:var(--room-heading);font-weight:600}.st-rank-no{text-align:center;width:22px;font:18px/1 var(--friendly);color:var(--room-accent)}.st-rank-name{overflow-wrap:anywhere;flex:1;min-width:0}.st-rank-score{color:var(--room-muted);white-space:nowrap;flex:none;font-size:13px}.st-final{flex-direction:column;gap:16px;display:flex}.st-final-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.st-rank-big{font:64px/1 var(--friendly);color:var(--room-heading)}.st-rank-big small{font:20px var(--friendly);color:var(--room-muted);margin-left:4px}.st-total{font:30px/1.3 var(--friendly);color:var(--room-heading);font-weight:400}@media (width<=899px){.student-room[data-state=result] .st-main,.student-room[data-state=result] .st-side{display:contents}.student-room[data-state=result] .st-result{order:1}.student-room[data-state=result] .st-stats,.student-room[data-state=result] .st-gap{order:2}.student-room[data-state=result] .st-review{order:3}.student-room[data-state=result] .st-explain{order:4}.student-room[data-state=result] .st-top5{order:5}.student-room .st-side:has(.st-me){display:none}body[data-scene=student][data-screen=classroom] .quiz-shell{width:calc(100% - 28px)}}@media (width>=900px){.student-room.has-side{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.st-question{min-height:0}.st-thumb{margin-top:clamp(28px,7vh,84px);padding-top:0}.st-question,.st-review{padding:28px 30px}.st-prompt{font-size:30px}.st-prompt.is-small{font-size:26px}.st-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.st-option{min-height:96px;font-size:18px}.st-options.is-mini .st-option{border-radius:20px;min-height:96px;padding:12px 16px 12px 12px;font-size:18px}.st-options.is-mini .st-option-no{border-radius:14px;width:42px;height:42px;font-size:24px}.st-me{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.st-me-name{font:24px/1.2 var(--friendly);color:var(--room-heading);font-weight:400}.st-me .st-stats{width:100%}.st-responses{padding:18px 20px;display:block}.st-result{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.st-dots i,.st-friends li.is-new,.st-result,.student-room.is-celebrating .st-result,.student-room.is-celebrating .st-badge,.student-room.is-celebrating .st-gain b,.student-room.is-celebrating .st-stat.is-rank-up,.student-room.is-celebrating .st-stat em.is-up,.student-room.is-celebrating .st-stat.is-streak small:after,.student-room.is-celebrating .st-breakdown .is-streak:after{animation:none}.st-celebration,.is-celebrating .st-result.is-right:before,.is-celebrating .st-stat:before,.is-celebrating .st-option.is-right.is-picked:after{animation:none;display:none}.st-option,.st-meter i,.st-timer-fill{transition:none}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body.teacher-room{--ok:#5f7a3c;--ok-soft:#eef3e3;--ok-edge:#a9bd8a;--live:#b9543a;--live-soft:#fbe6dc;--strip-height:150px;word-break:keep-all;flex-direction:column;height:100dvh;min-height:0;font-size:14px;display:flex;overflow:hidden}body.teacher-room .quiz-masthead,body.teacher-room .quiz-footer{display:none}body.teacher-room .quiz-shell{flex:1;width:min(1680px,100% - 48px);min-height:0;margin:0 auto;padding:12px 0 16px}body.teacher-room #classroom{flex:1;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:0;display:grid;position:relative}body.teacher-room button:disabled{cursor:default}body.teacher-room .primary-button,body.teacher-room .secondary-button,body.teacher-room .quiet-button,body.teacher-room .tool-button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:14px;line-height:1.3;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex}body.teacher-room .primary-button{background:var(--room-action);color:var(--room-action-ink);border:1px solid #efb820;padding:0 22px;font-weight:600;box-shadow:inset 0 1px #fff6,0 4px 12px #c78f0a2b}body.teacher-room .primary-button:not(:disabled):hover{background:var(--room-action-hover)}body.teacher-room .primary-button:disabled{opacity:.42;box-shadow:none}body.teacher-room .secondary-button,body.teacher-room .tool-button{border:1px solid var(--room-edge);color:var(--room-ink);background:#fffdf2a8}body.teacher-room .secondary-button:not(:disabled):hover,body.teacher-room .tool-button:hover,body.teacher-room .quiet-button:not(:disabled):hover{background:#fff7dc}body.teacher-room .secondary-button:disabled{opacity:.45}body.teacher-room .quiet-button{color:var(--room-ink);border:1px solid #0000}body.teacher-room .tool-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}body.teacher-room .tool-button[aria-pressed=true]{background:#fff0bd;border-color:#d9b447}body.teacher-room .text-button{color:var(--room-accent);padding:4px 0;font-size:13px;text-decoration:none}body.teacher-room .text-button:hover{text-underline-offset:4px;text-decoration:underline}body.teacher-room .mini-button{height:32px;color:var(--room-muted);border:1px solid #0000;border-radius:9px;padding:0 12px;font-size:13px}body.teacher-room .mini-button:hover{background:#fff7dc}body.teacher-room .mini-button.is-yes{color:var(--room-action-ink);background:#fff3c7;border-color:#efcf68}body.teacher-room .mini-button.is-yes:hover{background:#ffe9a0}body.teacher-room .help{color:var(--room-muted);font-size:12px;line-height:1.6}body.teacher-room .teacher-bar.experiment-acrylic{z-index:4;--acrylic-start:#fff9d8cc;--acrylic-end:#fff4c6bd;border-radius:18px;align-items:center;gap:14px;min-height:60px;padding:9px 12px 9px 20px;display:flex}.teacher-brand{color:#0d0f0c;gap:10px;margin-right:4px;padding:0}.teacher-brand .quiz-symbol{width:27px;height:27px}.teacher-brand .quiz-symbol>i{border-color:#fff8df;width:10px;height:10px}.teacher-brand .quiz-symbol:before,.teacher-brand .quiz-symbol:after{display:none}body.teacher-room .teacher-brand .quiz-brand-type{font-size:25px}.room-state{border-left:1px solid var(--room-edge);min-width:0;color:var(--room-muted);align-items:center;gap:9px;padding-left:16px;font-size:13px;display:flex}.room-state #connection-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}body.teacher-room .room-state .status-dot{background:#7da04b;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #e3eccf}body.teacher-room .teacher-bar.has-problem .status-dot{background:#c98a2e;box-shadow:0 0 0 4px #f7e2b6}.teacher-bar.has-problem #connection-status{color:#8c5a17;white-space:normal}.bar-spacer{flex:1;min-width:8px}.bar-button{height:40px;color:var(--room-ink);white-space:nowrap;border-radius:12px;padding:0 12px;font-size:13px}.bar-button:not(:disabled):hover{background:#fff7dc}.bar-retry{background:#fff3cf;border:1px solid #e2c27a}.bar-retry:disabled{opacity:.5}.code-chip,.people-chip{white-space:nowrap;background:#fffdf2c4;border:1px solid #fffc;border-radius:12px;align-items:center;gap:10px;height:42px;padding:0 6px 0 14px;font-size:13px;display:inline-flex;box-shadow:0 1px 4px #51401310}.code-chip>span{color:var(--room-muted);font-size:12px}.code-chip strong{font:23px/1 var(--display);letter-spacing:.14em;color:var(--room-accent);font-variant-numeric:tabular-nums}.icon-button{width:30px;height:30px;color:var(--room-muted);border-radius:8px;place-items:center;display:grid}.icon-button:not(:disabled):hover{color:var(--room-ink);background:#f6ecc9}.icon-button:disabled{opacity:.4}.icon-button svg{width:16px;height:16px}.people-chip{color:var(--room-ink);padding:0 10px 0 14px}.people-chip strong{font:600 15px var(--sans);font-variant-numeric:tabular-nums}.people-chip #member-capacity{color:var(--room-muted);margin-left:-6px;font-size:12px}.people-chip #pending-shortcut{height:22px;color:var(--room-action-ink);background:#ffd85a;border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.people-chip .member-chevron{width:16px;height:16px;color:var(--room-muted);transition:rotate .34s cubic-bezier(.22,1,.36,1)}.people-chip:hover{background:#fff8dd}.people-chip[aria-expanded=true]{background:#fff6d2;border-color:#ecd27c;box-shadow:0 0 0 3px #f8e6a366}.people-chip[aria-expanded=true] .member-chevron{rotate:180deg}body.teacher-room .people-panel.experiment-acrylic{z-index:30;--acrylic-start:#fffdf2eb;--acrylic-end:#fff9e2e0;--acrylic-shadow:#51401329;border-radius:20px;flex-direction:column;gap:14px;width:min(460px,100vw - 32px);max-height:min(640px,100dvh - 110px);padding:18px 20px 16px;display:flex;position:absolute;overflow:visible}.people-panel:after{content:"";top:-7px;right:var(--arrow-right,40px);pointer-events:none;background:#fffcef;border-top:1px solid #fffdf3;border-left:1px solid #fffdf3;width:13px;height:13px;position:absolute;rotate:45deg}.people-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.people-head h2{font:20px/1.3 var(--friendly);color:var(--room-heading);margin:0}.people-head h2 b{font-weight:400}.people-head h2 span{font:14px var(--sans);color:var(--room-muted);margin-left:4px}.switch-field{color:var(--room-muted);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.switch-field input{appearance:none;cursor:pointer;background:#d8cfb5;border:0;border-radius:99px;width:38px;height:22px;margin:0;padding:0;transition:background .2s;position:relative}.switch-field input:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:translate .24s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0002}.switch-field input:checked{background:#d9b84a}.switch-field input:checked:after{translate:16px}.people-panel h3{font:16px/1.3 var(--friendly);color:var(--room-heading);margin:0}.people-row-head{align-items:center;gap:10px;display:flex}.people-row-head h3{flex:1}.people-note{color:var(--room-muted);font-size:12px}.people-wait{background:#fff3c76b;border:1px solid #f0d888;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.people-panel .request-list{overscroll-behavior:contain;max-height:180px;margin:0;padding:0;list-style:none;overflow:auto}.people-panel .request-list li{border-top:1px solid var(--room-edge);align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.people-panel .request-name{overflow-wrap:anywhere;flex:1;min-width:0}.people-roster{flex-direction:column;gap:8px;min-height:0;display:flex}.people-panel .roster{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 10px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.people-panel .roster li{overflow-wrap:anywhere;opacity:1;background:0 0;border:0;align-items:center;gap:7px;min-height:30px;padding:0;font-size:14px;display:flex}.people-panel .roster li i{background:#7da04b;border-radius:50%;flex:none;width:7px;height:7px}.people-panel .roster li.offline{color:var(--room-muted)}.people-panel .roster li.offline i{background:#c9bfa0}.people-panel .roster li small{color:var(--live);white-space:nowrap;font-size:11px}.people-panel #participants-empty{margin:0}.people-panel>.help{border-top:1px solid var(--room-edge);margin:0;padding-top:10px}body.teacher-room .class-grid{grid-template:"strip strip""main readout"minmax(0,1fr)/minmax(0,1fr) 312px;align-items:stretch;gap:0;min-height:0;display:grid}body.teacher-room .class-grid.is-picking{grid-template-areas:"strip strip""main main"}body.teacher-room .class-main{flex-direction:column;grid-area:main;min-width:0;min-height:0;display:flex}body.teacher-room .question-filmstrip{grid-area:strip;margin-bottom:12px}body.teacher-room .teacher-readout{grid-area:readout}body.teacher-room .teacher-workspace.experiment-acrylic,body.teacher-room .question-stage.experiment-acrylic{--acrylic-start:#fffdf0e0;--acrylic-end:#fff9e0d1;border-radius:24px 0 0 24px;flex:1;min-height:0}body.teacher-room .class-grid.is-picking .teacher-workspace.experiment-acrylic,body.teacher-room .class-grid.finished .question-stage.experiment-acrylic{border-radius:24px}body.teacher-room .teacher-workspace{flex-direction:column;display:flex;overflow:hidden}body.teacher-room #workspace-message{color:var(--room-ink);border-bottom:1px solid var(--room-edge);background:#fff6d48a;flex:none;margin:0;padding:10px 32px;font-size:13px}body.teacher-room #workspace-message.error{color:#9b492e;background:#fbe8dc99}body.teacher-room .workspace-viewport{flex:1;min-height:0;position:relative}body.teacher-room .workspace-page{overscroll-behavior:contain;scrollbar-width:thin;padding:26px 32px 24px;position:absolute;inset:0;overflow:auto}.stage-body{flex-direction:column;display:flex}.stage-head{min-height:32px;color:var(--room-muted);align-items:center;gap:12px;font-size:13px;display:flex}.stage-number{font:15px/1 var(--display);letter-spacing:.06em;color:var(--room-heading)}.stage-tag{border:1px solid var(--room-edge);height:26px;color:var(--room-accent);white-space:nowrap;background:#fffbea9e;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.stage-link{color:var(--room-accent);margin-left:auto;padding:4px 0;font-size:13px}.stage-link:hover{text-underline-offset:4px;text-decoration:underline}body.teacher-room .stage-prompt{font:31px/1.5 var(--friendly);letter-spacing:-.02em;color:var(--room-heading);white-space:pre-wrap;overflow-wrap:anywhere;max-width:32em;margin:14px 0 22px}.stage-title-row{align-items:flex-end;gap:20px;margin:14px 0 22px;display:flex}body.teacher-room .stage-title-row .stage-prompt{flex:1;min-width:0;max-width:none;margin:0}.stage-edit-button{width:44px;height:44px;color:var(--room-accent);cursor:pointer;background:#fffdf2c4;border:1px solid #dfce98;border-radius:12px;flex:none;place-items:center;padding:0;transition:background .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:inset 0 1px #fff,0 2px 5px #5140130a}.stage-edit-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.stage-edit-button:hover,.stage-edit-button:focus-visible{background:#fff4cb;border-color:#cfad59;box-shadow:inset 0 1px #fff,0 3px 9px #51401312}.stage-edit-button:focus-visible{outline:2px solid var(--room-accent);outline-offset:3px}.stage-edit-button:active{background:#f7e9bc}.stage-edit-tooltip{z-index:2;color:var(--room-ink);font:12px/1.4 var(--sans);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;background:#fffdf4;border:1px solid #e7dbb4;border-radius:8px;padding:7px 11px;transition:opacity .16s,translate .16s,visibility .16s;position:absolute;bottom:calc(100% + 9px);right:0;translate:0 4px;box-shadow:0 4px 12px #51401314}.stage-edit-button:hover .stage-edit-tooltip,.stage-edit-button:focus-visible .stage-edit-tooltip{opacity:1;visibility:visible;translate:0}body.teacher-room .ready-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}body.teacher-room .ready-options li{white-space:pre-wrap;overflow-wrap:anywhere;background:#fffdf5b0;border:1px solid #dccb9166;border-radius:14px;align-items:center;gap:14px;min-height:76px;padding:14px 18px;font-size:17px;line-height:1.55;display:flex}body.teacher-room .ready-option-number{color:#8b7133;width:32px;height:32px;font:21px/1 var(--friendly);background:#f3ead1;border-radius:9px;flex:none;place-items:center;display:grid}body.teacher-room .ready-options li>span:nth-child(2){flex:1}body.teacher-room .ready-options li.correct{background:var(--ok-soft);border-color:var(--ok-edge)}body.teacher-room .ready-options li.correct .ready-option-number{color:var(--ok);background:#d9e5c9}body.teacher-room .ready-correct-label{color:var(--ok);white-space:nowrap;font-size:12px}.question-drawer summary{cursor:pointer;align-items:center;gap:10px;list-style:none;display:flex}.question-drawer summary::-webkit-details-marker{display:none}.question-drawer summary>span:last-child{margin-left:auto;transition:rotate .34s cubic-bezier(.22,1,.36,1)}.question-drawer[data-expanded=true] summary>span:last-child{rotate:45deg}.stage-explanation{border-top:1px solid var(--room-edge);margin-top:16px}.stage-explanation>summary{color:var(--room-muted);padding:12px 0 6px;font-size:13px}.stage-explanation>div{padding:2px 0 4px;display:flow-root}#ready-explanation-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:48em;margin:0 0 6px;font-size:14px;line-height:1.75}#ready-source:empty{display:none}.set-drafts{border-top:1px solid var(--room-edge);margin-top:14px}.set-drafts>summary{color:var(--room-muted);padding:12px 0;font-size:13px}.draft-list{margin:0;padding:0;list-style:none}.draft-list button{text-align:left;border-top:1px solid var(--room-edge);width:100%;padding:10px 0;font-size:14px}.stage-controls{background:#fff8de8c;border:1px solid #ecdca6;border-radius:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;margin-top:18px;padding:12px 12px 12px 14px;display:grid}.controls-side{align-items:center;gap:8px;min-width:0;display:flex}.controls-side.is-end{justify-content:flex-end}.controls-main{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}body.teacher-room .controls-main>.primary-button{border-radius:16px;min-width:260px;min-height:54px;padding:0 30px;font-size:17px}.controls-note{color:var(--room-muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(520px,100%);margin:0;font-size:13px;overflow:hidden}.controls-note:empty{display:none}body.teacher-room .form-message{color:#9a4f2e;margin:0;font-size:13px}body.teacher-room .form-message:empty{display:none}.duration-field{height:42px;color:var(--room-muted);background:#fffdf3c7;border:1px solid #fffc;border-radius:12px;align-items:center;gap:2px;padding:0 6px 0 14px;font-size:13px;display:inline-flex}.duration-field label{margin-right:6px}body.teacher-room .duration-field input{width:48px;height:32px;box-shadow:none;text-align:center;font:600 15px var(--sans);color:var(--room-ink);-moz-appearance:textfield;background:0 0;border:0;padding:0}.duration-field input::-webkit-inner-spin-button{appearance:none;margin:0}.duration-field input::-webkit-outer-spin-button{appearance:none;margin:0}.duration-field>span{color:var(--room-ink);margin:0 4px 0 -6px}.step-button{width:30px;height:30px;color:var(--room-ink);border-radius:8px;place-items:center;font-size:17px;display:grid}.step-button:hover{background:#f4e9c4}.workspace-empty,.slide-selection-empty{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;max-width:560px;min-height:100%;display:flex}.workspace-empty h3,.slide-selection-empty h3{font:24px/1.45 var(--friendly);color:var(--room-heading);margin:0}.workspace-empty p,.slide-selection-empty p{color:var(--room-muted);margin:0;font-size:14px}.empty-actions{gap:8px;margin-top:14px;display:flex}.set-name-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.set-name-sep{background:var(--room-edge);width:1px;height:20px;margin:0 4px}.set-name-row label{color:var(--room-muted);white-space:nowrap;font-size:13px}body.teacher-room #set-name{width:min(360px,100%);height:40px;font:19px/1 var(--friendly);color:var(--room-heading);background:#fffdf6;border:1px solid #e3d29a;border-radius:12px;padding:0 14px}body.teacher-room #set-name:focus{border-color:#c9a44a;outline:none;box-shadow:0 0 0 4px #f6e7b066}.set-count{color:var(--room-muted);white-space:nowrap;margin-left:auto;font-size:13px}.paste-banner{background:var(--ok-soft);border:1px solid var(--ok-edge);color:#3f5c2a;border-radius:12px;align-items:center;gap:10px;margin:0 0 12px;padding:9px 14px;font-size:13.5px;display:flex}.paste-banner .text-button{color:var(--ok);white-space:nowrap;margin-left:auto}.auto-tag{color:#4f6b32;background:#e3eccf;border-radius:999px;align-items:center;height:20px;margin-left:6px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}body.teacher-room #question-form{flex-direction:column;margin-top:8px;display:flex}.field-label{color:var(--room-heading);align-items:baseline;gap:8px;margin:0 0 6px;font-size:13px;font-weight:600;display:flex}.field-label>span:not(.auto-tag){color:var(--room-muted);font-weight:400}body.teacher-room .teacher-workspace textarea,body.teacher-room #question-source{width:100%;color:var(--room-heading);resize:vertical;background:#fffdf6;border:1px solid #d9c78f;border-radius:14px}body.teacher-room .teacher-workspace textarea:focus,body.teacher-room #question-source:focus{border-color:#c9a44a;outline:none;box-shadow:0 0 0 4px #f6e7b066}body.teacher-room #prompt{min-height:58px;max-height:240px;font:23px/1.45 var(--friendly);resize:none;padding:12px 16px;overflow:hidden}body.teacher-room #prompt.has-error{background:#fff8f4;border-color:#d9937d;box-shadow:0 0 0 3px #f6d5c999}body.teacher-room .option-editor{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;display:grid}.option-cell{flex-direction:column;min-width:0;display:flex}body.teacher-room .option-row{background:#fffdf7;border:1px solid #d9c78f;border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:8px 10px 8px 14px;display:flex;position:relative}body.teacher-room .option-row.is-correct{background:var(--ok-soft);border-color:var(--ok-edge)}body.teacher-room .option-row.has-error{background:#fff8f4;border-color:#d9937d;box-shadow:0 0 0 3px #f6d5c999}.option-row>.option-number{color:#8b7133;width:30px;height:30px;font:19px/1 var(--friendly);background:#f3ead1;border-radius:9px;flex:none;place-items:center;display:grid}body.teacher-room .option-row.is-correct .option-number{color:var(--ok);background:#d9e5c9}body.teacher-room .option-row textarea{resize:none;min-height:34px;max-height:160px;box-shadow:none;background:0 0;border:0;border-bottom:1px dashed #d8c992;border-radius:0;flex:1;padding:4px 2px;font-size:16px;line-height:1.5}body.teacher-room .option-row textarea:focus{box-shadow:none;border-bottom-color:#c9a44a}.option-correct{height:30px;color:var(--room-muted);cursor:pointer;white-space:nowrap;border:1px solid #eadcaa;border-radius:9px;flex:none;align-items:center;padding:0 10px;font-size:12px;display:inline-flex;position:relative}.option-correct:hover{background:#fff7dc}.option-correct input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.option-correct span{font-size:0}.option-correct span:before{content:"정답으로";font-size:12px}.option-correct:has(input:checked){color:var(--ok);border-color:var(--ok-edge);background:#fff9;font-weight:600}.option-correct:has(input:checked) span:before{content:"✓ 정답"}.option-correct:has(input:focus-visible){outline:2px solid var(--room-accent);outline-offset:2px}.field-error{color:#a8492f;align-items:center;gap:6px;margin:5px 4px 0;font-size:12.5px;display:flex}.field-error:before{content:"!";color:#fff;width:15px;height:15px;font:700 10px/1 var(--sans);background:#c4613f;border-radius:50%;flex:none;place-items:center;display:grid}#correct-error{margin-top:8px}.answer-fields{grid-template-columns:minmax(0,1fr) 240px;gap:10px;margin-top:12px;display:grid}body.teacher-room #question-explanation{resize:none;min-height:48px;padding:11px 14px;font-size:15px;line-height:1.6;overflow:hidden}body.teacher-room #question-source{height:48px;padding:0 14px;font-size:15px}body.teacher-room #complete-question.is-waiting{color:#8a6a12;box-shadow:none;background:#fff3c7;border-color:#efcf68;font-weight:600}.make-card{text-align:left;background:#fffdf3;border:1px dashed #cfae55;border-radius:16px;align-items:center;gap:16px;width:100%;padding:18px 20px;transition:background .18s,border-color .18s;display:flex}.make-card:hover{background:#fff7dc;border-color:#c39a2f}.make-card:focus-visible{outline:2px solid var(--room-accent);outline-offset:2px}.make-plus{color:#8a6a12;width:46px;height:46px;font:28px/1 var(--friendly);background:#fff1c2;border-radius:14px;flex:none;place-items:center;display:grid}.make-copy{gap:4px;display:grid}.make-copy strong{font:20px/1.35 var(--friendly);color:var(--room-heading);font-weight:400}.make-copy>span{color:var(--room-muted);font-size:14px;line-height:1.55}.readout-tip{color:var(--room-muted);flex-direction:column;gap:10px;font-size:13px;line-height:1.6;display:flex}.readout-tip h2{font:19px/1.3 var(--friendly);color:var(--room-heading);margin:0}.readout-tip p{margin:0}.readout-tip pre{font:13px/1.6 var(--sans);color:var(--room-ink);white-space:pre-wrap;background:#fffdf3;border:1px dashed #dccb91;border-radius:12px;margin:0;padding:10px 12px}.key-list{gap:6px;margin:4px 0 0;display:grid}.key-list>div{align-items:center;gap:8px;display:flex}.key-list dt{white-space:nowrap;align-items:center;gap:3px;display:flex}.key-list dd{margin:0}.readout-tip kbd{font:12px var(--sans);color:var(--room-ink);background:#fffdf3;border:1px solid #e3d29a;border-radius:5px;padding:1px 6px}.tip-ai{border:1px solid var(--room-edge);background:#fff7db80;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0;padding:12px;display:flex}.tip-ai>div{flex:150px}.tip-ai strong{color:var(--room-heading);font-weight:600}.tip-ai p{margin-top:3px;font-size:12px}.strip-save{height:32px;color:var(--room-ink);white-space:nowrap;background:#fffdf3;border:1px solid #e3d29a;border-radius:10px;align-items:center;gap:6px;margin:0 4px 0 8px;padding:0 12px;font-size:13px;display:inline-flex}.strip-save:hover{background:#fff7dc}.strip-save-dot{background:#d39a2a;border-radius:50%;width:7px;height:7px;display:none}.strip-save.is-unsaved .strip-save-dot{display:block}.question-slide.is-writing{background:#fffbe9;border:2px dashed #d3a41f;padding:9px 11px}.question-slide.is-writing .slide-prompt{color:var(--room-muted)}.quiz-dialog{width:min(760px,100vw - 32px);max-height:calc(100dvh - 48px);color:var(--room-ink);background:linear-gradient(115deg,#fffdf2f8,#fff8e2f4);border:1px solid #fff;border-radius:22px;padding:22px 24px;box-shadow:0 24px 60px #4a3a1240}.quiz-dialog[open]{flex-direction:column;gap:12px;display:flex}.quiz-dialog::backdrop{background:#3b30153d}.quiz-dialog h2{font:23px/1.3 var(--friendly);color:var(--room-heading);margin:0}.dialog-sub{color:var(--room-muted);margin:0;font-size:14px;line-height:1.6}.ai-prompt-dialog #ai-prompt-text{width:100%;height:min(420px,48svh);min-height:160px;color:var(--room-ink);font:13px/1.75 var(--sans);resize:none;white-space:pre-wrap;background:#fffdf6;border:1px solid #e2d6b1;border-radius:14px;flex:0 auto;margin:0;padding:14px;display:block;overflow:auto}.ai-prompt-dialog .dialog-actions{flex-wrap:wrap}.ai-prompt-dialog #ai-prompt-status{min-height:1.6em;color:var(--room-muted);flex:180px;font-size:13px}@media (width<=600px){.ai-prompt-dialog .dialog-actions{grid-template-columns:1fr auto;display:grid}.ai-prompt-dialog #ai-prompt-status{grid-column:1/-1}.ai-prompt-dialog #close-ai-prompt{justify-self:end}}.dialog-actions{align-items:center;gap:10px;margin-top:4px;display:flex}.dialog-note{color:var(--room-muted);margin:0 auto 0 0;font-size:13px}.dialog-actions>span:first-child{margin-right:auto}.paste-list{border-top:1px solid var(--room-edge);margin:0;padding:0;list-style:none;overflow:auto}.paste-list li{border-bottom:1px solid var(--room-edge);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:6px 0;font-size:14px;display:grid}.paste-no{font:15px var(--display);color:var(--room-muted)}.paste-q{min-width:0;display:grid}.paste-q strong{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.paste-q small{color:var(--room-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.paste-ok{color:var(--ok);white-space:nowrap;font-size:12px}.paste-warn{color:#a8492f;white-space:nowrap;font-size:12px}.leave-dialog{width:min(520px,100vw - 32px)}.leave-dialog>.primary-button{width:100%}body.teacher-room .question-stage.experiment-acrylic{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;padding:26px 32px 24px;display:flex;overflow:auto}body.teacher-room .question-stage .stage-meta{min-height:40px;font-size:13px}body.teacher-room .question-stage #question-number{font:15px/1 var(--display);letter-spacing:.06em;color:var(--room-heading)}body.teacher-room .question-stage #time-left{min-width:0;height:auto;font:34px/1 var(--friendly);color:var(--room-accent);background:0 0;border:0;padding:0}body.teacher-room .question-stage #time-left.urgent{color:var(--live)}body.teacher-room .question-stage #time-left.revealed{border:1px solid var(--ok-edge);background:var(--ok-soft);color:var(--ok);font-size:15px;font-family:var(--sans);border-radius:999px;padding:5px 12px}body.teacher-room .question-stage #question-body{flex:none;padding:14px 0 0}body.teacher-room .question-prompt{font:31px/1.5 var(--friendly);letter-spacing:-.02em;color:var(--room-heading);max-width:32em;margin:0 0 22px}body.teacher-room .answer-options{gap:12px}body.teacher-room .answer-option{min-height:76px;box-shadow:none;background:#fffdf5b0;border:1px solid #dccb9166;border-radius:14px;gap:14px;padding:14px 18px;font-size:17px;line-height:1.55}body.teacher-room .answer-option>b{color:#8b7133;width:32px;height:32px;font:21px/1 var(--friendly);background:#f3ead1;border-radius:9px;place-items:center;display:grid}body.teacher-room .answer-option:disabled{cursor:default;opacity:1}body.teacher-room .answer-option.correct{background:var(--ok-soft);border-color:var(--ok-edge)}body.teacher-room .answer-option.correct>b{color:var(--ok);background:#d9e5c9}body.teacher-room .answer-option.has-distribution{isolation:isolate;position:relative;overflow:hidden}.answer-option.has-distribution>.answer-text{flex:1}.has-distribution .teacher-answer-gauge{height:5px;width:var(--answer-share,0%);pointer-events:none;background:#e9c650;border-radius:0 3px 3px 0;transition:width .42s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0}.answer-option.correct .teacher-answer-gauge{background:#8fb265}.answer-option.has-distribution>.teacher-answer-tally{white-space:nowrap;font-variant-numeric:tabular-nums;flex-direction:column;flex:none;align-items:flex-end;gap:2px;margin-left:auto;line-height:1.25;display:flex}.teacher-answer-count{font:600 16px var(--sans);color:var(--room-heading)}.teacher-answer-percent{color:var(--room-muted);font-size:12px}body.teacher-room .question-stage .stage-bottom{margin-top:18px}body.teacher-room .question-stage .time-track{height:4px;margin:0}body.teacher-room .question-stage .stage-empty{text-align:left;align-items:flex-start;min-height:0;padding:20px 0}body.teacher-room .question-stage .stage-empty .empty-symbol{display:none}body.teacher-room .question-stage .stage-empty h2{font:26px/1.45 var(--friendly);color:var(--room-heading);margin:0 0 8px}body.teacher-room .question-stage .stage-empty p{max-width:34em;font-size:14px}body.teacher-room .teacher-readout.experiment-acrylic{border-left-color:var(--room-edge);--acrylic-start:#fffcecd6;--acrylic-end:#fff8decc;border-radius:0 24px 24px 0;flex-direction:column;min-height:0;display:flex;overflow:hidden}.readout-body{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px 24px 16px;display:flex;overflow:auto}.readout-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.readout-head h2,.readout-head h3{font:19px/1.3 var(--friendly);color:var(--room-heading);margin:0}.readout-head h2:focus{outline:none}.readout-head span{color:var(--room-muted);white-space:nowrap;font-size:12px}.readout-stats{flex-direction:column;gap:10px;display:flex}.readout-big{color:var(--room-heading);align-items:baseline;gap:6px;display:flex}.readout-big strong{font:46px/1 var(--friendly);font-variant-numeric:tabular-nums;font-weight:400}.readout-big span{color:var(--room-muted);font-size:15px}.readout-meter{background:#efe3bd;border-radius:99px;height:8px;overflow:hidden}.readout-meter i{border-radius:inherit;background:#e3b52c;width:0;height:100%;transition:width .42s cubic-bezier(.22,1,.36,1);display:block}.readout-sub{color:var(--room-muted);margin:0;font-size:13px}.readout-waiting h3{font:16px/1.3 var(--friendly);color:var(--room-heading);margin:0 0 10px}.readout-names{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.readout-names li{background:#fffdf2b0;border:1px solid #ecdda8;border-radius:8px;align-items:center;height:28px;padding:0 10px;font-size:13px;display:inline-flex}.readout-ranking{flex-direction:column;gap:6px;display:flex}.readout-leaders{margin:0;padding:0;list-style:none}.readout-leaders li{border-top:1px solid var(--room-edge);align-items:center;gap:12px;min-height:44px;font-size:14px;display:flex}.readout-leaders li:last-child{border-bottom:1px solid var(--room-edge)}.rank-no{text-align:center;width:22px;font:18px/1 var(--friendly);color:var(--room-accent);flex:none}.rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rank-score{color:var(--room-muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-size:12px}.rank-time{color:var(--ok);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px}.rank-miss{color:var(--room-muted);font-size:12px}.readout-none{color:var(--room-muted);font-size:13px}.readout-empty{color:var(--room-muted);margin:0;font-size:14px;line-height:1.7}.readout-foot{flex-direction:column;flex:none;gap:6px;padding:12px 24px 20px;display:flex}.readout-foot .secondary-button{width:100%}.readout-foot .help{text-align:center;margin:0}.guide-score{grid-column:1/-1}.guide-score ul{color:#6d6659;word-break:keep-all;margin:0;padding-left:18px;font-size:13px;line-height:1.9}body.teacher-room .question-filmstrip.experiment-acrylic{--strip-sheet:#fffdf6e8;--acrylic-start:#fffcecd6;--acrylic-end:#fff8decc;border-radius:20px;flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.filmstrip-heading{background:#e6d39a3d;flex:none;align-items:center;gap:4px;min-width:0;height:44px;padding:0 12px 0 0;display:flex}.filmstrip-heading>.workspace-tabs{align-self:stretch;padding-top:8px}body.teacher-room .workspace-tabs{scrollbar-width:none;align-items:flex-end;gap:0;min-width:0;height:100%;padding:0 12px 0 0;display:flex;overflow:auto hidden}.workspace-set{border-radius:12px 12px 0 0;flex:0 auto;align-items:center;min-width:92px;max-width:240px;height:36px;display:flex;position:relative}.workspace-set>.workspace-tab{flex:1;min-width:0}body.teacher-room .workspace-tab{height:36px;color:var(--room-muted);white-space:nowrap;border-radius:12px 12px 0 0;align-items:center;gap:7px;min-width:0;padding:0 16px;font-size:14px;display:inline-flex;position:relative}body.teacher-room .workspace-set>.workspace-tab{max-width:100%;padding-right:44px}body.teacher-room .workspace-load-tab:not([aria-selected=true]):hover{background:#ffffff5c}.workspace-set:not(:has(>.workspace-tab[aria-selected=true])):hover>.workspace-tab{background:#ffffff5c}body.teacher-room .workspace-tab[aria-selected=true]{color:var(--room-heading);font-weight:600}body.teacher-room .workspace-load-tab[aria-selected=true]{background:var(--strip-sheet);z-index:1}.workspace-set:has(>.workspace-tab[aria-selected=true]){background:var(--strip-sheet);z-index:1}body.teacher-room .workspace-load-tab[aria-selected=true]:before,body.teacher-room .workspace-load-tab[aria-selected=true]:after{content:"";pointer-events:none;width:12px;height:12px;position:absolute;bottom:0}.workspace-set:has(>.workspace-tab[aria-selected=true]):before{content:"";pointer-events:none;width:12px;height:12px;position:absolute;bottom:0}.workspace-set:has(>.workspace-tab[aria-selected=true]):after{content:"";pointer-events:none;width:12px;height:12px;position:absolute;bottom:0}body.teacher-room .workspace-load-tab[aria-selected=true]:before{background:radial-gradient(circle at 0 0,transparent 11.5px,var(--strip-sheet) 12px);left:-12px}.workspace-set:has(>.workspace-tab[aria-selected=true]):before{background:radial-gradient(circle at 0 0,transparent 11.5px,var(--strip-sheet) 12px);left:-12px}body.teacher-room .workspace-load-tab[aria-selected=true]:after{background:radial-gradient(circle at 100% 0,transparent 11.5px,var(--strip-sheet) 12px);right:-12px}.workspace-set:has(>.workspace-tab[aria-selected=true]):after{background:radial-gradient(circle at 100% 0,transparent 11.5px,var(--strip-sheet) 12px);right:-12px}body.teacher-room .workspace-load-tab:first-child[aria-selected=true]:before{display:none}.workspace-set:first-child:has(>.workspace-tab[aria-selected=true]):before{display:none}.workspace-set:first-child,.workspace-set:first-child>.workspace-tab,body.teacher-room .workspace-load-tab:first-child{border-top-left-radius:0}.workspace-set>.workspace-tab:before,body.teacher-room .workspace-load-tab:not([aria-selected=true]):before{content:"";background:#c9b57a80;width:1px;height:18px;position:absolute;top:9px;left:0}.workspace-set:first-child>.workspace-tab:before,body.teacher-room .workspace-load-tab:first-child:before{display:none}.workspace-set:has(>.workspace-tab[aria-selected=true])>.workspace-tab:before{display:none}.workspace-set:has(>.workspace-tab[aria-selected=true])+.workspace-set>.workspace-tab:before{display:none}.workspace-set:has(>.workspace-tab[aria-selected=true])+.workspace-load-tab:before{display:none}.workspace-set:hover>.workspace-tab:before,.workspace-set:hover+.workspace-set>.workspace-tab:before,.workspace-set:hover+.workspace-load-tab:not([aria-selected=true]):before{opacity:0}.workspace-tab-draft{background:#d39a2a;border-radius:50%;flex:none;width:7px;height:7px;font-size:0;display:none;overflow:hidden}.workspace-tab.has-draft .workspace-tab-draft{display:block}.workspace-set-close{z-index:2;width:24px;height:24px;color:var(--room-muted);border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:50%;right:14px;translate:0 -50%}.workspace-set-close:hover,.workspace-set-close:focus-visible{color:var(--room-ink);background:#ead9a3}body.teacher-room .workspace-load-tab{height:36px;color:var(--room-muted);flex:none;margin-left:6px}body.teacher-room .workspace-load-tab:first-child{margin-left:0}body.teacher-room .workspace-load-tab[aria-selected=true]{color:var(--room-heading);font-weight:600}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tab-icon{display:none}.workspace-tab-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.workspace-tab:focus-visible{outline:2px solid var(--room-accent);outline-offset:-6px;border-radius:10px}.workspace-set-close>svg{fill:currentColor;width:18px;height:18px;display:block}.workspace-set-title-input{z-index:3;height:28px;color:var(--room-heading);background:#fff6d6;border:0;border-radius:8px;padding:2px 8px;font-size:14px;position:absolute;top:3px;left:8px;right:42px}.workspace-set.is-renaming .workspace-tab-label{visibility:hidden}body.teacher-room .workspace-load-tab svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:15px;height:15px}#undo-close-set{white-space:nowrap;margin-left:8px}.slide-position{font:13px var(--display);color:var(--room-muted);white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:6px}.filmstrip-scroll{gap:2px;display:flex}.filmstrip-scroll button{width:30px;height:30px;color:var(--room-ink);border-radius:8px;place-items:center;display:grid}.filmstrip-scroll button:not(:disabled):hover{background:#f6ecc9}.filmstrip-scroll button:disabled{opacity:.35}.filmstrip-scroll svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.question-filmstrip.is-empty .filmstrip-scroll,.question-filmstrip.is-empty .slide-position{display:none}.strip-drawer{background:var(--strip-sheet);flex:none}.filmstrip-track{box-sizing:border-box;height:calc(var(--strip-height) - 44px);gap:10px;min-height:0;padding:10px 14px 12px;display:flex}.strip-toggle{width:30px;height:30px;color:var(--room-ink);border-radius:8px;flex:none;place-items:center;margin-left:4px;display:grid}.strip-toggle:hover{background:#f6ecc9}.strip-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:rotate .34s cubic-bezier(.22,1,.36,1)}.strip-toggle[aria-expanded=false] svg{rotate:180deg}.question-filmstrip.is-empty .strip-toggle{display:none}.question-filmstrip:has(>.strip-drawer[data-expanded=false]) .filmstrip-scroll{display:none}.question-filmstrip .workspace-set:before,.question-filmstrip .workspace-set:after,body.teacher-room .question-filmstrip .workspace-load-tab[aria-selected=true]:before,body.teacher-room .question-filmstrip .workspace-load-tab[aria-selected=true]:after{transition:opacity .34s cubic-bezier(.22,1,.36,1)}.question-filmstrip:has(>.strip-drawer[data-expanded=false]) .workspace-set:before{opacity:0}.question-filmstrip:has(>.strip-drawer[data-expanded=false]) .workspace-set:after{opacity:0}body.teacher-room .question-filmstrip:has(>.strip-drawer[data-expanded=false]) .workspace-load-tab[aria-selected=true]:before{opacity:0}body.teacher-room .question-filmstrip:has(>.strip-drawer[data-expanded=false]) .workspace-load-tab[aria-selected=true]:after{opacity:0}.slide-list{scrollbar-width:thin;overscroll-behavior-x:contain;flex:1;gap:10px;min-width:0;margin:0;padding:0 0 2px;list-style:none;display:flex;overflow:auto hidden}.slide-list.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.slide-list>li{flex:0 0 186px;display:flex}.question-slide{text-align:left;background:#fffdf4b8;border:1px solid #e9dba9;border-radius:12px;flex-direction:column;gap:5px;width:100%;padding:10px 12px;transition:background .18s,border-color .18s;display:flex}.question-slide:hover{background:#fffbea}.question-slide:focus-visible{outline:2px solid var(--room-accent);outline-offset:2px}.slide-head{font:12px var(--display);letter-spacing:.04em;color:var(--room-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.slide-status{font:12px var(--sans);letter-spacing:0;white-space:nowrap}.slide-status[data-kind=live]{color:var(--live)}.slide-status[data-kind=asked]{color:var(--ok)}.slide-status[data-kind=selected],.slide-status[data-kind=draft]{color:var(--room-accent)}.slide-prompt{color:var(--room-ink);-webkit-line-clamp:2;word-break:keep-all;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.question-slide.is-asked{background:#fffdf47a;border-color:#e9dba980}.question-slide.is-asked .slide-prompt{color:var(--room-muted)}.question-slide[aria-pressed=true]{background:#fffbe9;border:2px solid #d3a41f;padding:9px 11px}.question-slide.is-live{background:#fff6f0;border:2px solid #e39a7f;padding:9px 11px}.slide-new{color:var(--room-accent);background:#fffdf452;border:1px dashed #d8c48b;border-radius:12px;flex-direction:column;flex:0 0 108px;justify-content:center;align-items:center;gap:2px;font-size:13px;display:flex}.slide-new>span:first-child{font-size:22px;line-height:1}.slide-new:hover,.slide-new[aria-pressed=true]{background:#fff7dc}.filmstrip-empty{color:var(--room-muted);border:1px dashed #dccb91;border-radius:12px;flex:1;align-items:center;margin:0;padding:0 18px;font-size:13px;display:flex}.quiz-set-menu.experiment-acrylic{z-index:60;--acrylic-start:#fffdf2ee;--acrylic-end:#fff9e9ee;--acrylic-edge:#fffdf5;--acrylic-fallback:#fff9eb;--acrylic-shadow:#55432524;border-radius:12px;width:204px;max-width:calc(100vw - 16px);padding:6px;position:fixed}.quiz-set-menu button{text-align:left;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:40px;padding:8px 11px;font-size:14px;display:flex}.quiz-set-menu button>span{font:17px/1 var(--sans);color:#9b8040;text-align:center;width:19px}.quiz-set-menu button:hover:not(:disabled),.quiz-set-menu button:focus-visible{background:#e9d69345;outline:none}.quiz-set-menu button:disabled{opacity:.4}.quiz-set-menu button:last-child{border-top:1px solid #a48c4930;border-radius:0 0 8px 8px;margin-top:4px;padding-top:12px}body.teacher-room .set-loader{flex-direction:column;gap:18px;display:flex}.loader-heading{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.loader-heading h3{font:29px/1.3 var(--friendly);color:var(--room-heading);margin:0 auto 0 0}.loader-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.loader-hint{color:var(--room-muted);margin:-6px 0 0;font-size:13px}.loader-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;display:grid}.loader-catalog{flex-direction:column;gap:12px;min-width:0;display:flex}.collection-filters{gap:8px;display:flex}.search-field{height:44px;color:var(--room-muted);background:#fffdf5c9;border:1px solid #eadcaa;border-radius:12px;flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.search-field svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;flex:none;width:16px;height:16px}body.teacher-room .search-field input{min-width:0;box-shadow:none;color:var(--room-ink);background:0 0;border:0;flex:1;padding:0;font-size:14px}.collection-filters select{height:44px;color:var(--room-ink);font:inherit;background:#fffdf5c9;border:1px solid #eadcaa;border-radius:12px;padding:0 10px;font-size:14px}.grade-chips{flex-wrap:wrap;gap:6px;display:flex}.grade-chips button{height:32px;color:var(--room-muted);background:#fffdf5c9;border:1px solid #eadcaa;border-radius:999px;padding:0 14px;font-size:13px}@media (hover:hover){.grade-chips button:hover,.unit-row-open:hover{background:#fffbea}}.grade-chips button[aria-pressed=true]{color:var(--room-heading);background:#f8e6a6;border-color:#d3a41f;font-weight:600}.unit-catalog{flex-direction:column;gap:14px;display:flex}.unit-group-title{font:600 12px/1.6 var(--sans);color:var(--room-muted);margin:0 0 2px;padding:0 12px}.unit-rows{margin:0;padding:0;list-style:none}.unit-row{border-radius:10px;align-items:center;display:flex}.unit-row+.unit-row{margin-top:2px}.unit-row-open{text-align:left;border-radius:10px;flex:1;align-items:center;gap:12px;min-width:0;min-height:46px;padding:9px 12px;display:flex}.unit-row-open:focus-visible{outline:2px solid var(--room-accent);outline-offset:-2px}.unit-row.is-active{background:#f8e6a6}.unit-row.is-active .unit-row-open:hover{background:0 0}.unit-row-title{min-width:0;font:18px/1.4 var(--friendly);color:var(--room-heading);overflow-wrap:anywhere;flex:1}.unit-row-meta{color:var(--room-muted);white-space:nowrap;flex:none;font-size:12px}.unit-row-status{color:var(--room-accent);white-space:nowrap;flex:none;font-size:12px;font-weight:600}.unit-row-status:empty,.unit-row.is-selected .unit-row-meta{display:none}.unit-row-remove{color:var(--room-accent);flex:none;margin-right:10px;padding:4px 2px;font-size:12px}.unit-row-remove:hover{text-underline-offset:4px;text-decoration:underline}.loader-legacy{margin:0}.legacy-set-card{text-align:left;background:#fffdf3a8;border:1px solid #e3d29a;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 18px;display:flex}.legacy-set-card>span:first-child{gap:2px;min-width:0;display:grid}.legacy-set-card strong{font:18px/1.4 var(--friendly);color:var(--room-heading);overflow-wrap:anywhere;font-weight:400}.legacy-set-card span span,.legacy-set-card>span:last-child{color:var(--room-muted);font-size:12px}.legacy-set-card:hover{background:#fffbea}.bank-dropzone{text-align:left;background:#fffdf452;border:1px dashed #d8c48b;border-radius:16px;align-items:center;width:100%;padding:16px 20px;transition:background .18s,border-color .18s;display:flex}.bank-dropzone:hover{background:#fffbea}.bank-dropzone.is-dragging{background:#fff0becc;border-style:solid;border-color:#c9a44a}.bank-dropzone.has-error{background:#fff2e97d;border-color:#c98a6a}.bank-drop-copy{gap:3px;display:grid}.bank-drop-copy strong{font:16px/1.4 var(--friendly);color:var(--room-heading);font-weight:400}.bank-drop-copy>span{color:var(--room-muted);font-size:12px;line-height:1.6}.bank-drop-note{color:var(--room-muted);opacity:.85;margin-top:2px;font-size:11px;line-height:1.5}.bank-drop-message{color:var(--room-muted);margin:0;font-size:13px}.bank-drop-message.error{color:#a05738}.collection-detail{border-left:1px solid var(--room-edge);flex-direction:column;align-self:start;min-width:0;min-height:0;padding-left:28px;display:flex;position:sticky;top:0}.collection-detail-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.detail-label{color:var(--room-muted);font-size:12px}.collection-detail-heading h3{font:21px/1.35 var(--friendly);color:var(--room-heading);margin:2px 0 0}.collection-description{color:var(--room-muted);margin:4px 0 0;font-size:13px;line-height:1.6}.collection-detail-heading>div:first-child{flex:1;min-width:0}.range-shortcuts{flex:none;gap:14px;display:flex}.range-shortcuts button{white-space:nowrap;color:var(--room-accent);font-size:13px}.range-shortcuts button:hover{text-underline-offset:4px;text-decoration:underline}.collection-topics{border:0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:24px;min-width:0;margin:0;padding:0;display:grid}.topic-choice{border-top:1px solid var(--room-edge);min-height:46px;color:var(--room-ink);cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.topic-choice input{accent-color:#8a6a2e;flex:none;width:18px;height:18px;margin:0}.topic-choice:not(:has(input:checked)){color:var(--room-muted)}.topic-choice-count{color:var(--room-muted);white-space:nowrap;margin-left:auto;font-size:12px}.collection-topics.is-grouped{flex-direction:column;gap:14px;display:flex}.topic-group{border:0;min-width:0;margin:0;padding:0}.topic-group legend{width:100%;padding:0 0 4px}.topic-group-heading{min-height:26px;font:17px/1.5 var(--friendly);color:var(--room-heading);cursor:pointer;align-items:center;gap:10px;display:flex}.topic-group-heading input{width:18px;height:18px;accent-color:var(--room-accent);flex:none;margin:0}.topic-group-count{font:12px/1.5 var(--sans);color:var(--room-muted);margin-left:auto}.topic-group-options{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.topic-group-options .topic-choice{min-height:44px}.collection-detail-footer{align-items:center;gap:14px;margin-top:auto;padding-top:18px;display:flex}.collection-detail-footer>div{flex:1}.collection-detail-footer strong{font:600 16px var(--sans);color:var(--room-heading)}.collection-detail-footer p{color:var(--room-muted);margin:2px 0 0;font-size:13px}.combine-sets{z-index:3;background:#fff9e9f2;border-top:1px solid #e3cf8c;margin:0 -32px -24px;padding:16px 32px 20px;position:sticky;bottom:-24px}.combine-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.combine-heading strong{color:var(--room-heading);font-size:15px}.combine-heading strong.error{color:#9b492e}.combine-heading p{color:var(--room-muted);margin:2px 0 0;font-size:13px}.combine-selected{flex-wrap:wrap;gap:6px;margin:10px 0;padding:0;list-style:none;display:flex}.combine-selected:empty{display:none}.combine-selected li{background:#fff3c7;border:1px solid #efcf68;border-radius:9px;align-items:center;gap:8px;height:32px;padding:0 6px 0 12px;font-size:13px;display:flex}.combine-selected button{border-radius:6px;width:24px;height:24px;font-size:16px;line-height:1}.combine-actions{align-items:flex-end;gap:12px;margin-top:10px;display:flex}.combine-actions label{color:var(--room-muted);flex:1;gap:6px;font-size:13px;display:grid}body.teacher-room .combine-actions input{background:#fffdf5;border:1px solid #e3d29a;border-radius:12px;height:42px;padding:0 12px;font-size:14px}body.teacher-room .class-grid.finished{grid-template-rows:minmax(0,1fr);grid-template-areas:"main readout"}body.teacher-room .class-grid.finished .class-main{flex-direction:column;align-items:stretch;gap:0;display:flex}body.teacher-room .class-grid.finished .question-stage.experiment-acrylic{border-radius:24px 0 0 24px;min-height:0}body.teacher-room .page-notice{z-index:40;color:#fffbea;pointer-events:none;background:#423a24eb;border-radius:12px;margin:0;padding:10px 16px;font-size:13px;position:fixed;bottom:32px;left:50%;translate:-50%;box-shadow:0 8px 24px #3b2f1033}@media (height<=780px){body.teacher-room{--strip-height:142px}body.teacher-room .quiz-shell{padding:10px 0 12px}body.teacher-room #classroom{gap:10px}body.teacher-room .question-filmstrip{margin-bottom:10px}body.teacher-room .workspace-page,body.teacher-room .question-stage.experiment-acrylic{padding:20px 28px 18px}body.teacher-room .stage-prompt,body.teacher-room .question-prompt{margin:10px 0 16px;font-size:27px}.stage-title-row{margin:10px 0 16px}body.teacher-room .ready-options li,body.teacher-room .answer-option,body.teacher-room .option-row{min-height:62px;padding-top:10px;padding-bottom:10px;font-size:16px}.stage-controls{margin-top:14px}.readout-body{gap:12px;padding:18px 20px 12px}.readout-big strong{font-size:40px}.question-slide{padding:8px 11px}.filmstrip-heading{height:42px}.filmstrip-track{height:calc(var(--strip-height) - 42px)}body.teacher-room #workspace-edit{padding-top:14px;padding-bottom:12px}body.teacher-room #workspace-edit .option-row{min-height:46px;padding-top:6px;padding-bottom:6px}body.teacher-room #prompt{min-height:50px;padding:9px 14px;font-size:20px}body.teacher-room #question-explanation{min-height:42px;padding:8px 12px}body.teacher-room #question-source{height:42px}body.teacher-room #set-name{height:34px;font-size:17px}.answer-fields{margin-top:8px}.paste-banner{margin-bottom:8px;padding:6px 12px}body.teacher-room #workspace-edit .stage-controls{margin-top:10px;padding:8px 10px}body.teacher-room #workspace-edit .controls-main>.primary-button{min-height:46px}}@media (width<=1180px){body.teacher-room .class-grid{grid-template-columns:minmax(0,1fr) 272px}body.teacher-room .quiz-shell{width:calc(100% - 32px)}.room-state{display:none}.loader-body{grid-template-columns:minmax(0,1fr)}.collection-detail{border-left:0;border-top:1px solid var(--room-edge);padding:18px 0 0;position:static}}@media (width<=760px){body.teacher-room{height:auto;min-height:100dvh;overflow:visible}body.teacher-room .quiz-shell{width:calc(100% - 24px);padding:10px 0 20px}body.teacher-room #classroom{flex-direction:column;gap:10px;display:flex}body.teacher-room .teacher-bar.experiment-acrylic{border-radius:16px;flex-wrap:wrap;gap:8px 10px;padding:10px 12px}body.teacher-room .teacher-brand .quiz-brand-type{font-size:22px}.teacher-bar .bar-spacer{display:none}.teacher-bar .teacher-brand{margin-right:auto}#teacher-guide{display:none}.code-chip{flex:100%;order:3;justify-content:space-between}.people-chip{order:4}.bar-retry{order:5}body.teacher-room .people-panel.experiment-acrylic{width:100%;left:0}.people-panel .roster{grid-template-columns:repeat(2,minmax(0,1fr))}body.teacher-room .class-grid,body.teacher-room .class-grid.is-picking,body.teacher-room .class-grid.finished{flex-direction:column;gap:0;display:flex}body.teacher-room .teacher-workspace.experiment-acrylic,body.teacher-room .question-stage.experiment-acrylic{border-radius:20px 20px 0 0;flex:none}body.teacher-room .class-grid.is-picking .teacher-workspace.experiment-acrylic{border-radius:20px}body.teacher-room .workspace-viewport{flex:none}body.teacher-room .workspace-page{padding:18px 16px 16px;position:relative;inset:auto;overflow:visible}body.teacher-room .question-stage.experiment-acrylic{padding:18px 16px 16px;overflow:visible}body.teacher-room .stage-prompt,body.teacher-room .question-prompt{font-size:23px}body.teacher-room .ready-options,body.teacher-room .answer-options,body.teacher-room .option-editor{grid-template-columns:minmax(0,1fr);gap:8px}body.teacher-room .ready-options li,body.teacher-room .answer-option,body.teacher-room .option-row{min-height:56px;padding:10px 14px;font-size:16px}.stage-controls{grid-template-columns:minmax(0,1fr) auto}.stage-controls .controls-main{order:9;grid-column:1/-1}body.teacher-room .controls-main>.primary-button{width:100%;min-width:0}.stage-controls .controls-side:empty{display:none}.controls-note{white-space:normal}.answer-fields{grid-template-columns:minmax(0,1fr)}.set-name-row{flex-wrap:wrap}.set-count{width:100%;margin-left:0}.paste-banner{flex-wrap:wrap}.paste-banner .text-button{margin-left:0}.stage-head{flex-wrap:wrap}body.teacher-room .teacher-readout.experiment-acrylic{border-left-color:#fffdf3d9;border-top-color:var(--room-edge);border-radius:0 0 20px 20px}.readout-body{padding:18px 16px 12px;overflow:visible}.readout-foot{padding:6px 16px 16px}body.teacher-room .question-filmstrip{margin-bottom:10px}body.teacher-room .filmstrip-track{padding:10px}.filmstrip-scroll{display:none}body.teacher-room .workspace-load-tab .workspace-tab-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body.teacher-room .workspace-load-tab{padding:0 14px}.slide-position{display:none}.strip-save{margin-left:4px;padding:0 10px}.slide-list>li{flex-basis:150px}.slide-new{flex-basis:84px}.loader-heading h3{flex-basis:100%;font-size:25px}.collection-topics,.topic-group-options{grid-template-columns:minmax(0,1fr)}.collection-detail-footer{flex-wrap:wrap}.collection-detail-footer .primary-button{flex:100%}.combine-sets{margin:0 -16px -16px;padding:14px 16px 16px;bottom:0}.combine-actions{flex-wrap:wrap}body.teacher-room .page-notice{bottom:20px}}@media (prefers-reduced-motion:reduce){.has-distribution .teacher-answer-gauge,.readout-meter i,.switch-field input,.switch-field input:after,.people-chip .member-chevron{transition:none}}body[data-scene=teacher][data-screen=classroom] .scene-teacher{background-image:url(/static/quiz-teacher-workroom-v1-FOb3gx5M.webp)}body .experiment-acrylic.quiz-frozen-acrylic,body:is([data-scene=teacher],[data-scene=student]) .quiz-shell .experiment-acrylic.quiz-frozen-acrylic{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.quiz-frozen-acrylic{position:relative}body.teacher-studio .final-bar.experiment-acrylic.quiz-frozen-acrylic{position:relative;bottom:auto;left:auto}.quiz-frozen-acrylic:before{transform:none}body .quiz-frozen-acrylic:before{-webkit-backdrop-filter:none;backdrop-filter:none}.quiz-frozen-acrylic>.quiz-acrylic-sample{border-radius:inherit;contain:paint;overflow:hidden}body:is([data-scene=teacher],[data-scene=student]) .quiz-shell .quiz-frozen-acrylic{--acrylic-blur:blur(14px) saturate(105%)}body[data-entry-mode=join] .entry-form,.student-menu-content,.answer-toast,.usage-guide::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}