: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: #eab308;--rating-4: #84cc16;--rating-5: #22c55e;--rating-ink: var(--text);--rating-ink-on-color: #ffffff;--font-ui: "DM Sans", system-ui, sans-serif;--font-card: "Source Serif 4", Georgia, "Times New Roman", serif;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-24: 24px;--fs-28: 28px;--fs-32: 32px;--fw-400: 400;--fw-600: 600;--fw-700: 700;--prompt-size: 23px;--answer-size: 19px;--fg: var(--text);--primary-fg: var(--surface);--radius-sm: 8px;--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-24: 24px;--space-32: 32px;--card-max-width: 360px;--card-height: 480px;--card-ratio: 3 / 4;--dur-flip: .28s;--dur-rate-hold: .14s;--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);--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-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)}.flash-accent[data-score="5"]{background:var(--rating-5)}.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-score="5"]{background:var(--rating-5);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-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-card);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-card);font-size:var(--answer-size);font-weight:var(--fw-400);line-height:1.45;color:var(--text);margin:0;overflow:auto}.flash-answer ul{margin:.4em 0 .4em 1.2em;list-style:disc}.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-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:var(--min-tap);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-5{background:var(--rating-5)}.teacher-app{min-height:100dvh;background:var(--bg);color:var(--text)}.teacher-bar{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)}.teacher-bar-brand{min-width:0}.teacher-bar-mark{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}.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(--primary);font-weight:var(--fw-600)}.teacher-bar-menu{position:relative}.teacher-bar-burger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;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-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{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-code-menu button: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-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:40;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:flex-start;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-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:absolute;top:0;right:0}.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-seg i[data-on="1"][data-score="5"]{background:var(--rating-5)}.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-score-pip[data-score="5"]{background:var(--rating-5)}.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{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-16)}.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-name{min-width:0;margin:0;font-size:var(--fs-18);font-weight:var(--fw-600);line-height:1.3}.teacher-class-code{margin:var(--space-8) 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-18);font-weight:var(--fw-600);letter-spacing:.12em;color:var(--primary)}.teacher-class-meta{margin:var(--space-8) 0 0;font-size:var(--fs-12);color:var(--text-muted)}.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;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-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;justify-content:flex-end}.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-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)}.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}*,: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}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.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}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.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-10{min-height:2.5rem}.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))}.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-1{padding-left:.25rem;padding-right:.25rem}.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-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pt-4{padding-top:1rem}.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}.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:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.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}