:root{--bg:#0d0f1a;--surface:#151829;--raised:#1d2138;--line:#2c3150;--text:#eef0fa;--muted:#a6acc9;--accent:#9a8fff;--accent-2:#4fd3ee;--warm:#ffbf7a;--good:#5fd39a;--bad:#ff8593;--stage:#f6f3ec;--stage-ink:#1b1d2a;--display:ui-serif, "New York", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r:18px;--tap:48px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:17px/1.55 var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60vmax 45vmax at 85% -10%,#9a8fff33,#0000 60%),radial-gradient(50vmax 40vmax at -10% 105%,#4fd3ee21,#0000 60%);position:fixed;top:0;bottom:0;left:0;right:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.15}h1{font-size:clamp(1.9rem,6vw,2.7rem)}h2{margin:2rem 0 .7rem;font-size:1.3rem}h3{margin:1.2rem 0 .5rem;font-size:1.1rem}p{margin:.6rem 0}a{color:var(--accent-2)}ul,ol{padding-left:1.2rem}li{margin:.35rem 0}:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px;border-radius:6px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.muted,em{color:var(--muted);font-style:normal}.muted{font-size:.92rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-2);margin:0 0 .3rem;font-size:.74rem;font-weight:600}.sub{color:var(--muted);margin:.4rem 0 0}.quiet{color:var(--muted)}.empty{color:var(--muted);border:1px dashed var(--line);border-radius:var(--r);padding:1.2rem}.note{border-left:3px solid var(--warm);background:#ffbf7a14;border-radius:0 12px 12px 0;padding:.7rem 1rem}.error{color:var(--bad)}.credit{color:var(--muted);font-size:.8rem}.skip{background:var(--accent);color:#000;z-index:50;padding:.6rem 1rem;position:absolute;top:0;left:-999px}.skip:focus{top:8px;left:8px}.shell{min-height:100dvh;display:flex}.side{display:none}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;padding:calc(.6rem + var(--safe-t)) 1rem .6rem;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#0d0f1ad1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.page{padding:1.2rem 1rem calc(6.2rem + var(--safe-b));width:100%;max-width:1040px;margin:0 auto;animation:.28s ease-out rise}.narrow{max-width:680px;margin-inline-start:auto;margin-inline-end:auto}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.no-motion *,.no-motion :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}.brand{font-family:var(--display);align-items:center;gap:.55rem;font-size:1.15rem;font-weight:600;display:flex}.brand.big{font-size:1.3rem}.mark{background:radial-gradient(circle at 34% 50%, transparent 5px, var(--accent) 5.5px, var(--accent) 8.5px, transparent 9px), radial-gradient(circle at 66% 50%, transparent 5px, var(--accent-2) 5.5px, var(--accent-2) 8.5px, transparent 9px);flex:none;width:30px;height:20px}.tabs{z-index:30;padding:.3rem .4rem calc(.3rem + var(--safe-b));-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);background:#101220e6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{min-height:var(--tap);color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:.72rem;text-decoration:none;display:flex}.tabs a span{font-size:1.25rem;line-height:1}.tabs a.active{color:var(--text);background:#9a8fff29}.who{position:relative}.who-btn{background:var(--raised);border:1px solid var(--line);border-radius:999px;align-items:center;gap:.5rem;min-height:40px;padding:.2rem .8rem .2rem .25rem;display:flex}.avatar{color:#0d0f1a;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.who-menu{background:var(--raised);border:1px solid var(--line);border-radius:14px;min-width:230px;padding:.35rem;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 40px #00000080}.who-menu button,.who-menu a{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:10px;padding:.7rem .8rem;text-decoration:none;display:block}.who-menu .on{color:var(--accent-2)}@media (min-width:900px){.side{border-right:1px solid var(--line);background:#15182999;flex-direction:column;flex:none;width:264px;height:100dvh;padding:1.4rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.side nav{flex-direction:column;gap:2px;margin-top:1.4rem;display:flex}.side nav a{color:var(--muted);border-radius:12px;align-items:center;gap:.7rem;padding:.55rem .7rem;font-size:.96rem;text-decoration:none;display:flex}.side nav a span{text-align:center;width:1.3rem}.side nav a:hover{color:var(--text);background:var(--raised)}.side nav a.active{color:var(--text);background:linear-gradient(90deg,#9a8fff40,#4fd3ee14)}.tagline{font-family:var(--display);color:var(--muted);margin-top:auto;padding-top:1.5rem;font-size:.95rem}.tabs{display:none}.topbar .brand.small{visibility:hidden}.page{padding:2rem 2.4rem 4rem}}.page-head{margin-bottom:1.2rem}.back{min-height:40px;color:var(--muted);background:0 0;border:0;align-items:center;margin-bottom:.2rem;padding:0;text-decoration:none;display:inline-flex}.tip{border:1px solid var(--line);background:#4fd3ee0d;border-radius:14px;margin-top:1rem}.tip-head{width:100%;min-height:var(--tap);text-align:left;background:0 0;border:0;align-items:center;gap:.6rem;padding:0 .9rem;font-weight:600;display:flex}.tip-head span:first-child{background:var(--accent-2);color:#06202a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:800;display:grid}.tip-chev{color:var(--muted);margin-left:auto}.tip ol{color:var(--muted);margin:0;padding:0 1rem .9rem 2.4rem;font-size:.95rem}.btn{min-height:var(--tap);border:1px solid var(--line);background:var(--raised);color:var(--text);border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1.15rem;font-weight:600;text-decoration:none;display:inline-flex}.btn.primary{color:#0b0d18;background:linear-gradient(120deg, var(--accent), var(--accent-2));border:0}.btn.danger{color:var(--bad);border-color:#ff859380}.btn.wide{width:100%}.btn.file{position:relative;overflow:hidden}.btn.file input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.link{color:var(--accent-2);background:0 0;border:0;padding:0;text-decoration:underline}.row{align-items:center;gap:.6rem;margin:.8rem 0;display:flex}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:1.6rem}.row>span{flex:1;min-width:0}label{margin:.9rem 0;font-size:.95rem;font-weight:600;display:block}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:.35rem;padding:.55rem .8rem;font-size:16px;font-weight:400;display:block}.row input,.row select{flex:1;min-width:9rem;margin-top:0}.check,.radio{min-height:var(--tap);align-items:center;gap:.65rem;margin:.2rem 0;font-weight:400;display:flex}.check input,.radio input{width:22px;height:22px;accent-color:var(--accent);flex:none}fieldset{border:0;margin:.9rem 0;padding:0}legend{padding:0;font-size:.95rem;font-weight:600}.chip{border:1px solid var(--line);min-height:40px;color:var(--muted);background:0 0;border-radius:999px;align-items:center;padding:.3rem .9rem;font-size:.92rem;text-decoration:none;display:inline-flex}.chip.on{color:var(--text);border-color:var(--accent);background:#9a8fff29}.chip.dim{border-style:dashed}.chips{flex-wrap:wrap;gap:.45rem;display:flex}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin:.4rem 0;padding:.25rem .7rem;font-size:.78rem;font-weight:600;display:inline-block}.badge-verified{color:var(--good);border-color:#5fd39a80}.badge-draft,.badge-illustration,.badge-learner{color:var(--warm);border-color:#ffbf7a73}.bar{background:var(--line);border-radius:99px;height:6px;overflow:hidden}.bar span{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:99px;height:100%;transition:width .4s;display:block}.feedback{background:var(--raised);border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem}.plain{padding:0;list-style:none}.plain-btn{background:0 0;border:0;padding:0}.table{border-collapse:collapse;width:100%;font-size:.93rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.55rem .5rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}.letter{text-align:center;margin:0}.letter img,.letter-missing{aspect-ratio:3/4;object-fit:contain;background:var(--stage);border-radius:16px;width:100%;padding:8%;display:block}.letter-missing{color:#5b5f78;place-items:center;font-size:.8rem;display:grid}.letter figcaption{font-family:var(--display);margin-top:.25rem;font-size:1.15rem}.letter-sm{flex:none;width:58px}.letter-sm figcaption{font-size:.9rem}.letter-md{width:100%}.letter-lg{width:min(260px,70vw);margin:.6rem auto}.letter-lg figcaption{font-size:2rem}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:.7rem;margin:1rem 0 .4rem;display:grid}.letter-grid.all{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.media{margin:1rem 0}.media img,.media video,.live{background:#000;border-radius:16px;width:100%;display:block}.media figcaption{color:var(--muted);margin-top:.4rem;font-size:.8rem}.video-stage video{background:#000;border-radius:16px;width:100%}.live{aspect-ratio:3/4;object-fit:cover}video.live:not([controls]){transform:scaleX(-1)}.live.off{color:var(--muted);border:1px dashed var(--line);background:var(--surface);place-items:center;display:grid}.hero{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.ring{flex:none;width:104px;height:104px;position:relative}.ring svg{width:100%;height:100%}.ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.ring-bg{stroke:var(--line)}.ring-fg{stroke:var(--accent-2);transition:stroke-dashoffset .6s}.ring-text{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ring-text strong{font:600 1.6rem var(--display)}.ring-text span{color:var(--muted);font-size:.68rem}.action{text-align:left;width:100%;color:var(--text);border-radius:var(--r);background:linear-gradient(135deg,#9a8fff3d,#4fd3ee12);border:1px solid #9a8fff73;margin:.7rem 0;padding:1.1rem 1.2rem;text-decoration:none;display:block}.action.alt{border-color:var(--line);background:var(--surface)}.action-title{font:600 1.2rem var(--display);display:block}.action-sub{color:var(--muted);margin-top:.15rem;font-size:.9rem;display:block}.split{gap:1rem;margin:1rem 0;display:grid}@media (min-width:700px){.split{grid-template-columns:1fr 1fr}.split .action{margin:0}}.panel{border-radius:var(--r);background:var(--surface);border:1px solid var(--line);padding:1.1rem 1.2rem}.panel h2,.panel h3{margin-top:0}.panel.feature{background:linear-gradient(160deg, #ffbf7a1f, transparent 60%), var(--surface)}.prompt{font:500 1.25rem/1.35 var(--display)}.quick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;display:grid}.quick a{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:14px;padding:.9rem 1rem;text-decoration:none}.stats{grid-template-columns:repeat(4,1fr);gap:.5rem;margin:1rem 0;display:grid}.stats div{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem .2rem}.stats strong{font:600 1.6rem var(--display);display:block}.stats span{color:var(--muted);font-size:.72rem}.path{margin:0;padding:0;list-style:none;position:relative}.path:before{content:"";background:linear-gradient(var(--accent), var(--accent-2), var(--line));opacity:.5;width:2px;position:absolute;top:20px;bottom:20px;left:25px}.path-stop{margin:0}.path-stop a{color:var(--text);gap:1rem;padding:.8rem 0;text-decoration:none;display:flex;position:relative}.path-n{width:52px;height:52px;font:600 1.05rem var(--display);background:var(--bg);border:2px solid var(--line);z-index:1;border-radius:50%;flex:none;place-items:center;display:grid}.path-stop.done .path-n{border-color:var(--good);color:var(--good)}.path-stop.locked{opacity:.62}.path-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;padding-top:.3rem;display:flex}.path-body strong{font:600 1.15rem var(--display)}.path-body>span{color:var(--muted);font-size:.92rem}.lessons{padding:0;list-style:none}.lessons a{border-bottom:1px solid var(--line);min-height:56px;color:var(--text);align-items:center;gap:.8rem;padding:.5rem .2rem;text-decoration:none;display:flex}.lessons a span{color:var(--accent-2);width:1.2rem}.lessons a strong{flex:1;font-weight:500}.prose{font-size:1.06rem}.prose h2{margin-top:1.6rem}.vocab-block{border-top:1px solid var(--line);margin-top:1.4rem;padding-top:.4rem}.item{text-align:center;padding:.6rem 0 1rem}.item-q{margin:.8rem 0 1.1rem;font-size:1.45rem}.options{text-align:left;gap:.55rem;display:grid}.options-letters{text-align:center;grid-template-columns:repeat(4,1fr)}.option{border:1px solid var(--line);background:var(--surface);min-height:56px;text-align:inherit;border-radius:14px;padding:.7rem 1rem}.options-letters .option{font:600 1.5rem var(--display)}.option.right{border-color:var(--good);opacity:1;background:#5fd39a24}.option.wrong{border-color:var(--bad);opacity:1;background:#ff85931f}.item .feedback{text-align:left;margin-top:1rem}.rate{grid-template-columns:repeat(4,1fr);gap:.4rem;margin-top:1rem;display:grid}.rate-btn{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-height:64px;padding:.4rem .2rem}.rate-btn strong{display:block}.rate-btn span{color:var(--muted);font-size:.68rem;display:block}.rate-btn.r1{border-color:#ff859380}.rate-btn.r3{border-color:#5fd39a80}.rate-btn.r4{border-color:#4fd3ee80}.big-letter{color:var(--accent-2);font-size:2.2rem}.score{margin:.4rem 0;font-size:3.4rem}.score span{color:var(--muted);font-size:1.1rem;font-family:var(--body);font-weight:400}.result-list{color:var(--muted);text-align:left;padding:0;font-size:.93rem;list-style:none}.runner-top{color:var(--muted);align-items:center;gap:.8rem;font-size:.85rem;display:flex}.runner-top .bar{flex:1}.spell-word{letter-spacing:.08em;text-transform:uppercase;margin:.6rem 0;font-size:2.6rem}.timer{font-variant-numeric:tabular-nums;font-size:4rem}.filters{gap:.5rem;margin-bottom:1rem;display:grid}.filters input,.filters select{margin-top:0!important}@media (min-width:700px){.filters{grid-template-columns:2fr 1.2fr auto;align-items:center}}.dict{columns:1;margin:0;padding:0;list-style:none}@media (min-width:700px){.dict{columns:2;column-gap:2rem}}.dict li{break-inside:avoid;margin:0}.dict button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:.8rem;width:100%;min-height:60px;padding:.4rem .2rem;display:flex}.dict button>span:last-child{flex-direction:column;display:flex}.dict em{font-size:.82rem}.dict .letter-sm{width:42px}.dot{border:2px dashed var(--muted);border-radius:50%;flex:none;width:12px;height:12px;margin:0 15px}.dot-learner{background:var(--warm);border:0}.dot-verified{background:var(--good);border:0}.entry{padding:.4rem 0 1rem}.entry-title{margin:0 0 .2rem;font-size:2.2rem}.awaiting{border:1px dashed var(--line);border-radius:var(--r);margin:1rem 0;padding:1rem 1.1rem}.compare{gap:1.5rem;display:grid}@media (min-width:700px){.compare{grid-template-columns:1fr 1fr}}.tabsbar{background:var(--surface);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:1.2rem;padding:4px;display:grid}.tabsbar button{min-height:42px;color:var(--muted);background:0 0;border:0;border-radius:999px;font-size:.92rem;font-weight:600}.tabsbar button.on{background:var(--raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--accent)}.player{place-items:center;min-height:330px;display:grid}.player .letter-lg{margin:0 auto}.player-blank{aspect-ratio:3/4;background:var(--stage);color:#5b5f78;width:min(260px,70vw);font-family:var(--display);border-radius:16px;place-items:center;font-size:1.1rem;display:grid}.zoom{text-align:center;margin-bottom:1rem}.lab{grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0;display:grid}.lab-pane{min-width:0}.lab-pane .letter-lg{width:100%;margin:0}.lab-pane .letter-lg figcaption{font-size:1.3rem}.consent{z-index:40;background:var(--raised);border-top:1px solid var(--accent);padding:1.2rem 1.2rem calc(1.2rem + var(--safe-b));border-radius:22px 22px 0 0;max-width:680px;margin:0 auto;position:fixed;top:auto;bottom:0;left:0;right:0;box-shadow:0 -20px 60px #0009}.consent h2{margin-top:0}.checklist{padding:0;list-style:none}.convs,.reading,.exams,.index,.achievements,.learners{margin:0;padding:0;list-style:none}.convs button,.reading a,.index a{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;min-height:60px;color:var(--text);background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .2rem;text-decoration:none;display:flex}.reading a,.index a{justify-content:flex-start}.reading a>span:last-child,.index a>span:last-child{flex-direction:column;display:flex}.reading-n,.index-icon{width:40px;height:40px;font:600 1.05rem var(--display);border:1px solid var(--line);color:var(--accent-2);border-radius:50%;flex:none;place-items:center;display:grid}.index em,.reading em{font-size:.85rem}.turns{padding:0;list-style:none}.turn{background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:88%;margin:.7rem 0;padding:.8rem 1rem}.turn-B{background:var(--raised);margin-left:auto}.turn.now{border-color:var(--accent)}.turn.later{opacity:.45}.turn-who{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);font-size:.74rem}.turn-text{font:500 1.15rem/1.35 var(--display);margin:.2rem 0}.turn-note{color:var(--muted);margin:.3rem 0 0;font-size:.9rem}.games{gap:.2rem;display:grid}@media (min-width:700px){.games{grid-template-columns:1fr 1fr;gap:0 1rem}}.exams li,.achievements li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:60px;margin:0;padding:.5rem 0;display:flex}.exams li>span{flex-direction:column;display:flex}.exams em{font-size:.85rem}.learners li{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin:.8rem 0;padding:.4rem 1rem 1rem}.skill{margin:1rem 0}.skill-head{flex-direction:column;margin-bottom:.4rem;display:flex}.stack{background:var(--line);border-radius:99px;gap:2px;height:14px;display:flex;overflow:hidden}.stack .m,.legend .m{background:var(--good)}.stack .f,.legend .f{background:var(--accent-2)}.stack .l,.legend .l{background:var(--accent)}.legend{color:var(--muted);font-size:.82rem}.legend span{border-radius:50%;width:10px;height:10px;margin:0 .3rem 0 .7rem;display:inline-block}.legend span:first-child{margin-left:0}.days{grid-template-columns:repeat(14,1fr);align-items:end;gap:4px;height:110px;display:grid}.days div{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.days span{background:linear-gradient(var(--accent-2), var(--accent));border-radius:5px 5px 2px 2px;width:100%;min-height:3px;display:block}.days em{font-size:.64rem}.onboard{max-width:560px;padding:calc(2rem + var(--safe-t)) 1.2rem calc(3rem + var(--safe-b));margin:0 auto}.onboard h1{background:linear-gradient(110deg, #fff 20%, var(--accent) 60%, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:1.6rem 0 .6rem;font-size:clamp(2.3rem,9vw,3.3rem)}.onboard form{margin:1.6rem 0}.honest{border-top:1px solid var(--line);color:var(--muted);padding-top:.4rem;font-size:.95rem}.honest h2{color:var(--text)}