:root{color-scheme:light;--bg: #f4efe4;--stage: #ece5d6;--surface: #fffefa;--surface-2: #f7f3ea;--text: #172033;--muted: #5b6672;--faint: #8c97a1;--accent: #126c63;--accent-ink: #ffffff;--accent-soft: #e8f6f3;--accent-soft-ink: #064a43;--eyebrow: #7c5b27;--gold: #c98a16;--gold-soft: #fbf0d6;--border: #d9d0bf;--border-2: #c8d1d9;--line: #e7dfd0;--correct-bg: #def7ec;--correct-border: #84e1bc;--correct-ink: #03543f;--support-bg: #eaf2fb;--support-border: #b6d3f2;--support-ink: #1c4e80;--shadow: 0 18px 40px -22px rgb(23 32 51 / 45%);--radius: 16px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;touch-action:manipulation}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #0b0f14;--stage: #11161d;--surface: #1d242c;--surface-2: #161c23;--text: #edf3f1;--muted: #a9b6bf;--faint: #7f8c95;--accent: #28b09f;--accent-ink: #061110;--accent-soft: #123d39;--accent-soft-ink: #defaf5;--eyebrow: #d9b878;--gold: #e7b54e;--gold-soft: #2c2412;--border: #394653;--border-2: #394653;--line: #28323c;--correct-bg: #123d39;--correct-border: #28b09f;--correct-ink: #c7f7ee;--support-bg: #15263a;--support-border: #2c4a6e;--support-ink: #bcd8f6;--shadow: 0 18px 40px -20px rgb(0 0 0 / 70%)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}.studentShell{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-width:620px;margin:0 auto;width:100%}.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:900;font-size:1.1rem;letter-spacing:-.01em}.brand .dot{color:var(--accent)}.appbar .phase{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--eyebrow);border:1px solid var(--border);border-radius:999px;padding:4px 11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}h1{font-size:1.35rem;margin:0;letter-spacing:-.01em}h2{font-size:1.1rem;margin:0 0 6px}label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.84rem;color:var(--muted)}input[type=text],input[type=number],input:not([type]),textarea{background:var(--surface-2);border:1px solid var(--border-2);border-radius:12px;padding:12px 14px;font-size:1rem;color:var(--text);width:100%}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}textarea{resize:vertical;min-height:92px}button{cursor:pointer;border-radius:12px;border:1px solid var(--border-2);background:var(--surface);font-weight:700;padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .06s ease,background .15s ease,border-color .15s ease}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);width:100%;padding:14px 16px;font-size:1.02rem}.lobby{display:flex;flex-direction:column;gap:14px}.lobby .hello{text-align:center;padding:8px 0 2px}.lobby .hello p{color:var(--muted);margin:6px 0 0}.confirmName{display:flex;flex-direction:column;gap:4px;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px solid var(--correct-border);border-radius:12px;padding:14px}.confirmName span{font-weight:800;font-size:1.05rem}.confirmName small{color:inherit;opacity:.85}.history{margin-top:4px}.history h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint)}.historyList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.historyItem{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:10px 13px}.historyItem .label{font-weight:700}.historyItem .meta{color:var(--faint);font-size:.8rem}.history .clear{background:none;border:none;color:var(--faint);padding:6px;font-size:.78rem;align-self:flex-start}.ambient{display:flex;flex-direction:column;gap:14px;flex:1}.ambientHead{text-align:center;padding:12px 0}.ambientHead .message{color:var(--muted);font-size:1.05rem;margin:8px 0 0;line-height:1.5}.ambientHead .pulseRing{width:64px;height:64px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border:1px solid var(--correct-border)}.ambientActions{display:grid;gap:12px}@media(min-width:720px){.ambientActions{grid-template-columns:1fr 1fr;align-items:start}}.moodGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.moodGrid button{padding:14px 12px}.moodGrid button.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.questionComposer{display:flex;flex-direction:column;gap:10px}.sectionTitle{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);font-weight:900;margin:2px}.standby{display:grid;place-items:center;gap:14px;text-align:center;flex:1;color:var(--muted);padding:40px 0}.spin{animation:spin 1.1s linear infinite;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.spotlight{display:flex;flex-direction:column;gap:14px;flex:1}.prompt{display:flex;gap:10px;align-items:flex-start}.prompt svg{color:var(--accent);flex:none;margin-top:2px}.prompt p{margin:0;font-size:1.12rem;line-height:1.45;font-weight:600}.optionList{display:grid;gap:10px}@media(min-width:720px){.optionList.mcq{grid-template-columns:1fr 1fr}}.optionList button{width:100%;text-align:left;justify-content:flex-start;padding:15px 16px;font-size:1.02rem}.optionList button.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.inputRow{display:flex;flex-direction:column;gap:10px}.sliderValue{text-align:center;font-size:1.4rem;font-weight:800;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.lockChip{display:inline-flex;align-self:flex-start;gap:8px;align-items:center;background:var(--surface-2);border:1px solid var(--border-2);border-radius:999px;padding:8px 14px;font-weight:700;color:var(--muted);font-size:.9rem}.lockChip.paused{background:var(--gold-soft);border-color:var(--gold);color:var(--eyebrow)}.reveal{border-radius:var(--radius);padding:20px;text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;border:1px solid var(--border)}.reveal .icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%}.reveal strong{font-size:1.2rem}.reveal .answer{color:var(--muted)}.reveal.correct{background:var(--correct-bg);border-color:var(--correct-border);color:var(--correct-ink)}.reveal.correct .icon{background:var(--correct-border);color:var(--correct-ink);animation:pop .5s ease}.reveal.incorrect{background:var(--support-bg);border-color:var(--support-border);color:var(--support-ink)}.reveal.incorrect .icon{background:var(--support-border);color:var(--support-ink)}.reveal.unanswered{background:var(--surface-2)}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.confetti i{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.9}}.resource{display:flex;flex-direction:column;gap:10px;flex:1}.resourceFrame{width:100%;min-height:420px;flex:1;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.resourceOpen{align-self:center;color:var(--accent);font-weight:700;text-decoration:none}.touchStage{position:relative;border-radius:12px;overflow:hidden;border:1px solid var(--border);touch-action:none}.touchStage img{width:100%;display:block}.touchStage.paused img{filter:grayscale(.5) brightness(.85)}.touchStage .freeze,.freezeNote{position:absolute;inset:auto 0 0;text-align:center;padding:8px;background:#0000008c;color:#fff;font-weight:700}.touchStage .answer{position:absolute;transform:translate(-50%,-50%);border:3px solid var(--gold);border-radius:50%;background:#c98a1640}.statusControls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.statusControls button{flex-direction:column;gap:4px;font-size:.8rem;text-transform:capitalize;padding:10px 6px}.statusControls button.selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.closedBanner{display:flex;gap:10px;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent-soft-ink);border:1px solid var(--correct-border);border-radius:12px;padding:12px;font-weight:700}.notice{color:var(--faint);font-size:.82rem;text-align:center;margin:4px 0 0;min-height:1.1em}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.confetti{display:none}}