:root{--bg: oklch(.965 .018 78);--bg-2: oklch(.985 .012 85);--paper: oklch(.99 .008 85);--ink: oklch(.24 .025 55);--ink-2: oklch(.42 .02 60);--ink-3: oklch(.62 .018 65);--hair: oklch(.88 .018 75);--hair-2: oklch(.93 .012 78);--coral: oklch(.7 .16 35);--coral-ink: oklch(.42 .13 32);--blue: oklch(.58 .14 250);--blue-soft: oklch(.92 .04 250);--yellow: oklch(.86 .14 92);--green: oklch(.72 .14 145);--green-ink: oklch(.42 .12 145);--red: oklch(.62 .18 25);--font-display: "Bricolage Grotesque", ui-serif, Georgia, serif;--font-body: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 32px;--shadow-card: 0 1px 0 oklch(.99 .008 85), 0 8px 28px -16px oklch(.3 .05 60 / .18);--shadow-lift: 0 1px 0 oklch(.99 .008 85), 0 22px 50px -22px oklch(.3 .05 60 / .28)}[data-theme=editorial]{--bg: #ffffff;--bg-2: #fafaf8;--paper: #ffffff;--ink: #0e0e0c;--ink-2: #4a4a46;--ink-3: #8a8a84;--hair: #ecebe6;--hair-2: #f4f3ef;--coral: #111111;--coral-ink: #111111;--blue: #2b3a55;--blue-soft: #eef1f6;--yellow: #f0d97b;--green: #2e7a3f;--green-ink: #1a4a25;--red: #b03020;--shadow-card: 0 1px 0 #fff, 0 4px 18px -10px rgba(0,0,0,.1);--shadow-lift: 0 1px 0 #fff, 0 16px 32px -16px rgba(0,0,0,.18)}[data-theme=dark]{--bg: oklch(.18 .018 260);--bg-2: oklch(.22 .022 260);--paper: oklch(.24 .025 260);--ink: oklch(.96 .012 90);--ink-2: oklch(.78 .018 80);--ink-3: oklch(.55 .022 80);--hair: oklch(.32 .028 260);--hair-2: oklch(.28 .025 260);--coral: oklch(.74 .16 35);--coral-ink: oklch(.82 .16 35);--blue: oklch(.72 .14 230);--blue-soft: oklch(.3 .06 250);--yellow: oklch(.86 .14 92);--green: oklch(.78 .14 150);--green-ink: oklch(.86 .14 150);--red: oklch(.72 .18 25);--shadow-card: 0 1px 0 oklch(.3 .025 260), 0 16px 30px -16px rgba(0,0,0,.55);--shadow-lift: 0 1px 0 oklch(.3 .025 260), 0 26px 60px -22px rgba(0,0,0,.65)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);letter-spacing:-.01em}.app{display:grid;grid-template-columns:240px 1fr;height:100vh;background:var(--bg)}.sidebar{border-right:1px solid var(--hair);padding:22px 18px;display:flex;flex-direction:column;gap:24px;background:var(--bg-2)}.brand{font-family:var(--font-display);font-weight:700;font-size:26px;letter-spacing:-.02em;display:flex;align-items:baseline;gap:8px}.brand .dot{width:10px;height:10px;border-radius:999px;background:var(--coral);display:inline-block;transform:translateY(-2px)}.brand .sub{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:12px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--ink-2);font-size:14px;font-weight:500;text-align:left;width:100%;transition:background .12s,color .12s}.nav-item:hover{background:var(--hair-2);color:var(--ink)}.nav-item[aria-current=true]{background:var(--ink);color:var(--bg)}.nav-item .ic{width:16px;height:16px;opacity:.9}.nav-item .badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:var(--coral);color:#fff;padding:2px 6px;border-radius:999px}.sidebar .me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--hair)}.avatar{width:34px;height:34px;border-radius:999px;background:var(--coral);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--font-display);font-size:15px;flex-shrink:0}.me .who{display:flex;flex-direction:column;line-height:1.2}.me .who .name{font-weight:600;font-size:13px}.me .who .meta{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.main{overflow:auto;position:relative}.main::-webkit-scrollbar{width:10px;height:10px}.main::-webkit-scrollbar-thumb{background:var(--hair);border-radius:999px}.topbar{display:flex;align-items:center;gap:14px;padding:18px 32px;border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:4;background:var(--bg)}.topbar .crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase}.topbar h1{margin:0;font-family:var(--font-display);font-size:22px;letter-spacing:-.01em;font-weight:600}.topbar .spacer{flex:1}.topbar .stat{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--hair);background:var(--paper);font-size:13px}.topbar .stat .n{font-family:var(--font-mono);font-weight:600}.flame{color:var(--coral)}.bolt{color:var(--blue)}.page{padding:28px 32px 48px}.page-narrow{max-width:1080px;margin:0 auto}.card{background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;border:1px solid transparent;transition:transform 80ms,background .12s,border-color .12s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--bg)}.btn-primary:hover{background:var(--coral-ink)}.btn-ghost{border-color:var(--hair);background:var(--paper);color:var(--ink)}.btn-ghost:hover{background:var(--bg-2)}.btn-coral{background:var(--coral);color:#fff}.btn-coral:hover{filter:brightness(.95)}.btn-sm{padding:6px 12px;font-size:12px}.btn-lg{padding:14px 22px;font-size:16px}.lib-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:28px}.lib-hero .featured{background:linear-gradient(135deg,var(--coral),oklch(.78 .16 60));color:#fff;padding:26px 28px;border-radius:var(--radius-lg);position:relative;overflow:hidden;border:0}[data-theme=editorial] .lib-hero .featured{background:#111;color:#fff}[data-theme=dark] .lib-hero .featured{background:linear-gradient(135deg,var(--coral),oklch(.6 .15 25))}.featured .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.88}.featured h2{margin:8px 0 6px;font-family:var(--font-display);font-size:38px;line-height:1.04;font-weight:700;letter-spacing:-.015em}.featured .meta{font-size:13px;opacity:.9}.featured .cta{margin-top:18px;background:#fffffff5;color:var(--ink);display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;font-weight:600}.featured .deco{position:absolute;right:-40px;bottom:-50px;font-family:var(--font-display);font-weight:700;font-size:240px;opacity:.08;letter-spacing:-.04em;line-height:.9}.lib-hero .continue{padding:22px 24px;border-radius:var(--radius-lg);background:var(--paper);border:1px solid var(--hair);display:flex;flex-direction:column}.continue .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.continue h3{margin:6px 0 4px;font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.01em}.continue .progress{margin-top:auto;height:6px;border-radius:999px;background:var(--hair-2);overflow:hidden}.continue .progress>span{display:block;height:100%;background:var(--coral);border-radius:999px}.continue .mini-row{display:flex;gap:10px;font-size:12px;color:var(--ink-3);margin-top:8px}.section-head{display:flex;align-items:baseline;gap:14px;margin:28px 0 14px}.section-head h2{margin:0;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em}.section-head .more{margin-left:auto;font-size:13px;color:var(--ink-3)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-card{padding:16px;border-radius:var(--radius-md);background:var(--paper);border:1px solid var(--hair);text-align:left;display:flex;flex-direction:column;gap:8px;transition:transform .12s,box-shadow .12s}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.module-card .swatch{height:84px;border-radius:var(--radius-sm);background:var(--blue-soft);position:relative;overflow:hidden;display:grid;place-items:center;font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.module-card .tag-row{display:flex;gap:6px;flex-wrap:wrap;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.module-card .title{font-family:var(--font-display);font-weight:600;font-size:17px;letter-spacing:-.005em}.module-card .meta{font-size:12px;color:var(--ink-3);display:flex;gap:10px;align-items:center;margin-top:auto}.module-card .dot-sep{width:3px;height:3px;border-radius:999px;background:var(--ink-3);display:inline-block}.sw-coral{background:#ffdbd2;background:oklch(.92 .08 35)}.sw-blue{background:#d1e7ff;background:oklch(.92 .06 250)}.sw-yellow{background:#fde89a}.sw-green{background:#bff4c9}.sw-violet{background:#e9deff;background:oklch(.92 .06 300)}.sw-mint{background:#b6f4dd}.sw-rose{background:#ffd9de;background:oklch(.92 .06 10)}.sw-sand{background:#f8eace}.session{display:grid;grid-template-columns:1fr;height:calc(100vh - 65px);position:relative}.session-top{display:flex;align-items:center;gap:18px;padding:6px 32px}.session-top .word-count{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--ink-3);text-transform:uppercase}.session-top .module-name{font-family:var(--font-display);font-size:18px;font-weight:600}.session-top .progress-bar{flex:1;max-width:360px;margin-left:10px;height:6px;border-radius:999px;background:var(--hair-2);overflow:hidden}.session-top .progress-bar>span{display:block;height:100%;background:var(--coral);border-radius:999px;transition:width .32s ease}.session-top .right{margin-left:auto;display:flex;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--hair);font-size:13px}.pill .n{font-family:var(--font-mono);font-weight:600}.session-stage{display:flex;flex-direction:column;align-items:center;padding:4px 32px 14px;gap:12px;min-height:0}.orb-wrap{display:flex;align-items:center;justify-content:center;position:relative}.orb{width:260px;height:260px;border-radius:999px;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);position:relative;background:radial-gradient(circle at 35% 30%,oklch(.88 .1 40),var(--coral) 70%);color:#fff;box-shadow:0 30px 70px -30px #bd43348c,inset 0 -20px 50px #ac32254d;transition:transform .28s cubic-bezier(.4,1.4,.5,1),background .2s}[data-theme=editorial] .orb{background:radial-gradient(circle at 35% 30%,#2a2a2a,#111 70%);box-shadow:0 30px 70px -30px #0006}[data-theme=dark] .orb{background:radial-gradient(circle at 35% 30%,#ff977d,#bd4334 70%);background:radial-gradient(circle at 35% 30%,color(xyz 0.59 0.444 0.203),#bd4334 70%)}.orb .label{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;text-align:center}.orb .label.label-cta{font-size:15px;letter-spacing:.1em;opacity:.95}.orb .label .blink{animation:blink 1.1s steps(2,end) infinite}@keyframes blink{50%{opacity:.3}}.orb.state-playing{animation:pulse-play 1.8s ease-in-out infinite}.orb.state-listening{animation:pulse-listen 1.2s ease-in-out infinite}.orb.state-correct{background:radial-gradient(circle at 35% 30%,oklch(.86 .12 150),var(--green) 70%)}.orb.state-wrong{background:radial-gradient(circle at 35% 30%,oklch(.82 .14 30),var(--red) 70%)}.orb.state-idle{transform:scale(.95);opacity:.92}@keyframes pulse-play{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes pulse-listen{0%,to{transform:scale(1);box-shadow:0 30px 70px -30px #bd43348c,0 0 #f074568c}50%{transform:scale(1.025);box-shadow:0 30px 70px -30px #bd43348c,0 0 0 28px #f0745600}}.orb-rings{position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;border-radius:999px;pointer-events:none}.orb-rings .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;border:1px solid var(--coral);opacity:0;animation:ring 2s ease-out infinite}[data-theme=editorial] .orb-rings .ring{border-color:#111}.orb-rings .ring.r2{animation-delay:.7s}.orb-rings .ring.r3{animation-delay:1.4s}@keyframes ring{0%{opacity:.55;transform:scale(.7)}to{opacity:0;transform:scale(1.12)}}.orb-content{width:100%;min-width:0}.orb.tappable{cursor:pointer}.orb.tappable:active{transform:scale(.97)}.wave{display:flex;gap:4px;align-items:end;justify-content:center;height:56px;margin-top:4px;max-width:100%;overflow:hidden}.wave .bar{width:4px;border-radius:999px;background:#ffffffd9}.session-prompt{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.session-prompt .step{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3)}.session-prompt .heading{font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.01em;color:var(--ink);max-width:700px}.session-prompt .heading em{background:var(--yellow);padding:0 6px;font-style:normal;border-radius:6px}[data-theme=dark] .session-prompt .heading em{color:#1f1a0d}.letters{--tile-w: 58px;--tile-gap: 8px;display:flex;gap:var(--tile-gap);justify-content:center;flex-wrap:wrap;min-height:90px;margin-top:6px;max-width:calc(var(--tile-w) * 6 + var(--tile-gap) * 5)}.letters.letters-progressive{width:calc(var(--tile-w) * var(--cols) + var(--tile-gap) * (var(--cols) - 1));justify-content:flex-start}.letter{width:var(--tile-w);height:76px;border-radius:var(--radius-sm);border:1px solid var(--hair);background:var(--paper);display:grid;place-items:center;font-family:var(--font-display);font-size:32px;font-weight:600;color:var(--ink);position:relative;animation:pop .22s cubic-bezier(.4,1.6,.5,1) both}.letter.empty{background:transparent;border:1px dashed var(--hair);color:transparent}.letter.hidden-letter{background:var(--bg-2);color:var(--ink-3);font-family:var(--font-mono);font-size:22px}.letter.correct{border-color:var(--green);background:#d6fedd;color:var(--green-ink)}.letter.wrong{border-color:var(--red);background:#ffeeeb;background:oklch(.97 .06 25);color:var(--red)}[data-theme=dark] .letter.correct{background:#14361d;color:var(--green-ink)}[data-theme=dark] .letter.wrong{background:#4f1a18;color:var(--red)}.letter.tentative{background:#f1ebff;background:oklch(.95 .08 300);border-color:#c4a3ff;border-color:oklch(.78 .16 300);color:#6928b0;animation:live-pulse 1.2s ease-in-out infinite;transition:background .2s ease,border-color .2s ease,color .2s ease}.letter.confirmed{background:#914de6;border-color:#7a31ca;color:#fff;animation:none;transition:background .24s ease,border-color .24s ease,color .24s ease}[data-theme=dark] .letter.tentative{background:#3b235d;color:#d6c1ff;color:oklch(.85 .16 300)}[data-theme=dark] .letter.confirmed{background:#8843db;color:#fff}.live-progress{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.word-bookend{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px dashed var(--hair);background:transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);transition:all .24s ease}.word-bookend .dot{width:8px;height:8px;border-radius:999px;background:var(--ink-3);opacity:.35;transition:background .24s ease,opacity .24s ease}.word-bookend.tentative{border-style:solid;border-color:#c4a3ff;border-color:oklch(.78 .16 300);background:#f7f3ff;background:oklch(.97 .05 300);color:#6928b0;animation:live-pulse 1.2s ease-in-out infinite}.word-bookend.tentative .dot{background:#a46bf5;opacity:.95}.word-bookend.confirmed{border-style:solid;border-color:#7a31ca;background:#914de6;color:#fff;animation:none}.word-bookend.confirmed .dot{background:#fff;opacity:1}[data-theme=dark] .word-bookend.tentative{background:#3b235d;color:#d6c1ff;color:oklch(.85 .16 300)}[data-theme=dark] .word-bookend.confirmed{background:#8843db}@keyframes live-pulse{0%,to{box-shadow:0 0 #c4a3ff59;box-shadow:0 0 oklch(.78 .18 300 / .35)}50%{box-shadow:0 0 0 6px #c4a3ff00;box-shadow:0 0 0 6px oklch(.78 .18 300 / 0)}}.letters.letters-progressive{flex-wrap:wrap;overflow:visible}.letters.letters-progressive .letter{animation:letter-appear .28s ease-out}.letters.letters-progressive .letter.tentative{animation:letter-appear .28s ease-out,live-pulse 1.2s ease-in-out infinite}@keyframes letter-appear{0%{opacity:0;transform:translateY(4px) scale(.85)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.5) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.diff{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:4px}.diff .label-row{display:flex;align-items:center;gap:18px;font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}.diff-cells{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.diff-col{display:flex;flex-direction:column;gap:4px;align-items:center}.diff-col .you{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:22px}.diff-col.match .you{background:#d0f7d6;color:var(--green-ink);border:1px solid var(--green)}.diff-col.miss .you{background:#ffe3df;background:oklch(.94 .07 25);color:var(--red);border:1px solid var(--red);text-decoration:line-through}.diff-col.extra .you{background:#ffe3df;background:oklch(.94 .07 25);color:var(--red);border:1px dashed var(--red)}.diff-col.missing .you{background:transparent;border:1px dashed var(--hair);color:var(--ink-3)}.diff-col.uncertain .you{background:#ffeccd;background:oklch(.95 .1 80);color:#774a00;color:oklch(.45 .15 70);border:1px solid oklch(.78 .15 80)}[data-theme=dark] .diff-col.match .you{background:#193b22}[data-theme=dark] .diff-col.miss .you{background:#551f1d}[data-theme=dark] .diff-col.uncertain .you{background:#442e00;background:oklch(.32 .1 80);color:#ffcf7d;color:oklch(.88 .12 80)}.diff-col .truth{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-size:18px;color:var(--ink-2);background:var(--bg-2)}.diff-col .arrow{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.session-actions{display:flex;gap:10px;justify-content:center;padding-bottom:8px}.xp-burst{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:48px;color:var(--coral);animation:xp 1.4s cubic-bezier(.3,1.5,.5,1) forwards;z-index:9}@keyframes xp{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-160%) scale(1)}}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8;overflow:hidden}.confetti span{position:absolute;top:50%;left:50%;width:8px;height:12px;border-radius:2px;animation:conf 1.2s ease-out forwards}@keyframes conf{0%{opacity:1;transform:translate(-50%,-50%) rotate(var(--r,0deg))}to{opacity:0;transform:translate(calc(-50% + var(--x,0px)),calc(-50% + var(--y,0px))) rotate(calc(var(--r,0deg) + 720deg))}}.tutor-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.tabs{display:inline-flex;padding:4px;border-radius:999px;background:var(--bg-2);border:1px solid var(--hair);margin-bottom:14px}.tab{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-2)}.tab[aria-selected=true]{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 var(--hair)}.word-input{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--hair);background:var(--paper)}.word-input input{flex:1;border:0;outline:0;background:transparent;font-size:16px;padding:6px 4px}.word-input .add{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);border:1px solid var(--hair);border-radius:6px;padding:3px 8px}.dict-suggest{margin-top:10px;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--paper);overflow:hidden}.dict-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hair-2);cursor:pointer}.dict-row:last-child{border-bottom:0}.dict-row:hover{background:var(--bg-2)}.dict-row .head{font-family:var(--font-display);font-weight:600;font-size:16px}.dict-row .pos{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.dict-row .def{color:var(--ink-2);font-size:13px;flex:1}.dict-row .ipa{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.word-list{display:flex;flex-direction:column;gap:6px;margin-top:14px}.word-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--hair)}.word-row .idx{font-family:var(--font-mono);color:var(--ink-3);font-size:12px}.word-row .word{font-family:var(--font-display);font-weight:600;font-size:17px}.word-row .state{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.word-row .state.ok{color:var(--green-ink)}.word-row .icon-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--hair);color:var(--ink-2)}.word-row .icon-btn:hover{background:var(--bg-2);color:var(--ink)}.cam-panel{padding:18px;display:flex;flex-direction:column;gap:14px}.cam{aspect-ratio:4 / 3;border-radius:var(--radius-md);background:linear-gradient(135deg,#141b23,#283441);position:relative;overflow:hidden;color:#fff}.cam .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 38%,#64709500 30%,#00000059 75%)}.cam .cam-prompt{position:absolute;top:18px;left:18px;right:18px;display:flex;flex-direction:column;gap:4px;align-items:center}.cam .small-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;padding:4px 10px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:999px}.cam .your-word{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:-.01em;margin-top:6px}.cam .cam-bottom{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:10px}.cam .rec-btn{width:56px;height:56px;border-radius:999px;background:#ffffff26;border:3px solid rgba(255,255,255,.85);display:grid;place-items:center}.cam .rec-btn .inner{width:22px;height:22px;border-radius:6px;background:var(--coral);transition:all .18s}.cam.recording .rec-btn .inner{width:18px;height:18px}.cam .timer{position:absolute;top:18px;right:18px;font-family:var(--font-mono);font-size:12px;background:#00000073;padding:4px 8px;border-radius:6px}.cam .timer .dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--coral);margin-right:6px;animation:blink 1.2s steps(2,end) infinite}.cam .face{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56%;aspect-ratio:1;border:1px dashed rgba(255,255,255,.3);border-radius:999px}.cam-meta{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--ink-2)}.cam-meta .lab{color:var(--ink-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em}.tag-input{display:flex;gap:6px;flex-wrap:wrap;padding:10px;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--paper)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:var(--bg-2);font-size:12px;border:1px solid var(--hair)}.tag .x{font-family:var(--font-mono);color:var(--ink-3)}.tag-input input{flex:1;min-width:100px;border:0;outline:0;background:transparent;font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.field input[type=text]{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--hair);background:var(--paper);outline:0;font-size:15px}.field input[type=text]:focus{border-color:var(--ink)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--paper)}.toggle-row .copy{display:flex;flex-direction:column}.toggle-row .copy .t{font-weight:600;font-size:14px}.toggle-row .copy .s{font-size:12px;color:var(--ink-3)}.switch{width:40px;height:22px;border-radius:999px;background:var(--hair);position:relative;transition:background .16s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0003;transition:left .16s}.switch.on{background:var(--coral)}.switch.on:after{left:20px}.result-hero{background:linear-gradient(135deg,var(--coral),oklch(.78 .14 60));border-radius:var(--radius-lg);padding:36px;color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;position:relative;overflow:hidden}[data-theme=editorial] .result-hero{background:#111;color:#fff}[data-theme=dark] .result-hero{background:linear-gradient(135deg,var(--coral),oklch(.6 .15 25))}.result-hero h2{margin:0;font-family:var(--font-display);font-size:54px;line-height:1;font-weight:700;letter-spacing:-.02em}.result-hero .small{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.result-hero .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.result-hero .stat-card{background:#ffffff24;border:1px solid rgba(255,255,255,.22);padding:14px 16px;border-radius:14px}.result-hero .stat-card .v{font-family:var(--font-display);font-size:32px;font-weight:700}.result-hero .stat-card .k{font-size:12px;opacity:.86}.score-ring{width:220px;height:220px}.review-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.review-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--hair)}.review-row .iconpad{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;background:var(--bg-2);color:var(--ink-2)}.review-row.right .iconpad{background:#d0f7d6;color:var(--green-ink)}.review-row.wrong .iconpad{background:#ffe3df;background:oklch(.94 .07 25);color:var(--red)}[data-theme=dark] .review-row.right .iconpad{background:#193b22}[data-theme=dark] .review-row.wrong .iconpad{background:#551f1d}.review-row .word{font-family:var(--font-display);font-weight:600;font-size:16px;flex:1}.review-row .yours{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.search-bar{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--paper);border:1px solid var(--hair);border-radius:999px;margin-bottom:22px}.search-bar input{border:0;outline:0;background:transparent;flex:1;font-size:16px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.chip{padding:7px 14px;border-radius:999px;border:1px solid var(--hair);background:var(--paper);font-size:13px;color:var(--ink-2)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.creator-row{display:flex;gap:12px;padding:6px 0 4px;overflow-x:auto}.creator{flex-shrink:0;width:100px;display:flex;flex-direction:column;align-items:center;gap:6px}.creator .av{width:72px;height:72px;border-radius:999px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff}.creator .name{font-size:13px;font-weight:500}.creator .role{font-family:var(--font-mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.private-banner{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed var(--hair);border-radius:var(--radius-sm);background:var(--bg-2);font-size:13px;color:var(--ink-2);margin-bottom:20px}.private-banner .key{width:24px;height:24px;border-radius:6px;background:var(--yellow);display:grid;place-items:center}.ic-svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--ink-3)}.login-page{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:420px;padding:28px;display:flex;flex-direction:column}.sample-account{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--hair);border-radius:8px;background:var(--bg-2);cursor:pointer;text-align:left;width:100%;font-family:inherit}.sample-account:hover{border-color:var(--coral)}.sample-account .muted{flex:1;font-size:12px}.sample-account .ic-svg{width:14px;height:14px;color:var(--ink-3)}.empty-state{padding:36px 24px;text-align:center;color:var(--ink-3);border:1px dashed var(--hair);border-radius:12px;background:var(--bg-2)}.empty-state .t{font-size:16px;color:var(--ink);font-weight:500;margin-bottom:4px}.loading{padding:24px;text-align:center;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.word-row .rec-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--red);font-family:var(--font-mono)}.word-row .rec-badge .dot{width:7px;height:7px;border-radius:999px;background:var(--red);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th,.users-table td{padding:10px 14px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:middle}.users-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2);border-bottom:1px solid var(--hair)}.users-table tr:last-child td{border-bottom:none}.users-table input,.users-table select{padding:6px 8px;font-size:13px;border:1px solid var(--hair);border-radius:6px;background:var(--bg);color:var(--ink)}.role-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.role-pill.role-admin{background:#ffeccd;background:oklch(.95 .1 80);color:#653e00;color:oklch(.4 .18 70)}.role-pill.role-creator{background:#ddedff;background:oklch(.94 .07 250);color:#004981;color:oklch(.4 .18 250)}.role-pill.role-student{background:#d0f7d6;color:var(--green-ink)}[data-theme=dark] .role-pill.role-admin{background:#442e00;background:oklch(.32 .1 80);color:#ffc251;color:oklch(.85 .16 80)}[data-theme=dark] .role-pill.role-creator{background:#00345f;background:oklch(.32 .1 250);color:#a8d2ff;color:oklch(.85 .16 250)}[data-theme=dark] .role-pill.role-student{background:#193b22;color:var(--green-ink)}.nav-toggle,.drawer-close,.nav-scrim{display:none}@media (max-width: 860px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:284px;max-width:84vw;transform:translate(-100%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:60;padding-top:max(22px,env(safe-area-inset-top));padding-left:max(18px,env(safe-area-inset-left))}.sidebar.open{transform:translate(0);box-shadow:0 24px 70px -20px #0006}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000006b;opacity:0;pointer-events:none;transition:opacity .26s ease;z-index:55}.app.nav-open .nav-scrim{opacity:1;pointer-events:auto}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-8px;border-radius:10px;color:var(--ink);flex-shrink:0}.nav-toggle:hover{background:var(--hair-2)}.nav-toggle .ic-svg{width:22px;height:22px}.drawer-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:32px;height:32px;border-radius:8px;color:var(--ink-2)}.drawer-close:hover{background:var(--hair-2);color:var(--ink)}.drawer-close .ic-svg{width:18px;height:18px}.brand{align-items:center}.nav-item{padding:12px;font-size:15px}.nav-group-label{padding-top:14px}.topbar{gap:8px 10px;flex-wrap:wrap;padding:max(12px,env(safe-area-inset-top)) 16px 12px}.topbar-titles{min-width:0;flex:1 0 58%}.topbar-titles .crumb{font-size:10px}.topbar h1{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .spacer{display:none}.page{padding:18px 16px calc(40px + env(safe-area-inset-bottom))}.page-narrow{max-width:100%}.lib-hero{grid-template-columns:1fr;gap:14px;margin-bottom:20px}.featured{padding:22px}.featured h2{font-size:30px}.featured .deco{font-size:150px;right:-22px;bottom:-30px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.module-card .swatch{height:70px;font-size:30px}.section-head{margin:22px 0 12px}.tutor-wrap{grid-template-columns:1fr;gap:14px}.word-row{grid-template-columns:24px 1fr auto}.word-row .state{display:none}.users-table{display:block;width:100%;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.session{height:auto;min-height:calc(100dvh - 60px)}.session-top{flex-wrap:wrap;padding:8px 16px;gap:10px 14px}.session-top .progress-bar{order:5;flex-basis:100%;max-width:none;margin-left:0}.session-top .right{margin-left:auto}.session-stage{padding:4px 16px 16px;gap:10px;width:100%;overflow-x:clip}.orb{width:200px;height:200px}.orb-rings{top:-44px;right:-44px;bottom:-44px;left:-44px}.session-prompt .heading{font-size:24px}.letters{--tile-w: 46px;--tile-gap: 6px;min-height:72px}.letter{height:60px;font-size:26px}.letter.hidden-letter{font-size:18px}.live-progress{gap:8px}.word-bookend{padding:7px 11px;font-size:10px}.diff-cells{gap:6px}.diff-col .you,.diff-col .truth{width:36px;height:36px;font-size:18px}.session-actions{flex-wrap:wrap;padding:0 16px 12px}.btn-lg{padding:13px 20px;font-size:15px}}@media (max-width: 480px){.featured h2{font-size:26px}.featured .deco{font-size:120px}.module-card .swatch{height:62px;font-size:26px}.topbar h1{font-size:18px}.orb{width:168px;height:168px}.session-prompt .heading{font-size:21px}.letters{--tile-w: 40px}.letter{height:52px;font-size:22px}.letter.hidden-letter{font-size:16px}.diff-col .you,.diff-col .truth{width:32px;height:32px;font-size:16px}}@media (hover: none) and (pointer: coarse){.btn-sm{padding:8px 14px;font-size:13px}.icon-btn{min-width:36px;min-height:36px}.kbd-hint{display:none}}.alpha-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:max(20px,env(safe-area-inset-top)) 18px calc(28px + env(safe-area-inset-bottom));background:var(--bg)}.alpha-card{width:100%;max-width:520px;margin:auto;background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius);padding:28px 24px;box-shadow:0 30px 70px -40px #0000004d;text-align:center}.alpha-brand{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-3);text-transform:uppercase;margin-bottom:14px}.alpha-h1{font-family:var(--font-display);font-size:26px;font-weight:700;margin:0 0 10px;line-height:1.2}.alpha-p{color:var(--ink-2);margin:0 0 20px}.alpha-field{display:block;text-align:left;margin-bottom:14px}.alpha-label{display:block;font-size:13px;font-weight:600;margin-bottom:5px}.alpha-field input,.alpha-field select{width:100%;padding:10px 12px;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--bg-2);font:inherit;color:var(--ink)}.alpha-hint{display:block;font-size:11px;color:var(--ink-3);margin-top:4px}.alpha-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.alpha-record{display:flex;flex-direction:column;align-items:center}.alpha-record .letters{--tile-w: 40px;--tile-gap: 6px;max-width:100%}.alpha-record .letter{height:50px;font-size:20px}.alpha-record .letter.hidden-letter{font-size:16px}.alpha-demo-letters{--tile-w: 40px;--tile-gap: 6px;max-width:100%}.alpha-demo-letters .letter{height:50px;font-size:20px}.alpha-demo{display:flex;flex-direction:column;align-items:center}.alpha-cue{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:20px}.alpha-bigletter{font-family:var(--font-display);font-weight:700;font-size:96px;line-height:1;margin:6px 0;min-height:96px;color:var(--ink)}.alpha-progress{font-size:13px;color:var(--ink-3)}.alpha-error{color:var(--red, #c44);font-size:13px;margin:8px 0}.alpha-done .alpha-tick{width:64px;height:64px;margin:0 auto 14px;border-radius:999px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:700}@media (max-width: 480px){.alpha-bigletter{font-size:76px;min-height:76px}.alpha-h1{font-size:22px}}.tstage{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.tjob-log{margin:12px 0 0;padding:10px 12px;background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--radius-sm);font-size:11px;line-height:1.5;max-height:180px;overflow-y:auto;white-space:pre-wrap}.tletter-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 12px}.tletter-tab{border:1px solid var(--hair);border-radius:7px;padding:4px 9px;background:var(--paper);font-family:var(--font-mono);font-size:12px}.tletter-tab.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tclip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.tclip{padding:10px}.tclip.is-suspect{border-color:var(--red)}.tclip.is-excluded{opacity:.5}.tclip-hd{font-size:11px;color:var(--ink-3);margin-bottom:6px}.tclip-hd b{color:var(--ink);font-size:13px}.tclip-relabel{color:var(--red);font-weight:700}.tclip-wave{position:relative;height:72px;border-radius:6px;overflow:hidden;background:var(--bg-2);touch-action:none;cursor:crosshair}.tclip-wave canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tclip-region{position:absolute;top:0;bottom:0;background:#2b7ec929;border-left:2px solid var(--blue);border-right:2px solid var(--blue);pointer-events:none}.tclip-handle{position:absolute;top:0;bottom:0;width:12px;margin-left:-6px;cursor:ew-resize}.tclip-handle:after{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--blue)}.tclip-ctl{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.tclip-ctl select{border:1px solid var(--hair);border-radius:6px;padding:4px 8px;background:var(--paper);font:inherit}.tclip-chk{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-2);cursor:pointer}.dsfilter{position:relative}.dsfilter-menu{position:absolute;top:100%;left:0;z-index:20;min-width:240px;max-height:260px;overflow-y:auto;background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);padding:4px}.dsfilter-item{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:6px;font-size:13px}.dsfilter-item:hover{background:var(--hair-2)}.dsfilter-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:999px;background:var(--blue-soft);border:1px solid var(--blue);color:var(--ink);font-size:12px}.dsfilter-pill button{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--ink-2)}.dsfilter-pill button:hover{background:var(--blue);color:#fff}.tclip-win{display:inline-flex;gap:2px}.icon-mini{width:26px;height:26px;border-radius:6px;border:1px solid var(--hair);background:var(--paper);font-size:11px;display:grid;place-items:center}.icon-mini:hover{background:var(--hair-2)}.rwave-card{padding:16px 18px;margin-bottom:14px}.rwave-scroll{overflow-x:auto;overflow-y:hidden;border:1px solid var(--hair);border-radius:var(--radius-sm);background:var(--bg-2);-webkit-overflow-scrolling:touch}.rwave-inner{position:relative}.rwave-lane{position:relative;height:120px;cursor:text}.rwave-lane canvas{position:absolute;left:0;top:0}.rwave-seg{position:absolute;top:0;bottom:0;background:#2b7ec924;border-left:2px solid var(--blue);border-right:2px solid var(--blue);pointer-events:none}.rwave-seg.is-excluded{background:#de4e4b2e;border-left-color:var(--red);border-right-color:var(--red)}.rwave-handle{position:absolute;top:0;height:120px;width:12px;margin-left:-6px;cursor:ew-resize;z-index:3}.rwave-playhead{position:absolute;top:0;height:120px;width:2px;background:var(--coral);pointer-events:none;z-index:4}.rwave-labels{position:relative;height:138px}.rwave-del{position:absolute;top:-7px;right:-7px;width:17px;height:17px;border-radius:999px;background:var(--paper);border:1px solid var(--hair);font-size:12px;line-height:1;display:grid;place-items:center;color:var(--ink-2);z-index:3}.rwave-del:hover{background:var(--red);border-color:var(--red);color:#fff}.rwave-labelbox{position:absolute;width:68px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--paper);border:1px solid var(--hair);border-radius:8px;padding:4px 3px;z-index:2}.rwave-labelbox.is-new{border-color:var(--green)}.rwave-labelbox select{border:1px solid var(--hair);border-radius:6px;padding:3px 6px;background:var(--paper);font:inherit;font-size:13px}.rwave-tick{position:absolute;top:0;width:1px;background:var(--hair);pointer-events:none}.rwave-seg.is-new{background:#67bb6b2e;border-left-color:var(--green);border-right-color:var(--green)}.rwave-sel{position:absolute;top:0;bottom:0;background:#67bb6b1f;border:1px dashed var(--green);pointer-events:none;z-index:2}.rwave-picker{position:absolute;top:126px;z-index:10;display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--hair);border-radius:var(--radius-sm);box-shadow:var(--shadow-lift);padding:8px 10px}.rwave-picker select{border:1px solid var(--hair);border-radius:6px;padding:3px 6px;background:var(--paper);font:inherit}