:root{--bg: #f4f6f8;--surface: #ffffff;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--primary: #0f172a;--primary-pressed: #020617;--primary-soft: #e8eef5;--accent: #0f766e;--success: #047857;--danger: #b91c1c;--destructive: var(--danger);--rating-1: #ef4444;--rating-2: #f97316;--rating-3: #84cc16;--rating-4: #22c55e;--rating-ink: var(--text);--rating-ink-on-color: #ffffff;--destructive-subtle: #fde8e8;--warning-subtle: #fff4d6;--success-subtle: #e4f4ea;--warning-ink: #92400e;--almost-ink: #3f6212;--font-ui: "DM Sans", system-ui, sans-serif;--font-content: "Source Serif 4", Georgia, "Times New Roman", serif;--font-card: "Source Serif 4", Georgia, "Times New Roman", serif;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-17: 17px;--fs-18: 18px;--fs-24: 24px;--fs-26: 26px;--fs-28: 28px;--fs-32: 32px;--fw-400: 400;--fw-500: 500;--fw-600: 600;--fw-700: 700;--prompt-size: 23px;--answer-size: 19px;--fg: var(--text);--fg-muted: var(--text-muted);--primary-fg: var(--surface);--keyboard-height: 0px;--radius-sm: 8px;--radius-toolbar: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-control: 12px;--radius-card: 20px;--radius-sheet: 28px;--radius-pill: 999px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--card-max-width: 360px;--card-height: 480px;--card-ratio: 3 / 4;--dur-flip: .2s;--dur-rate-hold: .15s;--ease-flip: ease-in-out;--swipe-commit-px: 80;--swipe-commit-v: .35;--press-scale: .96;--min-tap: 56px;--theme: #0f172a;--splash: #f4f6f8;--shadow-card: 0 12px 32px color-mix(in srgb, var(--text) 6%, transparent);--shadow-study: 0 4px 16px rgb(0 0 0 / 6%);--study-card-max: 720px;--study-card-min-h: 360px;--study-header-h: 64px;--flash-accent-h: 4px;--chip: 20px;--chip-roomy: 24px;--chip-compact: 16px;--chip-radius: 4px;--chip-gap: 8px;--chip-grow: 6px;--chip-tick: 2px;--teacher-max: 800px;--teacher-wide: 1280px;--teacher-bar-h: 56px;--teacher-code-size: 40px;--heat: var(--accent);--heat-track: var(--primary-soft)}.study-stage{width:min(var(--card-max-width),calc(100vw - 32px));height:min(var(--card-height),calc(100dvh - 260px));aspect-ratio:var(--card-ratio);margin-inline:auto;touch-action:pan-y;perspective:1200px;transform-style:preserve-3d}.study-track{height:100%;transform-style:preserve-3d;will-change:transform}.flash-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--dur-flip) var(--ease-flip)}.flash-card.is-flipped{transform:rotateY(180deg)}.flash-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:var(--space-32);overflow:hidden;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flash-accent{position:absolute;top:0;right:0;left:0;height:var(--flash-accent-h);background:color-mix(in srgb,var(--border) 70%,transparent)}.flash-accent[data-score="1"]{background:var(--rating-1)}.flash-accent[data-score="2"]{background:var(--rating-2)}.flash-accent[data-score="3"]{background:var(--rating-3)}.flash-accent[data-score="4"]{background:var(--rating-4)}.deck-chips{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:var(--chip-gap);width:min(var(--card-max-width),calc(100vw - 32px));margin:var(--space-12) auto 0;padding-bottom:8px;overflow-x:auto}.deck-chips.is-compact{flex-wrap:wrap}.deck-chip{position:relative;width:var(--chip);height:var(--chip);flex:0 0 auto;padding:0;border-radius:var(--chip-radius);border:1px solid var(--border);background:var(--border)}.deck-chips.is-roomy .deck-chip{width:var(--chip-roomy);height:var(--chip-roomy)}.deck-chips.is-compact .deck-chip{width:var(--chip-compact);height:var(--chip-compact)}.deck-chip[data-score="1"]{background:var(--rating-1);border-color:transparent}.deck-chip[data-score="2"]{background:var(--rating-2);border-color:transparent}.deck-chip[data-score="3"]{background:var(--rating-3);border-color:transparent}.deck-chip[data-score="4"]{background:var(--rating-4);border-color:transparent}.deck-chip[data-current="1"]{height:calc(var(--chip) + var(--chip-grow))}.deck-chips.is-roomy .deck-chip[data-current="1"]{height:calc(var(--chip-roomy) + var(--chip-grow))}.deck-chips.is-compact .deck-chip[data-current="1"]{height:calc(var(--chip-compact) + var(--chip-grow))}.deck-chip[data-current="1"]:after{content:"";position:absolute;left:50%;bottom:calc(-1 * (var(--chip-tick) + 2px));width:100%;height:var(--chip-tick);transform:translate(-50%);background:var(--primary);border-radius:1px}.flash-face .card-marks-chip{position:absolute;top:var(--space-16);right:var(--space-16)}.flash-tap-hint{position:absolute;right:var(--space-16);bottom:var(--space-16);margin:0;font-family:var(--font-ui);font-size:var(--fs-12);font-weight:var(--fw-600);color:var(--text-muted)}.flash-face-back{transform:rotateY(180deg)}.flash-kicker{font-family:var(--font-ui);font-size:var(--fs-12);font-weight:var(--fw-600);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--space-12)}.flash-prompt{font-family:var(--font-content);font-size:var(--prompt-size);font-weight:var(--fw-600);line-height:1.35;color:var(--text);margin:0;white-space:pre-wrap}.flash-answer{font-family:var(--font-content);font-size:var(--answer-size);font-weight:var(--fw-400);line-height:1.45;color:var(--text);margin:0;overflow:auto}.flash-answer ul,.flash-answer ol,.card-rt-editor ul,.card-rt-editor ol{margin:0;padding-left:20px}.flash-answer ul,.card-rt-editor ul{list-style:disc}.flash-answer ol,.card-rt-editor ol{list-style:decimal}.flash-answer li,.card-rt-editor li,.flash-answer p,.card-rt-editor p{margin:0 0 8px}.flash-answer b,.flash-answer strong{font-weight:var(--fw-700)}.flash-answer i,.flash-answer em{font-style:italic}.flash-answer u{text-decoration:underline}.rating-pad-lead{margin:0 0 var(--space-8);color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-600);letter-spacing:.06em;text-align:center;text-transform:uppercase}.rating-pad-row{display:flex;width:100%;gap:var(--space-8)}.rating-pad.is-reserved{visibility:hidden}.rating-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:var(--min-tap);border:0;border-radius:var(--radius-control);font-weight:var(--fw-700);color:var(--rating-ink-on-color);transition:transform .12s ease}.rating-btn:active{transform:scale(var(--press-scale))}.rating-btn.is-selected{box-shadow:0 0 0 2px var(--text)}.rating-label{font-size:var(--fs-12);font-weight:var(--fw-600);line-height:1;text-align:center}.rating-1{background:var(--rating-1)}.rating-2{background:var(--rating-2)}.rating-3{background:var(--rating-3);color:var(--rating-ink)}.rating-4{background:var(--rating-4)}.rating-name{font-size:var(--fs-12);font-weight:var(--fw-600);line-height:1.2;text-align:center}.rating-key{font-size:var(--fs-12);font-weight:var(--fw-400);opacity:.9}.study-body{display:flex;flex:1;flex-direction:column;padding:0 var(--space-16) var(--space-24)}.study-rating-slot{min-height:108px;margin-top:auto;padding-top:var(--space-16)}.study-breakdown{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-16) 0 0;padding:0;list-style:none;text-align:left}.study-breakdown li{display:flex;justify-content:space-between;color:var(--text);font-size:var(--fs-14)}@media(min-width:1024px){.study-page.is-desktop{overflow:hidden}.study-desktop-bar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:var(--study-header-h) 4px;align-items:center;-moz-column-gap:var(--space-12);column-gap:var(--space-12);height:calc(var(--study-header-h) + 4px);padding:0 var(--space-24);background:var(--bg);border-bottom:0}.study-exit{width:40px;height:40px;border:0;background:transparent;color:var(--text);font-size:var(--fs-18);cursor:pointer}.study-desktop-title{min-width:0;text-align:center}.study-desktop-title h1{margin:0;overflow:hidden;color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-700);text-overflow:ellipsis;white-space:nowrap}.study-desktop-title p{margin:0;color:var(--text-muted);font-size:var(--fs-12)}.study-desktop-meta{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.study-count{color:var(--text);font-size:var(--fs-14);font-weight:var(--fw-600)}.study-timer{color:var(--text-muted);font-size:var(--fs-12)}.study-progress-bar{position:relative;grid-column:1 / -1;grid-row:2;height:4px;overflow:hidden;background:var(--primary-soft)}.study-progress-fill{position:absolute;inset:0 auto 0 0;background:var(--primary)}.study-progress-segs{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.study-progress-seg{flex:1;background:transparent}.study-progress-seg[data-score="1"]{background:var(--rating-1)}.study-progress-seg[data-score="2"]{background:var(--rating-2)}.study-progress-seg[data-score="3"]{background:var(--rating-3)}.study-progress-seg[data-score="4"]{background:var(--rating-4)}.study-progress-seg[data-current="1"]{box-shadow:inset 0 0 0 1px var(--primary)}.study-body{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:var(--space-24);overflow:hidden}.study-page.is-desktop .study-stage{width:min(var(--study-card-max),90vw);height:auto;min-height:var(--study-card-min-h);max-height:70vh;aspect-ratio:auto;margin:0;perspective:none;touch-action:auto}.study-page.is-desktop .study-track{height:auto;transform:none;transform-style:flat}.flash-card-desktop{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;min-height:var(--study-card-min-h);max-height:70vh;padding:48px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-study);cursor:pointer;transition:min-height var(--dur-flip) ease,height var(--dur-flip) ease}.flash-card-desktop.is-flipped{justify-content:flex-start}.flash-card-desktop.is-flipped .flash-prompt{padding-bottom:var(--space-12);border-bottom:1px solid var(--border)}.flash-card-desktop:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.flash-card-desktop .flash-prompt{max-width:60ch;margin:0 auto;font-size:var(--fs-24);font-weight:var(--fw-600);line-height:1.4;text-align:center}.flash-card-desktop .card-marks-chip{position:absolute;top:var(--space-16);right:var(--space-16)}.flash-answer-reveal{max-width:60ch;max-height:40vh;margin:var(--space-24) auto 0;overflow:auto;animation:study-answer-in var(--dur-flip) ease}.flash-card-desktop .flash-answer{font-size:var(--fs-18);line-height:1.6;text-align:left}.study-show-answer{margin-top:var(--space-16);min-height:40px;border:0;background:transparent;color:var(--primary);font-size:var(--fs-14);font-weight:var(--fw-600);cursor:pointer}.study-show-answer.is-spent{visibility:hidden;pointer-events:none}.study-page.is-desktop .rating-pad-row{justify-content:center}.study-page.is-desktop .rating-btn{width:160px;flex:0 0 160px;color:var(--text)}.study-page.is-desktop .rating-1{background:var(--destructive-subtle);color:var(--danger)}.study-page.is-desktop .rating-2{background:var(--warning-subtle);color:var(--warning-ink)}.study-page.is-desktop .rating-3{background:var(--warning-subtle);color:var(--almost-ink)}.study-page.is-desktop .rating-4{background:var(--success-subtle);color:var(--success)}.study-keys{margin:var(--space-12) 0 0;color:var(--text-muted);font-size:13px;text-align:center}}@keyframes study-answer-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.flash-card,.flash-answer-reveal{animation:none;transition:none}}.teacher-app{min-height:100dvh;background:var(--bg);color:var(--text)}.teacher-bar{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:var(--teacher-bar-h);padding:var(--space-8) var(--space-16);border-bottom:1px solid var(--border);background:var(--surface)}@media(min-width:640px){.teacher-bar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.teacher-bar-brand{justify-self:start}.teacher-bar-nav{justify-self:center}.teacher-bar-end{justify-self:end}}@media(min-width:1024px){.teacher-bar{padding-inline:var(--space-32)}}.teacher-bar-brand{min-width:0}.teacher-bar-mark{display:inline-block;margin:0;font-size:var(--fs-14);font-weight:var(--fw-600);letter-spacing:0;font-variant:normal;text-transform:none;color:var(--primary);white-space:nowrap;text-decoration:none}.teacher-bar-school{margin:2px 0 0;color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-bar-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-12);font-size:var(--fs-14);min-width:0}.teacher-sign-out{flex-shrink:0}.teacher-nav-link{display:inline-flex;align-items:center;min-height:44px;color:color-mix(in srgb,var(--text) 70%,var(--text-muted));white-space:nowrap;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-decoration:none}.teacher-nav-join{color:var(--primary)}.teacher-nav-join:hover,.teacher-nav-join:focus-visible{text-decoration:underline}.teacher-nav-link.is-current{color:var(--fg);font-weight:var(--fw-600);box-shadow:inset 0 -2px 0 var(--primary)}.teacher-bar-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-8);min-width:0}.teacher-bar-new{flex-shrink:0;height:40px;min-height:40px;padding:0 var(--space-12);border-radius:var(--radius-md);font-size:var(--fs-14)}.teacher-bar-help{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:0;border-radius:var(--radius-md);background:var(--primary-soft);color:var(--fg);font-size:var(--fs-16);font-weight:var(--fw-600);text-decoration:none;cursor:pointer}.teacher-bar-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--fg);font-size:var(--fs-16);font-weight:var(--fw-600);text-decoration:none;cursor:pointer;list-style:none}.teacher-bar-help:hover,.teacher-bar-avatar:hover,.teacher-bar-help:focus-visible,.teacher-bar-avatar:focus-visible{background:var(--primary-soft)}.teacher-bar-avatar::marker,.teacher-bar-avatar::-webkit-details-marker{display:none}.teacher-bar-avatar-wrap,.teacher-bar-menu{position:relative}.teacher-bar-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:var(--radius-md);background:var(--primary-soft);list-style:none;cursor:pointer}.teacher-bar-burger::marker{content:""}.teacher-bar-burger::-webkit-details-marker{display:none}.teacher-bar-burger-lines,.teacher-bar-burger-lines:before,.teacher-bar-burger-lines:after{display:block;width:18px;height:2px;background:var(--primary);border-radius:1px}.teacher-bar-burger-lines{position:relative}.teacher-bar-burger-lines:before,.teacher-bar-burger-lines:after{content:"";position:absolute;left:0}.teacher-bar-burger-lines:before{top:-6px}.teacher-bar-burger-lines:after{top:6px}.teacher-bar-menu-panel{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-12);min-width:10rem;padding:var(--space-12) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.teacher-bar-menu-school{margin:0;width:100%;color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-400);text-align:right}.teacher-frame{width:min(100%,var(--teacher-max));margin-inline:auto;padding:var(--space-24)}.teacher-grid{display:grid;gap:var(--space-24)}@media(min-width:768px){.teacher-grid-2{grid-template-columns:minmax(16rem,20rem) 1fr;align-items:start}.teacher-grid-pair{grid-template-columns:1fr 1fr}.teacher-grid-decks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.teacher-grid-decks{grid-template-columns:repeat(3,minmax(0,1fr))}}.teacher-code-block{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:48px;background:var(--primary);color:var(--surface);border-radius:var(--radius-card);padding:var(--space-4) var(--space-16)}.teacher-code-block.is-flush{border-radius:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--space-8);padding:var(--space-4) var(--space-16);overflow:hidden}.teacher-code-block.is-flush .teacher-code-back{flex:0 0 44px}.teacher-code-block.is-flush .teacher-code-meta{flex:1 1 0%;min-width:0;max-width:100%;overflow:hidden;padding-right:var(--space-8);flex-direction:column;align-items:stretch;justify-content:center;gap:0}.teacher-code-block.is-flush .teacher-code-name{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-code-block.is-flush .teacher-code-actions,.teacher-code-block.is-flush .teacher-code-overflow{flex:0 0 auto;flex-shrink:0;position:relative;z-index:1;background:var(--primary)}.teacher-code-meta{display:flex;flex-direction:column;min-width:0;flex:1 1 10rem;gap:0}.teacher-code-qr-code{margin:0 0 var(--space-8);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-18);font-weight:var(--fw-700);letter-spacing:.12em;text-align:center}.teacher-code-name{margin:0;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-16);font-weight:var(--fw-600);line-height:1.2}.teacher-code-kicker{margin:0;font-size:var(--fs-12);font-weight:var(--fw-600);letter-spacing:.08em;text-transform:uppercase;opacity:.7;line-height:1.2}.teacher-code-value{margin:0;min-width:8ch;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-28);font-weight:var(--fw-700);letter-spacing:.12em;font-variant-numeric:tabular-nums;line-height:1.2;white-space:nowrap}.teacher-code-line{display:flex;align-items:center;min-width:0;gap:2px}.teacher-code-actions{position:relative;display:flex;flex-shrink:0;align-items:center}.teacher-code-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:inherit;font-size:var(--fs-12);font-weight:var(--fw-600);text-decoration:none;cursor:pointer}.teacher-code-icon:hover{background:var(--primary-pressed)}.teacher-code-tool{color:var(--surface);background:transparent}.teacher-code-tool:hover,.teacher-code-tool[aria-pressed=true]{color:var(--surface);background:color-mix(in srgb,var(--surface) 12%,transparent)}.teacher-code-overflow{position:relative;flex-shrink:0}.teacher-code-menu{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:5;display:flex;min-width:12rem;flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.teacher-code-menu button,.teacher-code-menu a{display:flex;align-items:center;width:100%;min-height:44px;padding:12px 20px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-600);text-align:left;text-decoration:none;cursor:pointer}.teacher-code-menu button:hover,.teacher-code-menu a:hover{background:var(--primary-soft)}.teacher-join-share-sheet{width:min(100%,22.5rem);max-height:min(100dvh,40rem);overflow-y:auto}.teacher-join-share-head{display:flex;align-items:flex-start;gap:var(--space-8)}.teacher-join-share-title{margin:0;flex:1 1 0;min-width:0;font-size:var(--fs-18);font-weight:var(--fw-600);color:var(--text)}.teacher-join-share-title:focus{outline:none}.teacher-join-share-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;margin:calc(var(--space-8) * -1) calc(var(--space-8) * -1) 0 0;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);cursor:pointer}.teacher-join-share-close:hover{background:var(--primary-soft)}.teacher-join-share-name{margin:var(--space-4) 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-14);color:var(--text-muted)}.teacher-join-share-code{margin:var(--space-16) 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-28);font-weight:var(--fw-700);letter-spacing:.12em;text-align:center;color:var(--text)}.teacher-join-share-qr{margin:var(--space-16) 0 0}.teacher-join-qr-col{display:flex;flex-direction:column;align-items:center;width:188px;max-width:100%;margin-inline:auto}.teacher-join-icons{display:flex;justify-content:center;align-items:center;gap:var(--space-12);width:100%;margin:var(--space-12) 0 0}.teacher-join-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);cursor:pointer}.teacher-join-icon:hover{background:var(--primary-soft)}.teacher-join-copy-labelled{width:auto;min-width:44px;gap:var(--space-8);padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--fs-13);font-weight:var(--fw-500);color:var(--primary)}.teacher-join-share-help{margin:var(--space-16) 0 0;font-size:var(--fs-14);color:var(--text-muted);text-align:center}.teacher-code-block button.teacher-copy{min-width:44px;min-height:40px;height:40px;padding:8px 16px;font-size:var(--fs-14);background:var(--surface);color:var(--primary)}.teacher-code-block button.teacher-copy:hover{background:var(--primary-soft);color:var(--primary)}.teacher-join-qr{display:block;background:var(--surface);color:var(--text)}.teacher-onboard{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);margin-top:var(--space-16);margin-bottom:var(--space-32);padding:var(--space-24) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);text-align:center}.teacher-onboard-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(40px,12vw,56px);font-weight:var(--fw-700);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.15}.teacher-onboard-qr{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.teacher-onboard-qr .teacher-join-qr{width:188px;height:188px}.teacher-onboard-actions{display:flex;justify-content:center}@media(max-width:480px){.teacher-onboard{justify-content:center;min-height:calc(100dvh - 200px);margin-bottom:var(--space-24)}.teacher-summary:has(.teacher-onboard) .teacher-course-row{margin-top:0;padding-top:var(--space-16);border-top:1px solid var(--border)}}.teacher-code-fs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(16px,4vh,32px);padding:var(--space-24);background:var(--primary);color:var(--surface)}.teacher-code-fs-value{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(48px,16vw,128px);font-weight:var(--fw-700);letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--surface);line-height:1.05}.teacher-code-fs-qr{display:flex;align-items:center;justify-content:center;padding:var(--space-16);border-radius:var(--radius-card);background:var(--surface);color:var(--text)}.teacher-code-fs-qr .teacher-join-qr{width:min(70vmin,22rem);height:min(70vmin,22rem)}.teacher-code-fs-exit{position:absolute;top:max(var(--space-12),env(safe-area-inset-top));right:max(var(--space-12),env(safe-area-inset-right));width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--surface);font-size:var(--fs-12);font-weight:var(--fw-600);cursor:pointer}.teacher-code-fs-exit:hover{background:var(--primary-pressed)}@media(orientation:landscape){.teacher-code-fs{flex-direction:row;flex-wrap:nowrap;gap:clamp(16px,4vw,40px);padding:var(--space-16) var(--space-32)}.teacher-code-fs-value{flex:1 1 auto;font-size:clamp(48px,12vw,112px)}.teacher-code-fs-qr .teacher-join-qr{width:min(56vmin,16rem);height:min(56vmin,16rem)}}.teacher-section-note{margin:var(--space-8) 0 0;font-size:var(--fs-12);font-weight:var(--fw-400);color:var(--text-muted)}.teacher-roster-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.teacher-seat-chips{display:flex;flex-wrap:wrap;gap:var(--space-8);margin:var(--space-12) 0 0;padding:0;list-style:none}.teacher-seat-chip{display:inline-flex;align-items:center;gap:var(--space-8);min-height:36px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);font-size:var(--fs-14)}.teacher-seat-remove{padding:0;border:0;background:transparent;color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-600);cursor:pointer}.teacher-roster-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8);padding:var(--space-12) var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.teacher-roster-main{min-width:0;flex:1}.teacher-roster-overflow{position:relative;flex-shrink:0}.teacher-roster-more{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.teacher-temp-password,.teacher-school-code{margin:var(--space-12) 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-24);font-weight:var(--fw-600);letter-spacing:.18em;text-transform:uppercase}.teacher-school-setup>.teacher-frame{width:min(100%,420px);min-height:calc(100dvh - var(--teacher-bar-h));display:flex;flex-direction:column;justify-content:center}.teacher-school-choose,.teacher-school-form{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-24)}.teacher-school-invite-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.teacher-school-banner,.teacher-school-invite-once{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-16) 0;padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.teacher-school-card{margin-top:var(--space-16)}.teacher-school-card-head,.teacher-school-invite-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.teacher-code-menu button.is-danger{color:var(--danger)}.teacher-usernames-paste{width:100%;min-height:8rem;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:inherit;resize:vertical}.teacher-empty-card{margin-top:var(--space-8);padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.teacher-empty-card .teacher-section-note{margin:0}.teacher-empty-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:var(--space-12);padding:8px 16px;border-radius:var(--radius-control);background:var(--primary-soft);color:var(--primary);font-size:var(--fs-16);font-weight:var(--fw-600);text-decoration:none}.teacher-skel-list{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-12) 0 0;padding:0;list-style:none}.teacher-skel-row{height:72px;border-radius:var(--radius-card);background:color-mix(in srgb,var(--text-muted) 12%,var(--surface))}.teacher-info-tip{position:relative;display:inline-flex}.teacher-info-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:var(--fs-12);font-weight:var(--fw-600);font-style:italic;cursor:pointer}.teacher-info-btn:hover{background:var(--primary-soft)}.teacher-info-btn.is-inline{width:40px;height:40px;min-width:40px;min-height:40px;border:0;background:transparent;font-size:16px;font-style:normal;line-height:1}.teacher-info-btn.is-inline span{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:16px}.teacher-info-pop{position:absolute;top:calc(100% + var(--space-4));left:0;z-index:6;width:min(18rem,70vw);padding:var(--space-12);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:var(--fs-12);font-weight:var(--fw-400);line-height:1.4;box-shadow:var(--shadow-card)}.teacher-study-line{display:flex;align-items:center;gap:var(--space-4)}.teacher-stat-chip{position:relative}.teacher-stat-link,.teacher-stat-static{display:block;color:inherit;text-decoration:none}.teacher-stat-link:hover{color:var(--primary)}.teacher-stat-caption{display:block;margin-top:var(--space-4);font-size:var(--fs-12);color:var(--text-muted)}.teacher-stat-chip .teacher-info-tip{position:static}.teacher-stat-label-row{display:flex;align-items:center;gap:2px;min-height:40px}.teacher-stat-note{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-400)}.teacher-course-row{margin-top:var(--space-16)}.teacher-course-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:var(--space-8)}.teacher-course-badge{display:inline-flex;max-width:16rem;align-items:center;gap:2px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);padding:2px 4px 2px 10px}.teacher-course-badge-link{display:inline-flex;min-width:0;align-items:center;color:inherit;text-decoration:none}.teacher-course-badge-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-14);font-weight:var(--fw-600)}.teacher-course-badge-detach{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-size:var(--fs-16);line-height:1;cursor:pointer}.teacher-course-badge-detach:hover{color:var(--primary);background:var(--surface)}.teacher-course-add{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);cursor:pointer}.teacher-course-add:hover{background:var(--primary);color:var(--surface)}.teacher-course-live{margin:var(--space-8) 0 0;font-size:var(--fs-12);color:var(--text-muted)}.teacher-heat{height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--heat-track)}.teacher-heat-fill{height:100%;background:var(--heat)}.teacher-seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:8px}.teacher-seg i{display:block;height:100%;border-radius:2px;background:var(--heat-track)}.teacher-seg i[data-on="1"][data-score="1"]{background:var(--rating-1)}.teacher-seg i[data-on="1"][data-score="2"]{background:var(--rating-2)}.teacher-seg i[data-on="1"][data-score="3"]{background:var(--rating-3)}.teacher-seg i[data-on="1"][data-score="4"]{background:var(--rating-4)}.teacher-known{display:block;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--primary-soft)}.teacher-known-fill{display:block;height:100%;background:var(--success)}.teacher-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8)}.teacher-stat-chip{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-12)}.teacher-score-pip{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--border)}.teacher-score-pip[data-score="1"]{background:var(--rating-1)}.teacher-score-pip[data-score="2"]{background:var(--rating-2)}.teacher-score-pip[data-score="3"]{background:var(--rating-3)}.teacher-score-pip[data-score="4"]{background:var(--rating-4)}.teacher-dialog{margin-top:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-16)}.teacher-lead{margin:0 0 var(--space-16);max-width:36rem;font-size:var(--fs-14);color:var(--text-muted)}.teacher-kicker{margin:0;font-size:var(--fs-12);font-weight:var(--fw-600);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.teacher-new-class{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-16)}.teacher-create-class{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-16)}.teacher-create-class button[type=submit]{width:100%}.teacher-home{display:grid;gap:var(--space-24)}@media(min-width:768px){.teacher-home{grid-template-columns:minmax(16rem,20rem) 1fr;align-items:start}.teacher-summary{position:sticky;top:0;z-index:1;padding-bottom:var(--space-8);background:var(--bg)}}.teacher-class-tile,.teacher-link-card{display:block;color:inherit;text-decoration:none}.teacher-class-tile{display:flex;flex-direction:column;height:100%;min-height:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-20)}.teacher-class-tile.is-fresh{box-shadow:0 0 0 2px var(--accent)}.teacher-class-tile:hover,.teacher-class-tile:active,.teacher-link-card:hover,.teacher-link-card:active{background:var(--primary-soft)}.teacher-class-tile:focus-visible,.teacher-link-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.teacher-class-tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-8)}.teacher-class-name{min-width:0;margin:0;font-size:var(--fs-18);font-weight:var(--fw-600);line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.teacher-class-kebab{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.teacher-class-kebab:hover,.teacher-class-kebab:focus-visible{background:var(--primary-soft)}.teacher-class-code-row{display:flex;align-items:center;gap:var(--space-8);margin-top:auto;padding-top:var(--space-16)}.teacher-class-code{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-16);font-weight:var(--fw-600);letter-spacing:.12em;color:var(--primary)}.teacher-class-code-actions{display:flex;align-items:center;gap:var(--space-4)}.teacher-class-code-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);cursor:pointer}.teacher-class-code-icon:hover,.teacher-class-show-code:hover{background:var(--primary-soft)}.teacher-class-show-code{min-height:32px;height:32px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--primary);font-size:var(--fs-13);font-weight:var(--fw-500);cursor:pointer}.teacher-class-show-code:active{text-decoration:underline}.teacher-class-meta{margin:var(--space-8) 0 0;font-size:var(--fs-12);font-weight:var(--fw-400);font-variant-numeric:tabular-nums;color:var(--text-muted)}.teacher-class-meta-empty,.teacher-class-meta-muted{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-8)}.teacher-class-meta-muted{color:var(--text-muted)}.teacher-class-amber{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--rating-2)}.teacher-inline-action,.teacher-class-add-decks{color:var(--primary);font-size:var(--fs-14);font-weight:var(--fw-500);text-decoration:none;cursor:pointer;background:none;border:0;padding:0}.teacher-inline-action:active,.teacher-class-add-decks:active{text-decoration:underline}.teacher-stat-row{margin-top:var(--space-16)}.teacher-pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);padding:2px 8px;font-size:var(--fs-12);font-weight:var(--fw-600)}.teacher-manage{display:grid;gap:var(--space-24);margin-top:var(--space-24)}@media(min-width:768px){.teacher-manage{grid-template-columns:minmax(14rem,18rem) minmax(0,1fr);align-items:start}}.teacher-manage-list{display:flex;flex-direction:column;gap:var(--space-8)}.teacher-manage-item{width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-12);color:var(--text)}.teacher-manage-item.is-current{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 4px 0 0 var(--primary)}.teacher-manage-snippet{display:block;margin-top:var(--space-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-12);color:var(--text-muted)}.teacher-manage-save{position:sticky;bottom:0;z-index:1;margin-top:var(--space-16);display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-12);background:var(--surface)}.teacher-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12)}.teacher-toolbar input{min-width:12rem;flex:1 1 12rem}.teacher-rt-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-8)}.teacher-rt-editor{min-height:8rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-12) var(--space-16);font-size:var(--fs-16);white-space:pre-wrap}.teacher-rt-editor ul{margin:.4em 0 .4em 1.2em;list-style:disc}.teacher-sheet-tabs{display:flex;flex-wrap:wrap;gap:var(--space-8)}.teacher-sheet-tab{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-muted);padding:var(--space-8) var(--space-16);font-size:var(--fs-14);font-weight:var(--fw-600)}.teacher-sheet-tab.is-current{background:var(--primary);border-color:var(--primary);color:var(--surface)}.teacher-sheet-tab-input{min-width:8rem;max-width:16rem}.teacher-course-detail .teacher-frame{padding:var(--space-24) 20px 48px}.teacher-course-bar{display:flex;align-items:center;gap:0;min-height:var(--teacher-bar-h);padding:var(--space-8) 20px;border-bottom:1px solid var(--border);background:var(--surface)}.teacher-course-title{flex:1 1 auto;min-width:0;margin:0;padding:0 var(--space-12);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:var(--fs-18);font-weight:var(--fw-600);line-height:1.25;white-space:normal;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty;color:var(--text)}.teacher-course-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);text-decoration:none;cursor:pointer}.teacher-course-icon:hover{background:var(--primary-soft)}.teacher-course-icon-spacer{flex-shrink:0;width:44px;height:44px}.teacher-course-overflow{position:relative;flex-shrink:0}.teacher-course-menu{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:5;display:flex;min-width:12rem;flex-direction:column;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);box-shadow:var(--shadow-card)}.teacher-course-menu button{width:100%;min-height:44px;padding:12px 20px;border:0;border-radius:var(--radius-control);background:transparent;color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-600);text-align:left;cursor:pointer}.teacher-course-menu button:hover{background:var(--primary-soft)}.teacher-course-menu button.is-danger{color:var(--danger)}.teacher-course-menu-rule{width:100%;height:0;margin:var(--space-4) 0;border:0;border-top:1px solid var(--border)}.teacher-course-lead{margin:0;max-width:60ch;font-size:var(--fs-16);font-weight:var(--fw-400);line-height:1.5;color:var(--text-muted)}.teacher-course-actions{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-24)}.teacher-course-primary{width:100%}.teacher-course-secondary{display:grid;grid-template-columns:1fr;gap:var(--space-12)}.teacher-course-secondary.is-pair{grid-template-columns:1fr 1fr}.teacher-course-detail .teacher-course-actions button,.teacher-course-detail .teacher-course-empty button,.teacher-course-detail .teacher-course-sheet button,.teacher-course-detail .teacher-course-deck button{min-height:44px;padding:12px 20px;border-radius:var(--radius-control);font-size:var(--fs-16);font-weight:var(--fw-600)}.teacher-course-btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:12px 20px;border:1px solid var(--primary);border-radius:var(--radius-control);background:var(--bg);color:var(--primary);font-size:var(--fs-16);font-weight:var(--fw-600);cursor:pointer}.teacher-course-btn-secondary:hover{background:var(--primary);color:var(--surface)}.teacher-course-btn-danger{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:12px 20px;border:0;border-radius:var(--radius-control);background:var(--danger);color:var(--surface);font-size:var(--fs-16);font-weight:var(--fw-600);cursor:pointer}.teacher-course-btn-danger:hover{background:color-mix(in srgb,var(--danger) 88%,var(--text));color:var(--surface)}.teacher-course-btn-danger:disabled{opacity:.45;cursor:not-allowed}.teacher-course-btn-danger:disabled:hover{background:var(--danger)}.teacher-course-decks{margin-top:var(--space-32)}.teacher-course-kicker{margin:0 0 var(--space-12);font-size:var(--fs-12);font-weight:var(--fw-600);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.teacher-course-deck-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}.teacher-course-deck{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);padding:var(--space-16)}.teacher-course-deck-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-600);color:var(--text)}.teacher-course-deck-meta{margin:var(--space-4) 0 0;font-size:var(--fs-16);font-weight:var(--fw-400);color:var(--text-muted)}.teacher-course-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-12);padding:var(--space-24) 0;font-size:var(--fs-16);font-weight:var(--fw-400);color:var(--text-muted)}.teacher-course-skel{display:flex;flex-direction:column;gap:var(--space-12)}.teacher-course-skel-row,.teacher-course-skel-title{display:block;border-radius:var(--radius-control);background:var(--primary-soft);animation:teacher-course-pulse 1.2s ease-in-out infinite}.teacher-course-skel-row{height:64px}.teacher-course-skel-title{flex:1;height:28px;max-width:12rem}@keyframes teacher-course-pulse{50%{opacity:.55}}.teacher-course-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--text) 40%,transparent);padding:0}.teacher-course-sheet{width:min(100%,28rem);padding:var(--space-24) 20px;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface)}.teacher-course-dialog-title{margin:0;font-size:var(--fs-16);font-weight:var(--fw-600);color:var(--text)}.teacher-course-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}@media(min-width:768px){.teacher-course-overlay{align-items:center;padding:var(--space-24)}.teacher-course-sheet{border-radius:var(--radius-control)}}.teacher-decks-page.teacher-app{overflow-x:clip}.teacher-decks-page .teacher-decks-toolbar{position:sticky;top:0;z-index:2;width:100vw;max-width:100vw;margin:0 calc(50% - 50vw) var(--space-16);background:var(--bg);border-bottom:1px solid var(--border)}.teacher-decks-toolbar-inner{width:min(100%,var(--teacher-max));margin-inline:auto;padding:var(--space-12) var(--space-24);display:flex;flex-direction:column;gap:var(--space-12)}.teacher-decks-toolbar-row{display:flex;align-items:center;gap:var(--space-12)}.teacher-decks-search{flex:1 1 auto;max-width:360px;min-width:0;min-height:44px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-size:var(--fs-16)}.teacher-decks-new{flex-shrink:0;width:auto;min-width:7.5rem;border-radius:var(--radius-md)}.teacher-decks-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);min-width:0}.teacher-decks-status{padding-left:var(--space-8);border-left:1px solid var(--border)}.teacher-decks-chips{display:flex;flex-wrap:nowrap;gap:var(--space-8);min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.teacher-decks-chips::-webkit-scrollbar{display:none}.teacher-decks-chips button,.teacher-decks-chip{flex-shrink:0;min-height:32px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--fs-12);font-weight:var(--fw-600);white-space:nowrap;scroll-snap-align:start;cursor:pointer}.teacher-decks-chips button.is-on,.teacher-decks-chip.is-on{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.teacher-decks-sort-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12)}.teacher-decks-count-inline{margin:0}.teacher-decks-sort{display:inline-flex;align-items:center;gap:var(--space-8);color:var(--fg);font-size:var(--fs-12);font-weight:var(--fw-400)}.teacher-decks-sort select{min-height:32px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--fs-12)}@media(max-width:480px){.teacher-decks-toolbar-inner{padding:var(--space-8) var(--space-16);gap:var(--space-8)}.teacher-decks-new{min-width:0}}.teacher-decks-count{margin:0 0 var(--space-8);font-size:13px;font-weight:var(--fw-400);color:var(--text-muted)}.teacher-deck-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.teacher-deck-row{display:flex;align-items:stretch;min-height:64px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.teacher-deck-row-main{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-8) var(--space-12) var(--space-16);color:inherit;text-decoration:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.teacher-deck-row-main:hover,.teacher-deck-row-main:active{background:var(--primary-soft)}.teacher-deck-row-main:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.teacher-deck-row-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.teacher-deck-row-title{overflow:hidden;font-size:var(--fs-16);font-weight:var(--fw-600);line-height:1.25;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.teacher-deck-row-meta{display:flex;min-width:0;flex-wrap:nowrap;align-items:center;gap:var(--space-8);font-size:13px;font-weight:var(--fw-400);line-height:1.25;color:var(--text-muted)}.teacher-deck-add-cards{color:var(--primary);font-weight:var(--fw-600)}.teacher-deck-overflow{display:flex;align-items:center;padding-right:var(--space-4)}.teacher-course-chip{display:inline-flex;max-width:100%;min-width:0;flex-shrink:1;align-items:center;overflow:hidden;padding:2px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:var(--fw-400);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.teacher-course-chip[data-tone="0"]{background:var(--bg);color:var(--text)}.teacher-course-chip[data-tone="1"]{background:color-mix(in srgb,var(--primary) 12%,var(--surface));color:var(--primary)}.teacher-course-chip[data-tone="2"]{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}.teacher-course-chip[data-tone="3"]{background:color-mix(in srgb,var(--success) 14%,var(--surface));color:var(--success)}.teacher-course-chip[data-tone="4"]{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.teacher-course-chip[data-tone="5"]{background:color-mix(in srgb,var(--primary) 10%,color-mix(in srgb,var(--accent) 8%,var(--surface)));color:var(--primary)}.teacher-course-chip[data-tone="6"]{background:color-mix(in srgb,var(--success) 10%,color-mix(in srgb,var(--primary) 6%,var(--surface)));color:var(--success)}.teacher-course-chip[data-tone="7"]{background:color-mix(in srgb,var(--danger) 8%,color-mix(in srgb,var(--primary) 8%,var(--surface)));color:var(--danger)}.teacher-course-chip[data-tone="8"]{background:color-mix(in srgb,var(--accent) 10%,color-mix(in srgb,var(--success) 6%,var(--surface)));color:var(--accent)}.teacher-course-locked{margin:0;min-height:44px;padding:12px 16px;border-radius:var(--radius-control);background:var(--bg);color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-600)}.teacher-sheet-create{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:12px 20px;border:0;border-radius:var(--radius-control);background:var(--primary);color:var(--surface);font-size:var(--fs-16);font-weight:var(--fw-600);cursor:pointer}.teacher-sheet-create:disabled{opacity:.4;border:0;box-shadow:none;cursor:not-allowed}.teacher-sheet-import{margin:0;text-align:center;font-size:var(--fs-14)}.teacher-sheet-import a{color:var(--primary);font-weight:var(--fw-600)}.teacher-decks-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-32) var(--space-16);color:var(--text-muted);font-size:var(--fs-16);text-align:center}.teacher-decks-empty-icon{color:var(--text-muted)}.teacher-deck-skel{display:flex;flex-direction:column;gap:var(--space-8)}.teacher-deck-skel-row{display:block;height:64px;border-radius:var(--radius-lg);background:var(--primary-soft);animation:teacher-course-pulse 1.2s ease-in-out infinite}.teacher-account-card{max-width:28rem;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-16)}.teacher-account-email{margin:var(--space-8) 0 0;font-size:var(--fs-16);font-weight:var(--fw-600)}.teacher-account-danger{max-width:36rem;margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--border)}.teacher-account-delete{max-width:16rem}.teacher-login-app .teacher-frame{width:min(100%,420px);margin-inline:auto}.teacher-login{display:flex;flex-direction:column}.teacher-login-lead{margin:var(--space-8) 0 0;color:color-mix(in srgb,var(--text) 62%,var(--text-muted));font-size:var(--fs-14);line-height:1.45}.teacher-login-form{display:flex;flex-direction:column;margin-top:var(--space-24)}.teacher-login-field+.teacher-login-field{margin-top:var(--space-24)}.teacher-login-label{display:block;margin-bottom:var(--space-8);font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--text)}.teacher-login-password{position:relative}.teacher-login-password input{padding-right:52px}.teacher-login-reveal{position:absolute;top:50%;right:4px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--primary);font-size:var(--fs-12);font-weight:var(--fw-600);transform:translateY(-50%);cursor:pointer}.teacher-login-field-error{margin:var(--space-8) 0 0;color:var(--danger);font-size:var(--fs-12);line-height:1.35}.teacher-login-forgot,.teacher-login-signup-link{display:inline-flex;align-items:center;min-height:44px;color:var(--primary);font-size:15px;font-weight:var(--fw-400);text-decoration:none}.teacher-login-signup-link{font-weight:var(--fw-600)}.teacher-login-forgot:hover,.teacher-login-forgot:focus-visible,.teacher-login-signup-link:hover,.teacher-login-signup-link:focus-visible{text-decoration:underline}.teacher-login-keep{display:flex;align-items:center;gap:var(--space-8);min-height:44px;margin-top:var(--space-8);color:var(--text);font-size:var(--fs-14);font-weight:var(--fw-400)}.teacher-login-keep input{width:18px;height:18px;accent-color:var(--primary)}.teacher-login-risk{margin:0;color:color-mix(in srgb,var(--text) 62%,var(--text-muted));font-size:var(--fs-12);line-height:1.4}.teacher-login-submit-block{margin-top:var(--space-32)}.teacher-login-alert{box-sizing:border-box;min-height:2.75rem;margin:0 0 var(--space-8);color:var(--danger);font-size:var(--fs-14);line-height:1.35}.teacher-login-submit{display:inline-flex;width:100%;height:48px;min-height:48px;align-items:center;justify-content:center;gap:var(--space-8);border:0;border-radius:var(--radius-md);background:var(--primary);color:var(--primary-fg);font-size:var(--fs-16);font-weight:var(--fw-600);cursor:pointer}.teacher-login-submit:hover{background:var(--primary-pressed)}.teacher-login-submit[aria-busy=true],.teacher-login-submit:disabled{opacity:.5;cursor:not-allowed}.teacher-login-spin{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--primary-fg) 35%,transparent);border-top-color:var(--primary-fg);border-radius:50%;animation:teacher-login-spin .7s linear infinite}@keyframes teacher-login-spin{to{transform:rotate(360deg)}}.teacher-login-rule{height:1px;margin:var(--space-24) 0;background:var(--border);border:0}.teacher-login-signup{margin:0;color:color-mix(in srgb,var(--text) 62%,var(--text-muted));font-size:15px;font-weight:var(--fw-400)}.teacher-demo-enter{display:inline-flex;margin-top:var(--space-16);padding:0;border:0;background:none;color:var(--text-muted);font-size:var(--fs-14);font-weight:var(--fw-500);cursor:pointer}.teacher-demo-enter:active{text-decoration:underline}.teacher-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:44px;padding:var(--space-8) var(--space-16);background:var(--warning-subtle);color:var(--warning-ink);font-size:var(--fs-14);font-weight:var(--fw-500)}.teacher-demo-banner p{margin:0}.teacher-demo-exit{flex-shrink:0;padding:0;border:0;background:none;color:var(--primary);font-size:var(--fs-14);font-weight:var(--fw-500);cursor:pointer}.teacher-demo-exit:active{text-decoration:underline}.teacher-login-audience{margin-top:var(--space-32);padding-top:var(--space-24);border-top:1px solid var(--border)}.teacher-login-student-ask{margin:0 0 var(--space-8);color:color-mix(in srgb,var(--text) 62%,var(--text-muted));font-size:var(--fs-14)}.teacher-login-join{display:inline-flex;width:100%;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:var(--radius-md);background:transparent;color:var(--primary);font-size:var(--fs-16);font-weight:var(--fw-600);text-decoration:none}.teacher-login-join:hover,.teacher-login-join:focus-visible{background:var(--surface)}.teacher-classes-page .teacher-frame,.teacher-help-page .teacher-frame{width:min(100%,var(--teacher-wide));padding:40px var(--space-32) 80px}.teacher-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.teacher-page-h1{margin:0;font-size:var(--fs-32);font-weight:var(--fw-700);line-height:1.2}.teacher-page-lead{display:flex;align-items:center;gap:var(--space-8);max-width:64ch;margin:var(--space-8) 0 0;font-size:var(--fs-16);font-weight:var(--fw-400)}.teacher-page-lead-dismiss{flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:var(--fs-16);cursor:pointer}.teacher-page-new{flex-shrink:0;height:40px;min-height:40px;padding:0 var(--space-16);border-radius:var(--radius-md)}.teacher-classes-page .teacher-decks-toolbar{position:static;width:auto;max-width:none;margin:0 0 var(--space-16);border-bottom:0;background:transparent}.teacher-classes-page .teacher-decks-toolbar-inner{width:100%;padding:0}@media(min-width:900px){.teacher-classes-page .teacher-decks-toolbar-inner{flex-direction:row;flex-wrap:wrap;align-items:center}.teacher-classes-page .teacher-decks-toolbar-row{flex:0 1 360px}.teacher-classes-page .teacher-decks-filters,.teacher-classes-page .teacher-decks-chips{flex:0 1 auto}.teacher-classes-page .teacher-decks-sort-row{margin-left:auto}}.teacher-classes-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);text-align:left}.teacher-classes-notice p{margin:0;max-width:52ch;font-size:var(--fs-16);line-height:1.45}.teacher-class-grid{display:grid;grid-template-columns:1fr;gap:var(--space-20);align-items:stretch}.teacher-help-section{margin-top:var(--space-32)}.teacher-help-steps{margin:var(--space-12) 0 0;padding-left:1.25rem;color:var(--text);font-size:var(--fs-16);line-height:1.5}.teacher-help-glossary{display:grid;gap:var(--space-16);margin:var(--space-12) 0 0}.teacher-help-glossary dt{font-size:var(--fs-16);font-weight:var(--fw-600)}.teacher-help-glossary dd{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--fs-16);font-weight:var(--fw-400);max-width:64ch}@media(max-width:767px){.teacher-classes-page .teacher-frame,.teacher-help-page .teacher-frame{padding:40px var(--space-24) 80px}.teacher-classes-page.is-mobile .teacher-frame{padding:var(--space-16) var(--space-16) 80px}.teacher-classes-page.is-mobile .teacher-page-head{margin-bottom:var(--space-12)}.teacher-classes-page.is-mobile .teacher-page-h1{font-size:var(--fs-26);font-weight:var(--fw-700)}.teacher-classes-page.is-mobile .teacher-page-lead{margin-top:var(--space-4);font-size:var(--fs-14);font-weight:var(--fw-400);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-classes-page.is-mobile .teacher-empty-new-class{display:none}.teacher-classes-page.is-mobile .teacher-decks-toolbar{position:sticky;top:var(--teacher-bar-h);z-index:4;width:auto;margin:0 0 var(--space-12);background:var(--bg);border-bottom:1px solid transparent}.teacher-classes-page.is-mobile .teacher-decks-toolbar.is-stuck{border-bottom-color:var(--border)}.teacher-classes-page.is-mobile .teacher-decks-toolbar.is-compact .teacher-decks-toolbar-inner{height:56px;padding:0;flex-direction:row;align-items:center}.teacher-classes-compact-row{display:flex;align-items:center;gap:var(--space-8);width:100%;min-width:0}.teacher-classes-search-wrap{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-8);min-width:0;min-height:40px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted)}.teacher-classes-search-wrap .teacher-decks-search{flex:1 1 auto;max-width:none;min-height:38px;padding:0;border:0;background:transparent}.teacher-classes-filters-btn{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-4);height:40px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);font-size:var(--fs-14);font-weight:var(--fw-500);cursor:pointer}.teacher-classes-page.is-mobile .teacher-decks-count-inline{flex-shrink:0;margin:0;min-width:-moz-max-content;min-width:max-content;white-space:nowrap;font-size:var(--fs-13);font-weight:var(--fw-500);font-variant-numeric:tabular-nums;color:var(--text-muted)}.teacher-class-filters-sheet{display:flex;flex-direction:column;gap:var(--space-16)}.teacher-class-filter-group{display:flex;flex-direction:column;gap:var(--space-8)}.teacher-class-filter-label{margin:0;font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--text)}.teacher-class-filter-sort{justify-content:space-between}.teacher-classes-ptr{margin:0 0 var(--space-8);color:var(--text-muted);font-size:var(--fs-13);text-align:center}.teacher-classes-page.is-mobile .teacher-class-grid{gap:var(--space-12)}.teacher-classes-page.is-mobile .teacher-class-tile{min-height:120px;padding:var(--space-8) var(--space-12);gap:var(--space-8)}.teacher-classes-page.is-mobile .teacher-class-tile:active{transform:scale(.99)}.teacher-classes-page.is-mobile .teacher-class-tile-top{align-items:center}.teacher-classes-page.is-mobile .teacher-class-name{font-size:var(--fs-17);font-weight:var(--fw-600);line-height:1.25;white-space:nowrap;text-overflow:ellipsis;display:block;-webkit-line-clamp:unset}.teacher-classes-page.is-mobile .teacher-class-kebab{width:44px;height:44px}.teacher-classes-page.is-mobile .teacher-class-meta{margin:0;font-size:var(--fs-14);font-weight:var(--fw-400)}.teacher-classes-page.is-mobile .teacher-class-code-row{margin-top:0;padding-top:0}.teacher-classes-page.is-mobile .teacher-deck-skel-row{height:124px}.teacher-class-grid.is-virtual>*{content-visibility:auto;contain-intrinsic-size:0 128px}}@media(min-width:900px){.teacher-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.teacher-classes-page .teacher-frame{width:min(100%,var(--teacher-wide));padding:40px var(--space-32) 80px}.teacher-class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.teacher-class-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card-editor-list{display:flex;flex-direction:column;gap:var(--space-8);content-visibility:auto}.card-editor{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:0}.card-editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);height:48px;padding:0 var(--space-12);border-bottom:1px solid var(--border)}.card-editor-head-left,.card-editor-head-right{display:flex;align-items:center;gap:var(--space-8);min-width:0}.card-editor-drag,.card-editor-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-toolbar);background:transparent;color:var(--fg-muted);cursor:grab}.card-editor-icon{cursor:pointer;min-width:32px;padding:0 var(--space-8);width:auto}.card-editor-num{font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--fg-muted)}.card-editor-save-state{font-size:var(--fs-12);font-weight:var(--fw-600);color:var(--fg-muted)}.card-editor-save-state[data-state=unsaved],.card-editor-save-state[data-state=error]{color:var(--primary)}.card-marks-chip{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);font-size:var(--fs-12);font-weight:var(--fw-600)}.card-editor-fields{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-16)}.card-editor-field{display:flex;flex-direction:column;gap:var(--space-8)}.card-editor-label{font-size:13px;font-weight:var(--fw-600);letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.card-editor-input,.card-rt-editor{width:100%;resize:none;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:16px;color:var(--text);font-family:var(--font-content);font-size:15px;line-height:1.6}.card-editor-input:focus,.card-rt-editor:focus{outline:2px solid var(--primary);outline-offset:0}.card-rt{display:flex;flex-direction:column;gap:var(--space-8)}.card-rt-toolbar{display:flex;align-items:center;height:32px;padding:0 2px;border:1px solid var(--border);border-radius:var(--radius-toolbar);background:var(--surface);color:var(--fg-muted)}.card-rt-toolbar.is-live{color:var(--text)}.card-rt-group{display:flex;align-items:center}.card-rt-rule{width:1px;height:16px;margin:0 4px;background:var(--border)}.card-rt-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-toolbar);background:transparent;color:inherit;cursor:pointer}.card-rt-btn[aria-pressed=true]{background:var(--primary-soft);color:var(--primary)}.card-rt-done{margin-left:auto;width:44px;height:44px;border:0;background:transparent;color:var(--text)}.card-rt-suggest{align-self:flex-start;height:28px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--primary-soft);color:var(--primary);font-size:var(--fs-12);font-weight:var(--fw-600)}.card-rt-count{margin:0;text-align:right;font-size:var(--fs-12);color:var(--fg-muted)}.card-editor-hint,.card-editor-error{margin:0;font-size:var(--fs-12);color:var(--fg-muted)}.card-editor-error{padding:0 var(--space-16) var(--space-12);color:var(--danger)}.card-editor-accept{display:flex;align-items:center;gap:var(--space-8);font-size:var(--fs-14);color:var(--text)}.card-editor-accept-n{width:4rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 8px}.card-editor-row{display:flex;align-items:center;gap:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.card-editor-row:active{transform:scale(.99);transition:transform .1s ease}.card-editor-row-main{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:48px;padding:8px 12px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.card-editor-row-num{flex-shrink:0;font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--fg-muted)}.card-editor-row-question{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-14);font-weight:var(--fw-600)}.card-editor-row-reorder{display:flex;flex-direction:column}.card-editor-row-reorder button{width:44px;height:28px;border:0;background:transparent}.card-editor-footer{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);margin-top:var(--space-16);padding:var(--space-12) 0;background:var(--bg);scroll-margin-bottom:var(--space-16)}.card-editor-count{margin:0;font-size:var(--fs-14);font-weight:var(--fw-600);color:var(--fg-muted)}.card-editor-more-wrap{position:relative}.card-preview-stage{display:flex;justify-content:center;width:100%;padding:var(--space-16);border:0;background:transparent}.card-editor-preview{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding-bottom:var(--space-16)}.card-more-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.card-more-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:color-mix(in srgb,var(--text) 32%,transparent)}.card-more-sheet-panel{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;padding:var(--space-8) var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;background:var(--surface)}.card-more-sheet-panel button{width:100%;min-height:56px;padding:0 20px;border:0;background:transparent;color:var(--text);font-size:var(--fs-16);font-weight:var(--fw-600);text-align:left}.card-more-sheet-panel button.is-danger{color:var(--danger)}.card-edit-mobile{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.card-edit-mobile-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:var(--space-8);height:56px;padding:env(safe-area-inset-top,0px) var(--space-8) 0;border-bottom:1px solid var(--border);background:var(--surface)}.card-edit-mobile-title{flex:1;margin:0;text-align:center;font-size:var(--fs-14);font-weight:var(--fw-600)}.card-edit-mobile-body{flex:1;padding:var(--space-16);padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.card-edit-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:4;display:flex;align-items:center;min-height:48px;padding:0 var(--space-8) env(safe-area-inset-bottom,0px);border-top:1px solid var(--border);background:var(--surface)}.card-edit-mobile-nav button{flex:1;min-height:48px;border:0;background:transparent;color:var(--text);font-size:var(--fs-14);font-weight:var(--fw-600)}.card-edit-mobile-nav button:disabled{color:var(--fg-muted)}.card-rt-btn[aria-label=Bold] span{font-weight:700}.card-rt-btn[aria-label=Italic] span{font-style:italic}.card-rt-btn[aria-label=Underline] span{text-decoration:underline}.card-preview-stage .flash-card{max-width:var(--card-max-width)}.card-editor-dialog.teacher-dialog{position:fixed;left:50%;top:30%;z-index:30;width:min(28rem,calc(100vw - 32px));margin:0;transform:translate(-50%);box-shadow:var(--shadow-card)}.card-rt-btn[aria-label=Italic] span{font-family:var(--font-content);font-size:18px}@media(max-width:767px){.card-editor-input,.card-rt-editor{font-size:16px}.card-rt.is-mobile.is-focused .card-rt-toolbar{position:fixed;left:0;right:0;bottom:var(--keyboard-height, 0px);z-index:6;height:44px;border:0;border-top:1px solid var(--border);border-radius:0}.card-rt.is-mobile .card-rt-btn{width:44px;height:44px}.card-editor-row-question{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}body:has(.card-edit-mobile) .app-toasts{bottom:calc(56px + env(safe-area-inset-bottom,0px) + var(--space-8))}}.course-folder-tree{display:flex;flex-direction:column;gap:var(--space-16)}.course-folder-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.course-folder-node{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface)}.course-folder-row{display:flex;align-items:center;gap:var(--space-8);min-height:56px;padding:0 var(--space-8) 0 var(--space-12)}.course-folder-toggle{display:flex;align-items:center;gap:var(--space-8);flex:1;min-width:0;min-height:44px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.course-folder-name{font-size:var(--fs-16);font-weight:var(--fw-600)}.course-folder-count{color:var(--text-muted);font-size:var(--fs-14);font-weight:var(--fw-400)}.course-folder-children{padding:0 var(--space-12) var(--space-12) var(--space-24)}.course-folder-empty{margin:0 0 var(--space-8);color:var(--text-muted);font-size:var(--fs-14)}.course-folder-root-decks{list-style:none}.class-breadcrumb{margin:0 0 var(--space-12);color:var(--text-muted);font-size:var(--fs-14)}.class-breadcrumb a{color:var(--primary);font-weight:var(--fw-600);text-decoration:none}.class-breadcrumb a:hover,.class-breadcrumb a:focus-visible{text-decoration:underline}.class-page-head{margin-bottom:var(--space-24)}.class-page-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.class-page-h1{margin:0;font-size:var(--fs-32);font-weight:var(--fw-700);line-height:1.2}.class-page-actions{display:flex;align-items:center;gap:var(--space-8);flex-shrink:0}.class-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:var(--space-8) 0 0;color:var(--text-muted);font-size:var(--fs-14)}.class-live-chip{display:inline-flex;align-items:center;gap:2px}.class-live-label{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font-size:var(--fs-12);font-weight:var(--fw-600)}.class-split{position:relative}.class-more{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--fs-16);cursor:pointer;list-style:none}.class-more::-webkit-details-marker{display:none}.class-more:hover,.class-more:focus-visible{background:var(--primary-soft)}.class-desk-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}.class-join-panel{grid-column:span 4;padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.class-join-code{margin:var(--space-8) 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-32);font-weight:var(--fw-700);letter-spacing:.12em;line-height:1.2}.class-join-panel .teacher-join-icons{justify-content:flex-start}.class-desk-grid .teacher-stat-row{grid-column:span 8;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.class-roster-tools{display:flex;align-items:center;gap:var(--space-8)}.class-roster-search,.class-roster-sort{min-height:40px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:inherit;font-size:var(--fs-14)}.class-roster-table-wrap{margin-top:var(--space-12);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.class-roster-table{width:100%;border-collapse:collapse}.class-roster-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.class-roster-table thead th{position:sticky;top:0;z-index:1;height:40px;padding:0 12px;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-600);text-align:left}.class-roster-tr{cursor:pointer}.class-roster-tr td{height:56px;padding:0 12px;border-bottom:1px solid var(--border);font-size:var(--fs-14);white-space:nowrap}.class-roster-tr:last-child td{border-bottom:0}.class-roster-tr:hover td{background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface))}.class-roster-tr.is-attention td:first-child{box-shadow:inset 3px 0 0 var(--rating-2)}.class-status-badge{display:inline-flex;align-items:center;min-height:20px;margin-left:8px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-600)}.class-mastery-cell{display:inline-flex;align-items:center;gap:8px}.class-mastery-bar{display:inline-block;width:56px;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--heat-track)}.class-mastery-bar>span{display:block;height:100%;background:var(--success)}.class-content-split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:var(--space-24);padding:var(--space-16);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.class-content-split>*{grid-column:span 6;margin-top:0}.class-course-rows{display:flex;flex-direction:column;gap:var(--space-8);margin:var(--space-12) 0 0;padding:0;list-style:none}.class-course-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);min-height:56px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-control)}.class-link-ghost{display:inline-flex;align-items:center;min-height:40px;margin-top:var(--space-12);padding:0 12px;border:1px dashed var(--border);border-radius:var(--radius-control);background:transparent;color:var(--primary);font-size:var(--fs-14);font-weight:var(--fw-600);cursor:pointer}.class-link-ghost:hover,.class-link-ghost:focus-visible{background:var(--primary-soft)}@media(min-width:1024px){.teacher-class-page .teacher-frame,.teacher-course-detail .teacher-frame,.teacher-confidence-page .teacher-frame{width:min(100%,var(--teacher-wide));padding:var(--space-32)}.teacher-class-page .teacher-code-block.is-flush,.teacher-course-detail .teacher-course-bar{display:none}.teacher-class-page .teacher-summary{position:static;margin-top:0}}.student-school{margin:var(--space-4) 0 0;color:var(--text-muted);font-size:var(--fs-12);font-weight:var(--fw-400)}.student-class-chips{display:flex;flex-wrap:nowrap;gap:var(--space-8);min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.student-class-chips::-webkit-scrollbar{display:none}.student-class-chips button{flex-shrink:0;min-height:32px;padding:0 var(--space-12);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);font-size:var(--fs-12);font-weight:var(--fw-600);white-space:nowrap;scroll-snap-align:start;cursor:pointer}.student-class-chips button.is-on{background:var(--primary);border-color:var(--primary);color:var(--primary-fg)}.student-auth-app{display:flex;width:min(100%,420px);margin-inline:auto;flex:1;flex-direction:column}.student-auth-actions,.student-auth-form{display:flex;flex-direction:column;gap:var(--space-16);margin-top:var(--space-32)}.student-auth-submit{width:100%;height:48px;min-height:48px}.student-auth-app input:focus-visible,.student-auth-submit:focus-visible,.student-auth-reveal:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.student-auth-password{position:relative}.student-auth-password input{padding-right:52px}.student-auth-reveal{position:absolute;top:50%;right:4px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--primary);font-size:var(--fs-12);font-weight:var(--fw-600);transform:translateY(-50%);cursor:pointer}.student-auth-error{margin:0;color:var(--danger);font-size:var(--fs-14)}.student-auth-link{margin-top:var(--space-24);text-align:center;color:var(--primary);font-size:var(--fs-14);font-weight:var(--fw-600);text-decoration:none}.student-auth-link:hover,.student-auth-link:focus-visible{text-decoration:underline}.student-auth-forgot{margin-top:var(--space-12);text-align:center;color:var(--text-muted);font-size:var(--fs-14)}.student-auth-teacher{margin-top:auto;padding-top:var(--space-32);text-align:center;color:var(--text-muted);font-size:var(--fs-14);text-decoration:none}.student-folder-heading{margin:0;color:var(--text);font-size:var(--fs-14);font-weight:var(--fw-600);text-decoration:none}.student-folder-crumbs{color:var(--text-muted);font-size:var(--fs-14)}.student-folder-list{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;list-style:none}.student-folder-node{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.student-folder-row{display:flex;align-items:center;gap:var(--space-8);width:100%;min-height:48px;padding:var(--space-12) var(--space-16);border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.student-folder-name{flex:1;font-size:var(--fs-16);font-weight:var(--fw-600)}.student-folder-count{color:var(--text-muted);font-size:var(--fs-14)}.student-folder-children{display:flex;flex-direction:column;gap:var(--space-8);padding:0 var(--space-16) var(--space-16)}.student-folder-empty{margin:0;color:var(--text-muted);font-size:var(--fs-14)}.student-folder-decks{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-12)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.visible{visibility:visible}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-5{height:1.25rem}.h-full{height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-24{min-height:6rem}.min-h-dvh{min-height:100dvh}.w-5{width:1.25rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-\[48px_1fr_48px\]{grid-template-columns:48px 1fr 48px}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.justify-self-end{justify-self:end}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded-card{border-radius:var(--radius-card)}.rounded-control{border-radius:var(--radius-control)}.rounded-pill{border-radius:var(--radius-pill)}.rounded-sheet{border-radius:var(--radius-sheet)}.border{border-width:1px}.border-line{border-color:var(--border)}.bg-bg{background-color:var(--bg)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-primary-soft{background-color:var(--primary-soft)}.bg-success{background-color:var(--success)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-card{font-family:var(--font-card)}.font-ui{font-family:var(--font-ui)}.text-12{font-size:var(--fs-12);line-height:16px}.text-14{font-size:var(--fs-14);line-height:20px}.text-16{font-size:var(--fs-16);line-height:24px}.text-18{font-size:var(--fs-18);line-height:28px}.text-24{font-size:var(--fs-24);line-height:32px}.text-32{font-size:var(--fs-32);line-height:40px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-danger{color:var(--danger)}.text-ink{color:var(--text)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-surface{color:var(--surface)}.underline{text-decoration-line:underline}.accent-primary{accent-color:var(--primary)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}html,body,#root{height:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font-ui);font-weight:var(--fw-400);font-size:var(--fs-16);-webkit-font-smoothing:antialiased}button,input,textarea{font-family:inherit}input,textarea{font-size:var(--fs-16)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body:has(.teacher-code-fs) .app-toasts{display:none}.app-toasts{position:fixed;z-index:50;left:50%;right:auto;top:auto;bottom:max(var(--space-16),calc(env(safe-area-inset-bottom,0px) + var(--space-8)));display:flex;flex-direction:column;align-items:center;gap:var(--space-8);width:-moz-max-content;width:max-content;max-width:min(360px,calc(100vw - 32px));transform:translate(-50%);pointer-events:none;box-sizing:border-box}.app-toast{box-sizing:border-box;width:-moz-max-content;width:max-content;max-width:min(360px,calc(100vw - 32px));margin:0;border:1px solid color-mix(in srgb,var(--surface) 22%,transparent);border-radius:var(--radius-md);background:var(--primary);color:var(--surface);box-shadow:var(--shadow-card);border-left:4px solid var(--accent);padding:var(--space-12) var(--space-16);font-size:var(--fs-14);font-weight:var(--fw-400);line-height:1.35;text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--space-12)}.app-toast-action{pointer-events:auto;flex-shrink:0;min-height:32px;padding:0 var(--space-8);border:1px solid color-mix(in srgb,var(--surface) 55%,transparent);border-radius:var(--radius-sm);background:transparent;color:inherit;font:inherit;font-weight:var(--fw-600);cursor:pointer}.app-toast.is-error{background:var(--danger);border-left-color:var(--surface)}@media(min-width:768px){.app-toasts{left:auto;right:var(--space-16);top:calc(var(--teacher-bar-h) + var(--space-16));bottom:auto;width:-moz-max-content;width:max-content;max-width:min(400px,calc(100vw - 32px));transform:none;align-items:flex-end}body:has(.teacher-code-block.is-flush) .app-toasts{top:calc(var(--teacher-bar-h) + 3.5rem + var(--space-16))}body:has(.teacher-decks-toolbar) .app-toasts{top:calc(var(--teacher-bar-h) + 10rem + var(--space-16))}.app-toast{max-width:min(400px,calc(100vw - 32px));text-align:left}}.placeholder\:text-muted::-moz-placeholder{color:var(--text-muted)}.placeholder\:text-muted::placeholder{color:var(--text-muted)}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-primary-pressed:hover{background-color:var(--primary-pressed)}.hover\:bg-primary-soft:hover{background-color:var(--primary-soft)}.hover\:text-surface:hover{color:var(--surface)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-primary:disabled{background-color:var(--primary)}.disabled\:text-surface:disabled{color:var(--surface)}.disabled\:opacity-50:disabled{opacity:.5}