@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-normal-BjhtXyW2.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-normal-BQn1nviT.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-normal-s-izfB6B.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-vietnamese-opsz-italic-DTr-ymY4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-ext-opsz-italic-CSPGnFdO.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader Variable;font-style:italic;font-display:swap;font-weight:200 800;src:url(/assets/newsreader-latin-opsz-italic-kJKFiXvB.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Charis SIL;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/charis-sil-latin-400-normal-BoW7QV_k.woff2)format("woff2"),url(/assets/charis-sil-latin-400-normal-DK5SBUMy.woff)format("woff")}@font-face{font-family:Charis SIL;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/charis-sil-latin-ext-400-normal-C4umB5xr.woff2)format("woff2"),url(/assets/charis-sil-latin-ext-400-normal-C4TQf3Zd.woff)format("woff")}:root{--font-ui:"Bricolage Grotesque Variable", ui-sans-serif, system-ui, sans-serif;--font-read:"Newsreader Variable", "Iowan Old Style", "Palatino", Georgia, serif;--font-ipa:"Charis SIL", "Doulos SIL", "Gentium Plus", "Lucida Grande", "Segoe UI", "Noto Sans", serif;--t-2xs:.75rem;--t-xs:.8125rem;--t-sm:.9375rem;--t-md:1.0625rem;--t-lg:1.3125rem;--t-xl:1.625rem;--t-2xl:2.0625rem;--t-3xl:2.5625rem;--t-4xl:3.25rem;--t-5xl:4.0625rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:28px;--r-pill:999px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-1:.12s;--dur-2:.22s;--dur-3:.42s;--rail-w:248px;--content-max:1120px;--read-max:66ch;--tabbar-h:64px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--bg:oklch(98.5% .003 265);--surface:oklch(100% 0 0);--surface-2:oklch(96.6% .005 265);--surface-3:oklch(93.5% .007 265);--line:oklch(90.5% .008 265);--line-strong:oklch(82% .012 265);--ink:oklch(22% .028 268);--ink-2:oklch(44% .022 268);--ink-3:oklch(60% .016 268);--wrong:oklch(58% .2 25);--wrong-ink:oklch(47% .18 25);--wrong-soft:oklch(95.5% .03 25);--shadow-pop:0 1px 0 oklch(20% .02 268/.04), 0 18px 40px -18px oklch(25% .05 268/.28);--shadow-sheet:0 -1px 0 oklch(20% .02 268/.06), 0 -24px 48px -28px oklch(25% .05 268/.3);--acc-l:.56;--acc-c:.2;--hue:262;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root,[data-level]{--on-accent:oklch(.99 .01 var(--hue));--accent:oklch(var(--acc-l) var(--acc-c) var(--hue));--accent-ink:oklch(.45 calc(var(--acc-c) * .85) var(--hue));--accent-soft:oklch(.94 .045 var(--hue));--accent-wash:oklch(.972 .022 var(--hue));--accent-line:oklch(.85 .08 var(--hue));--accent-deep:oklch(.3 .08 var(--hue))}[data-level=A1]{--hue:148;--acc-l:.6;--acc-c:.16}[data-level=A2]{--hue:200;--acc-l:.6;--acc-c:.12}[data-level=B1]{--hue:262;--acc-l:.56;--acc-c:.2}[data-level=B2]{--hue:298;--acc-l:.55;--acc-c:.2}[data-level=C1]{--hue:350;--acc-l:.58;--acc-c:.2}[data-level=C2]{--hue:72;--acc-l:.74;--acc-c:.155}:root[data-theme=dark]{--bg:oklch(16.5% .013 268);--surface:oklch(20.5% .015 268);--surface-2:oklch(24% .017 268);--surface-3:oklch(28.5% .019 268);--line:oklch(30% .018 268);--line-strong:oklch(40% .02 268);--ink:oklch(95.5% .006 268);--ink-2:oklch(77% .014 268);--ink-3:oklch(60% .015 268);--wrong:oklch(68% .19 25);--wrong-ink:oklch(80% .12 25);--wrong-soft:oklch(27% .05 22);--shadow-pop:0 1px 0 oklch(100% 0 0/.04) inset, 0 24px 48px -20px oklch(0% 0 0/.6);--shadow-sheet:0 1px 0 oklch(100% 0 0/.05) inset, 0 -24px 48px -24px oklch(0% 0 0/.55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark],:root[data-theme=dark] [data-level]{--accent:oklch(calc(var(--acc-l) + .08) calc(var(--acc-c) * .8) var(--hue));--accent-ink:oklch(.83 calc(var(--acc-c) * .55) var(--hue));--accent-soft:oklch(.31 .07 var(--hue));--accent-wash:oklch(.235 .035 var(--hue));--accent-line:oklch(.45 .1 var(--hue));--accent-deep:oklch(.9 .05 var(--hue));--on-accent:oklch(.16 .04 var(--hue))}[data-level=C2]{--on-accent:oklch(24% .06 60)}:root[data-theme=dark] [data-level=C2],:root[data-theme=dark][data-level=C2]{--accent:oklch(.78 .13 var(--hue))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-ui);font-size:var(--t-md);font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-3) var(--ease-out), color var(--dur-3) var(--ease-out);margin:0;line-height:1.5}#root{isolation:isolate;min-height:100dvh}h1,h2,h3,h4,p,figure,blockquote,ul,ol{margin:0}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;font-weight:640;line-height:1.1}p{text-wrap:pretty}ul,ol{padding:0;list-style:none}img,svg,video{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}::selection{background:var(--accent-soft);color:var(--ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--r-xs)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.serif{font-family:var(--font-read);font-optical-sizing:auto}.ipa{font-family:var(--font-ipa);letter-spacing:.01em;color:var(--ink-2);font-weight:400}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.num{font-variant-numeric:tabular-nums}.display{font-variation-settings:"wdth" 80;letter-spacing:-.035em;font-weight:720;line-height:.95}.h1{font-size:clamp(var(--t-2xl), 4.5vw, var(--t-4xl));letter-spacing:-.03em;font-variation-settings:"wdth" 86;font-weight:680}.h2{font-size:clamp(var(--t-xl), 3vw, var(--t-2xl));letter-spacing:-.022em;font-variation-settings:"wdth" 92;font-weight:650}.h3{font-size:var(--t-lg);letter-spacing:-.012em;font-weight:620}.label{font-size:var(--t-xs);color:var(--ink-2);letter-spacing:.005em;font-weight:560}.small{font-size:var(--t-sm)}.tiny{font-size:var(--t-xs)}.prose{font-family:var(--font-read);max-width:var(--read-max);font-size:1.1875rem;line-height:1.6}.prose>*+*{margin-top:.8em}.prose strong{font-weight:640}.prose em{font-style:italic}.prose ul{padding-left:1.2em;list-style:none}.prose ul>li{position:relative}.prose ul>li+li{margin-top:.35em}.prose ul>li:before{content:"";background:var(--accent);border-radius:50%;width:.4em;height:.4em;position:absolute;top:.68em;left:-1.05em}.prose ol{padding-left:1.4em;list-style:decimal}.prose ol>li::marker{font-family:var(--font-ui);color:var(--ink-3);font-size:.85em}.prose code{font-family:var(--font-ui);background:var(--surface-3);border-radius:6px;padding:.08em .38em;font-size:.86em;font-weight:560}.prose h3,.prose h4{font-family:var(--font-ui);font-size:var(--t-md);margin-top:1.2em;font-weight:650}mark,.hl{color:inherit;background:linear-gradient(transparent 52%, var(--accent-soft) 52%, var(--accent-soft) 92%, transparent 92%);border-radius:2px;padding:0 .08em}.btn{--btn-bg:var(--surface-2);--btn-fg:var(--ink);justify-content:center;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s5);border-radius:var(--r-pill);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--t-sm);letter-spacing:.002em;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), opacity var(--dur-2);font-weight:600;display:inline-flex}.btn:hover{--btn-bg:var(--surface-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn svg{flex:none}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent)}.btn-primary:hover{--btn-bg:oklch(from var(--accent) calc(l - .04) c h)}.btn-ink{--btn-bg:var(--ink);--btn-fg:var(--bg)}.btn-ink:hover{--btn-bg:oklch(from var(--ink) calc(l + .08) c h)}.btn-ghost{--btn-bg:transparent}.btn-ghost:hover{--btn-bg:var(--surface-2)}.btn-line{--btn-bg:transparent;box-shadow:inset 0 0 0 1.5px var(--line-strong)}.btn-line:hover{--btn-bg:var(--surface-2)}.btn-lg{min-height:54px;padding:0 var(--s6);font-size:var(--t-md)}.btn-block{width:100%}.btn-icon{width:44px;min-height:44px;padding:0}.btn-sm{min-height:36px;padding:0 var(--s4);font-size:var(--t-xs)}.input{width:100%;min-height:52px;padding:0 var(--s4);border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--surface);font-size:var(--t-md);transition:border-color var(--dur-2), box-shadow var(--dur-2)}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.chip{border-radius:var(--r-pill);background:var(--surface-2);height:28px;font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:0 10px;font-weight:560;display:inline-flex}.chip-accent{background:var(--accent-soft);color:var(--accent-ink)}.level-tag{background:var(--accent);min-width:34px;height:24px;color:var(--on-accent);letter-spacing:.02em;font-variation-settings:"wdth" 85;border-radius:7px;place-items:center;padding:0 7px;font-size:.75rem;font-weight:720;display:inline-grid}.rule{background:var(--line);border:0;height:1px;margin:0}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] :before,:root[data-motion=reduced] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){z-index:2}.shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);min-height:100dvh;display:grid}.shell-main{min-width:0}.page{width:100%;max-width:calc(var(--content-max) + 2 * var(--s7));padding:var(--s7) var(--s7) var(--s9);margin:0 auto}.page-loading{min-height:60vh}.fullscreen{min-height:100dvh}.logo{align-items:flex-start;gap:3px;line-height:1;display:inline-flex}.logo-word{font-variation-settings:"wdth" 75;letter-spacing:-.05em;color:var(--ink);font-size:2.125rem;font-weight:790}.logo-level{background:var(--accent);color:var(--on-accent);font-variation-settings:"wdth" 85;letter-spacing:.02em;transition:background-color var(--dur-3) var(--ease-out);border-radius:6px;margin-top:1px;padding:3px 5px 2px;font-size:.6875rem;font-weight:760;line-height:1}.logo-compact .logo-word{font-size:1.75rem}.rail{height:100dvh;padding:var(--s6) var(--s4) var(--s5);border-right:1px solid var(--line);background:var(--bg);flex-direction:column;display:flex;position:sticky;top:0}.rail-logo{padding:0 var(--s3);margin-bottom:var(--s7);border-radius:var(--r-sm);align-self:flex-start}.rail-nav{flex-direction:column;gap:2px;display:flex}.rail-item{isolation:isolate;align-items:center;gap:var(--s3);height:46px;padding:0 var(--s3);border-radius:var(--r-sm);color:var(--ink-2);font-size:var(--t-sm);transition:color var(--dur-2) var(--ease-out);font-weight:560;display:flex;position:relative}.rail-item:hover{color:var(--ink)}.rail-item.is-active{color:var(--accent-ink);font-weight:640}.rail-pill{z-index:-1;border-radius:var(--r-sm);background:var(--accent-soft);position:absolute;inset:0}.rail-badge{border-radius:var(--r-pill);background:var(--ink);min-width:24px;height:22px;color:var(--bg);place-items:center;margin-left:auto;padding:0 7px;font-size:.6875rem;font-weight:700;display:grid}.rail-foot{gap:var(--s4);flex-direction:column;margin-top:auto;display:flex}.rail-streak{align-items:center;gap:var(--s3);padding:0 var(--s3);font-size:var(--t-xs);color:var(--ink-2);display:flex}.rail-streak b{color:var(--ink);font-weight:700}.rail-tools{padding-top:var(--s4);border-top:1px solid var(--line);align-items:center;gap:2px;display:flex}.rail-tools .sync{margin-right:auto}.btn.is-on{--btn-bg:var(--surface-2)}.streak-mark{width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--accent);border-radius:2px;flex:none;transform:rotate(45deg)}.streak-mark.is-lit{background:var(--accent)}.sync{border-radius:var(--r-pill);height:36px;color:var(--ink-3);font-size:var(--t-xs);transition:background-color var(--dur-2), color var(--dur-2);align-items:center;gap:6px;padding:0 10px 0 8px;font-weight:540;display:inline-flex}.sync:hover{background:var(--surface-2);color:var(--ink-2)}.sync-compact{justify-content:center;width:40px;padding:0}.sync.is-saving{color:var(--accent-ink)}.sync.is-saving svg{animation:sync-pulse 1s var(--ease-in-out) infinite alternate}.sync.is-offline,.sync.is-error{color:oklch(60% .14 60)}.sync.is-local{color:var(--ink-3)}.sync-text{text-overflow:ellipsis;white-space:nowrap;max-width:128px;overflow:hidden}@keyframes sync-pulse{0%{opacity:.35;transform:translateY(1px)}to{opacity:1;transform:translateY(-1px)}}.topbar,.tabbar{display:none}@media (width<=899px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.topbar{z-index:20;height:calc(56px + var(--safe-t));padding:var(--safe-t) var(--s2) 0 var(--s4);background:color-mix(in oklch, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-tools{align-items:center;display:flex}.page{padding:var(--s4) var(--s4) calc(var(--tabbar-h) + var(--safe-b) + var(--s7))}.tabbar{z-index:30;height:calc(var(--tabbar-h) + var(--safe-b));padding:6px 4px var(--safe-b);background:color-mix(in oklch, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.7);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--ink-3);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;display:flex}.tab.is-active{color:var(--accent-ink)}.tab-icon{isolation:isolate;place-items:center;width:58px;height:32px;display:grid;position:relative}.tab-pill{z-index:-1;border-radius:var(--r-pill);background:var(--accent-soft);position:absolute;inset:0}.tab-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:4px;right:14px}.tab-label{letter-spacing:.01em;font-size:.6875rem;font-weight:600}.tab:active .tab-icon{transition:transform var(--dur-1);transform:scale(.92)}}.toaster{z-index:100;left:50%;bottom:calc(var(--s6) + var(--safe-b));pointer-events:none;width:min(440px,100vw - 32px);position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--ink);color:var(--bg);font-size:var(--t-sm);box-shadow:var(--shadow-pop);font-weight:520}.toast-bad{background:var(--wrong);color:#fff}@media (width<=899px){.toaster{bottom:calc(var(--tabbar-h) + var(--safe-b) + var(--s3))}}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--s5);margin-bottom:var(--s7);flex-wrap:wrap;display:flex}.page-head p{margin-top:var(--s2);color:var(--ink-2);max-width:56ch}@media (width<=899px){.page-head{margin-bottom:var(--s6)}}.section{margin-top:var(--s8)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s5);display:flex}.section-head .h3{font-size:var(--t-lg)}.section-head a,.section-head button{font-size:var(--t-sm);color:var(--accent-ink);font-weight:600}.empty{padding:var(--s7) var(--s5);border-radius:var(--r-lg);background:var(--surface-2);text-align:center;color:var(--ink-2)}.empty .h3{color:var(--ink);margin-bottom:var(--s2)}.empty .btn{margin-top:var(--s5)}.today{flex-direction:column;display:flex}.today-head{justify-content:space-between;align-items:baseline;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.today-head .muted{font-size:var(--t-sm)}.today-grid{gap:var(--s7);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}.specimen{min-height:360px;padding-top:var(--s2);container-type:inline-size}.specimen-skeleton{border-radius:var(--r-lg);background:linear-gradient(100deg, var(--surface-2) 40%, var(--surface-3) 50%, var(--surface-2) 60%) 0 0 / 200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.specimen-date{color:var(--ink-3)}.specimen-word{--n:8;margin:var(--s2) 0 var(--s4) -.05em;font-size:min(10rem, calc(118cqi / var(--n)));letter-spacing:-.045em;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:700;line-height:.92}.specimen-letter{font-variation-settings:"wght" 700, "wdth" 78;opacity:0;will-change:font-variation-settings}.specimen-meta{align-items:center;gap:var(--s4);flex-wrap:wrap;display:flex}.specimen-play{background:var(--accent);width:52px;height:52px;color:var(--on-accent);transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-3);border-radius:50%;place-items:center;display:grid}.specimen-play:hover{transform:scale(1.06)}.specimen-play:active{transform:scale(.94)}.specimen-play.is-playing{box-shadow:0 0 0 8px var(--accent-soft)}.specimen-ipa{font-size:var(--t-xl);color:var(--ink-2)}.specimen-pos{font-size:var(--t-lg);color:var(--ink-3);font-style:italic}.specimen-body{margin-top:var(--s6);gap:var(--s3);max-width:34rem;display:grid}.specimen-def{color:var(--ink);font-size:clamp(1.3rem,2.4vw,1.625rem);line-height:1.3}.specimen-tr{font-size:var(--t-sm);color:var(--ink-2);font-weight:520}.specimen-ex{font-size:var(--t-lg);color:var(--ink-2);font-style:italic;line-height:1.45}.specimen-ex mark{color:var(--ink);font-style:italic}.specimen-add{margin-top:var(--s2);justify-self:start}.today-side{gap:var(--s5);padding-top:var(--s6);display:grid}.goal{gap:var(--s4);justify-items:start;display:grid}.ring{position:relative}.ring svg{display:block}.ring-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.goal-num{font-size:var(--t-3xl);letter-spacing:-.04em;font-variation-settings:"wdth" 80;font-weight:700;line-height:1}.goal-of{font-size:var(--t-xs);color:var(--ink-3);font-weight:560}.goal-text{gap:var(--s1);display:grid}.goal-streak{align-items:center;gap:var(--s2);margin-top:var(--s2);color:var(--ink-2);display:flex}.goal-streak b{color:var(--ink)}.review-cta{align-items:center;gap:var(--s4);width:100%;padding:var(--s4);border-radius:var(--r-md);background:var(--accent-wash);text-align:left;transition:background-color var(--dur-2), transform var(--dur-1);display:flex}.review-cta:hover:not(:disabled){background:var(--accent-soft)}.review-cta:active:not(:disabled){transform:scale(.985)}.review-cta.is-empty{background:var(--surface-2);cursor:default}.review-text{flex:1;gap:2px;display:grid}.review-text b{font-weight:640}.review-icon{color:var(--accent-ink)}.review-stack{flex:none;width:34px;height:40px;position:relative}.review-stack i{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent-line);border-radius:6px;position:absolute;inset:0}.review-stack i:first-child{transform:rotate(-9deg)translate(-3px,1px)}.review-stack i:nth-child(2){transform:rotate(5deg)translate(3px)}.review-stack i:nth-child(3){background:var(--accent);box-shadow:none}.review-cta.is-empty .review-stack i:nth-child(3){background:var(--surface-3)}.continue{margin-top:var(--s8)}.continue-link{gap:var(--s6);padding:var(--s3);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2), transform var(--dur-2) var(--ease-out);grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;display:grid}.continue-link:hover{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.continue-link:hover .cover img{transform:scale(1.035)}.continue-cover{aspect-ratio:4/3;border-radius:calc(var(--r-lg) - var(--s3))}.continue-body{gap:var(--s2);padding:var(--s3) var(--s4) var(--s3) 0;display:grid}.continue-title{font-size:clamp(var(--t-xl), 3vw, var(--t-2xl));letter-spacing:-.025em;font-variation-settings:"wdth" 88}.continue-goal{font-size:var(--t-lg);color:var(--ink-2);max-width:46ch;line-height:1.4}.continue-foot{align-items:center;gap:var(--s2);margin-top:var(--s3);flex-wrap:wrap;display:flex}.continue-go{margin-left:auto}.continue-done{gap:var(--s3);padding:var(--s6);border-radius:var(--r-lg);background:var(--accent-wash);justify-items:start;display:grid}.cover{isolation:isolate;background:var(--accent-wash);position:relative;overflow:hidden}.cover img{object-fit:cover;filter:grayscale()contrast(1.08)brightness(1.04);mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s var(--ease-out)}.cover:after{content:"";background:var(--accent);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}:root[data-theme=dark] .cover{background:var(--accent-wash)}:root[data-theme=dark] .cover img{filter:grayscale()invert()contrast(1.1);mix-blend-mode:screen}:root[data-theme=dark] .cover:after{mix-blend-mode:multiply}.cover-fallback{background:radial-gradient(circle at 30% 30%, var(--accent) 0 1.4px, transparent 1.6px) 0 0 / 10px 10px;opacity:.5;position:absolute;inset:0;-webkit-mask:linear-gradient(135deg,#000 20%,#0000 85%);mask:linear-gradient(135deg,#000 20%,#0000 85%)}.today-row{gap:var(--s6);margin-top:var(--s8);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);display:grid}.week-bars{gap:var(--s3);grid-template-columns:repeat(7,1fr);display:grid}.week-day{gap:var(--s2);justify-items:center;display:grid}.week-track{background:var(--surface-2);border-radius:10px;align-items:flex-end;width:100%;max-width:44px;height:96px;display:flex;overflow:hidden}.week-fill{background:var(--accent);opacity:.55;transform-origin:bottom;border-radius:10px;width:100%;height:100%}.week-day.is-met .week-fill{opacity:1}.week-label{font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.week-day.is-today .week-label{color:var(--ink)}.week-day.is-today .week-track{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.exam-card{padding:var(--s5);border-radius:var(--r-lg);background:var(--surface-2)}.exam-count{align-items:baseline;gap:var(--s2);display:flex}.exam-count .num{font-size:var(--t-4xl);letter-spacing:-.04em;font-variation-settings:"wdth" 78;font-weight:700;line-height:1}.exam-count span:last-child{color:var(--ink-2)}.exam-set{align-items:center;gap:var(--s2);color:var(--accent-ink);font-weight:600;display:inline-flex}.exam-bands{gap:var(--s6);margin:var(--s5) 0 0;display:flex}.exam-bands dt{font-size:var(--t-xs);color:var(--ink-3);font-weight:560}.exam-bands dd{font-size:var(--t-2xl);letter-spacing:-.03em;margin:0;font-weight:680}@media (width<=1099px){.today-grid{gap:var(--s5);grid-template-columns:minmax(0,1fr)}.today-side{grid-template-columns:auto minmax(0,1fr);align-items:center;padding-top:0}.goal{grid-template-columns:auto 1fr;align-items:center}}@media (width<=899px){.specimen{min-height:0}.specimen-body{margin-top:var(--s5)}.today-side{grid-template-columns:minmax(0,1fr)}.today-head{margin-bottom:var(--s4);order:0}.continue{margin-top:0;margin-bottom:var(--s6);order:1}.today-grid{order:2}.today-row{order:3}.continue-link{gap:var(--s3);padding:var(--s2);border-radius:var(--r-md);grid-template-columns:76px minmax(0,1fr);align-items:start}.continue-cover{aspect-ratio:1;border-radius:calc(var(--r-md) - var(--s2))}.continue-body{padding:var(--s1) var(--s2) var(--s1) 0;gap:2px}.continue-title{font-size:var(--t-lg)}.continue-goal{display:none}.continue-foot{margin-top:var(--s2);grid-column:1/-1}.continue-foot .chip{display:none}.continue-go{width:100%;margin-left:0}.today-row{margin-top:var(--s7);grid-template-columns:minmax(0,1fr)}}.inks-tabs{gap:var(--s2);margin-bottom:var(--s7);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.inks-tab{padding:6px 6px var(--s2);border-radius:var(--r-md);text-align:left;transition:background-color var(--dur-2), box-shadow var(--dur-2);justify-items:start;gap:2px;display:grid}.inks-tab:hover{background:var(--surface-2)}.inks-tab.is-active{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--accent), 0 12px 24px -20px var(--accent)}.inks-tab-chip{background:var(--accent-soft);border-radius:10px;width:100%;height:44px;margin-bottom:6px;position:relative;overflow:hidden}.inks-tab-fill{background:var(--accent);transform-origin:bottom;transition:transform .6s var(--ease-out);position:absolute;inset:0}.inks-tab-id{font-weight:740;font-size:var(--t-md);font-variation-settings:"wdth" 82;align-items:center;gap:6px;padding:0 4px;display:inline-flex}.inks-tab-you{background:var(--accent);border-radius:50%;width:7px;height:7px}.inks-tab-name{font-size:var(--t-xs);color:var(--ink-3);padding:0 4px;font-weight:560}.level-hero{gap:var(--s6);padding-bottom:var(--s7);grid-template-columns:auto minmax(0,1fr) minmax(220px,300px);align-items:start;display:grid}.level-hero-id{font-variation-settings:"wdth" 75;letter-spacing:-.06em;color:var(--accent);transition:color var(--dur-3);font-size:clamp(5.5rem,12vw,10rem);font-weight:760;line-height:.82}.level-hero-text{gap:var(--s3);padding-top:var(--s2);display:grid}.level-about{font-size:var(--t-lg);color:var(--ink-2);max-width:46ch;line-height:1.45}.level-progress{align-items:center;gap:var(--s3);max-width:420px;display:flex}.bar{background:var(--surface-3);border-radius:4px;flex:1;height:8px;overflow:hidden}.bar i{background:var(--accent);transform-origin:0;border-radius:4px;height:100%;display:block}.level-actions{gap:var(--s2);margin-top:var(--s2);flex-wrap:wrap;display:flex}.cando{gap:var(--s3);padding:var(--s5);border-radius:var(--r-lg);background:var(--accent-wash);font-size:var(--t-sm);line-height:1.4;display:grid}.cando li{padding-left:var(--s5);position:relative}.cando li:before{content:"";background:var(--accent);border-radius:3px;width:9px;height:9px;position:absolute;top:.4em;left:0;transform:rotate(45deg)}.units-loading{border-radius:var(--r-lg);background:var(--surface-2);height:400px}.units{display:grid}.unit{gap:var(--s7);padding:var(--s7) 0;border-top:1px solid var(--line);grid-template-columns:minmax(260px,340px) minmax(0,1fr);display:grid}.unit-head{gap:var(--s4);top:var(--s6);align-content:start;display:grid;position:sticky}.unit-cover{aspect-ratio:4/3;border-radius:var(--r-lg)}.unit-text{gap:var(--s1);display:grid}.unit-title{font-size:var(--t-2xl);letter-spacing:-.028em;font-variation-settings:"wdth" 86;font-weight:690}.unit-about{color:var(--ink-2);font-size:var(--t-sm)}.unit.is-done .unit-cover{opacity:.85}.lessons{gap:var(--s2);align-content:start;display:grid}.lesson-row{align-items:center;gap:var(--s4);min-height:72px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2), background-color var(--dur-2), transform var(--dur-1);display:flex}.lesson-row:hover{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.lesson-row:active{transform:scale(.99)}.lesson-icon{background:var(--surface-2);width:40px;height:40px;color:var(--ink-2);border-radius:12px;flex:none;place-items:center;display:grid}.lesson-row.is-done .lesson-icon{background:var(--accent);color:var(--on-accent)}.lesson-row.is-next{background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px var(--accent)}.lesson-row.is-next .lesson-icon{background:var(--accent-soft);color:var(--accent-ink)}.lesson-text{flex:1;gap:2px;min-width:0;display:grid}.lesson-title{font-weight:620;font-size:var(--t-md)}.lesson-meta{font-size:var(--t-xs);color:var(--ink-3)}.lesson-next{flex:none}@media (width<=1099px){.level-hero{grid-template-columns:auto minmax(0,1fr)}.cando{grid-column:1/-1}}@media (width<=899px){.inks-tabs{margin:0 calc(var(--s4) * -1) var(--s5);padding:2px var(--s4) 4px;scrollbar-width:none;display:flex;overflow-x:auto}.inks-tabs::-webkit-scrollbar{display:none}.inks-tab{flex:0 0 84px}.level-hero{gap:var(--s4);padding-bottom:var(--s5);grid-template-columns:minmax(0,1fr)}.level-hero-id{font-size:5.5rem}.unit{gap:var(--s4);padding:var(--s6) 0;grid-template-columns:minmax(0,1fr)}.unit-head{grid-template-columns:112px minmax(0,1fr);align-items:center;position:static}.unit-cover{border-radius:var(--r-md)}.unit-title{font-size:var(--t-xl)}.lesson-row{min-height:64px;padding:var(--s3)}}.player{--foot-h:96px;background:var(--bg);grid-template-rows:auto auto 1fr auto;min-height:100dvh;display:grid}.player-top{z-index:10;align-items:center;gap:var(--s4);padding:calc(var(--s3) + var(--safe-t)) var(--s5) var(--s3);background:color-mix(in oklch, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);grid-template-columns:44px 1fr auto;display:grid;position:sticky;top:0}.player-progress{border-radius:var(--r-pill);background:var(--surface-3);height:10px;overflow:hidden}.player-progress-fill{background:var(--accent);transform-origin:0;border-radius:var(--r-pill);height:100%}.player-count{font-size:var(--t-xs);color:var(--ink-3);text-align:right;min-width:3.5ch;font-weight:600}.player-clock{font-size:var(--t-sm);align-items:center;gap:4px;font-weight:650;display:inline-flex}.player-clock.is-low{color:var(--wrong)}.player-body{min-width:0}.player-stage{width:100%;max-width:720px;padding:var(--s6) var(--s5) calc(var(--foot-h) + var(--s6));margin:0 auto}.player.has-passage .player-body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.player.has-passage .player-stage{max-width:640px}.player-missing,.player-loading{place-content:center;gap:var(--s4);text-align:center;min-height:80vh;padding:var(--s5);justify-items:center;display:grid}.retry-note{color:var(--accent-ink);margin-bottom:var(--s3)}.player-foot{z-index:20;padding-bottom:var(--safe-b);pointer-events:none;position:fixed;bottom:0;left:0;right:0}.player-actions{z-index:2;max-width:1120px;padding:var(--s4) var(--s5);pointer-events:auto;justify-content:flex-end;margin:0 auto;display:flex;position:relative}.player-foot:not(.is-good):not(.is-bad){background:linear-gradient(transparent, var(--bg) 35%)}.player-main{min-width:200px}.feedback{z-index:1;padding-bottom:calc(var(--s4) + 54px + var(--s4) + var(--safe-b));pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.is-good .feedback{background:var(--accent-wash);box-shadow:inset 0 2px 0 var(--accent-line)}.is-bad .feedback{background:var(--wrong-soft);box-shadow:inset 0 2px 0 oklch(from var(--wrong) l c h / .35)}.feedback-inner{max-width:1120px;padding:var(--s5) var(--s5) 0;gap:var(--s2);max-height:42vh;margin:0 auto;display:grid;overflow:auto}.feedback-head{align-items:center;gap:var(--s3);display:flex}.feedback-icon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.is-good .feedback-icon{background:var(--accent);color:var(--on-accent)}.is-bad .feedback-icon{background:var(--wrong)}.feedback-title{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700}.is-good .feedback-title{color:var(--accent-ink)}.is-bad .feedback-title{color:var(--wrong-ink)}.feedback-answer{font-size:var(--t-lg)}.feedback-answer .label{margin-right:var(--s2)}.feedback-note{color:var(--ink-2);font-weight:560}.feedback-why{font-family:var(--font-read);font-size:var(--t-md);color:var(--ink-2);max-width:70ch;line-height:1.5}.feedback-why>*+*{margin-top:.5em}.leave{z-index:50;padding:var(--s5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(15% .02 268/.4);place-items:center;display:grid;position:fixed;inset:0}.leave-card{width:min(420px,100%);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-pop);gap:var(--s3);display:grid}.leave-actions{gap:var(--s2);margin-top:var(--s3);display:flex}.step{gap:var(--s5);display:grid}.step-title{font-size:clamp(var(--t-xl), 3.4vw, var(--t-2xl));letter-spacing:-.025em;font-variation-settings:"wdth" 86;font-weight:680}.step-q{letter-spacing:-.005em;font-size:clamp(1.4rem,3vw,1.75rem);font-weight:500;line-height:1.3}h2.step-q:not(.serif){letter-spacing:-.02em;font-variation-settings:"wdth" 88;font-weight:640}.step-q.serif p{font-size:inherit}.step-instr{font-family:var(--font-ui);font-size:var(--t-md);color:var(--ink-2);font-weight:520}.step-instr strong{color:var(--ink)}.blank{border-bottom:2.5px solid var(--ink-3);text-align:center;min-width:3.2em;margin:0 .15em;line-height:1.1;display:inline-block}.blank.is-filled{border-color:var(--accent);color:var(--accent-ink);font-style:italic}.form-table-wrap{margin:0 calc(var(--s5) * -1);padding:0 var(--s5);overflow-x:auto}.form-table{border-collapse:separate;border-spacing:0;width:100%;font-size:var(--t-md)}.form-table th{text-align:left;font-size:var(--t-xs);color:var(--ink-3);padding:0 var(--s4) var(--s2) 0;font-weight:600}.form-table td{padding:var(--s3) var(--s4) var(--s3) 0;border-top:1px solid var(--line);vertical-align:top}.form-table td.serif{font-size:1.0625rem}.form-table td.is-key{white-space:nowrap;font-weight:640}.form-table td.is-key em{font-style:normal}.examples{gap:var(--s3);display:grid}.examples li{align-items:flex-start;gap:var(--s3);display:flex}.examples-text{gap:2px;display:grid}.examples-en{font-size:var(--t-lg);line-height:1.35}.examples-tr{font-size:var(--t-sm);color:var(--ink-3)}.tip{gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--accent-wash);color:var(--accent-deep);align-items:flex-start;display:flex}.tip svg{color:var(--accent-ink);flex:none;margin-top:2px}.tip-text{font-size:var(--t-md);line-height:1.5}.tip-text p+p{margin-top:.4em}.tr-note{gap:var(--s2);padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--t-md);line-height:1.5;display:grid}.tr-flag{font-size:var(--t-2xs);letter-spacing:.02em;border-radius:var(--r-pill);background:var(--ink);color:var(--bg);justify-self:start;padding:3px 8px;font-weight:700}.tr-text p+p{margin-top:.4em}.words-head{justify-content:space-between;align-items:baseline;display:flex}.words-deck{min-height:330px;position:relative}.wordcard{touch-action:pan-y;cursor:grab}.wordcard:active{cursor:grabbing}.wc{gap:var(--s3);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 20px 40px -32px oklch(25% .05 268/.5);display:grid}.wc-top{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.wc.has-pic{column-gap:var(--s5);grid-template-columns:minmax(0,1fr) 172px}.wc.has-pic>*{grid-column:1}.wc.has-pic>.wc-pic{grid-area:1/2/span 4;align-self:start}.wc.has-pic>.wc-ex,.wc.has-pic>.wc-col,.wc.has-pic>.wc-note{grid-column:1/-1}.wc-pic{aspect-ratio:1;border-radius:var(--r-md)}.wc-term{font-variation-settings:"wdth" 80;letter-spacing:-.04em;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:720;line-height:1}.wc-line{gap:var(--s3);flex-wrap:wrap;align-items:baseline;display:flex}.wc-line .ipa{font-size:var(--t-lg)}.wc-pos{color:var(--ink-3);font-style:italic}.wc-def{font-size:var(--t-xl);margin-top:var(--s2);line-height:1.3}.wc-tr{color:var(--accent-ink);font-weight:600}.wc-ex{gap:var(--s3);padding-top:var(--s3);border-top:1px solid var(--line);align-items:flex-start;display:flex}.wc-ex p{font-size:var(--t-lg);color:var(--ink-2);font-style:italic;line-height:1.4}.wc-col{gap:var(--s2);flex-wrap:wrap;display:flex}.wc-note{color:var(--ink-2);padding:var(--s3);border-radius:var(--r-sm);background:var(--surface-2)}.words-nav{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.words-dots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.words-dot{background:var(--surface-3);width:7px;height:7px;transition:background-color var(--dur-2), transform var(--dur-2);border-radius:50%}.words-dot.is-seen{background:var(--accent-line)}.words-dot.is-on{background:var(--accent);transform:scale(1.4)}.audio-btn{background:var(--accent-soft);color:var(--accent-ink);transition:transform var(--dur-1), background-color var(--dur-2);border-radius:50%;flex:none;place-items:center;display:inline-grid}.audio-btn:hover{background:oklch(from var(--accent-soft) calc(l - .03) c h)}.audio-btn:active{transform:scale(.92)}.audio-sm{width:32px;height:32px}.audio-md{width:44px;height:44px}.audio-lg{width:56px;height:56px}.audio-btn.is-playing{background:var(--accent);color:var(--on-accent)}.eq{align-items:flex-end;gap:2px;height:14px;display:flex}.eq i{width:3px;height:100%;animation:eq .9s var(--ease-in-out) infinite alternate;transform-origin:bottom;background:currentColor;border-radius:2px}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.listen{background:var(--accent);width:64px;height:64px;color:var(--on-accent);transition:transform var(--dur-1);border-radius:50%;place-items:center;display:grid;position:relative}.listen:active{transform:scale(.94)}.listen-big{width:96px;height:96px}.listen-ring{box-shadow:0 0 0 0 var(--accent-soft);border-radius:50%;position:absolute;inset:0}.listen.is-playing .listen-ring{animation:1.1s ease-out infinite ring}@keyframes ring{0%{box-shadow:0 0 0 0 var(--accent-soft)}to{box-shadow:0 0 0 18px #0000}}.choice-listen{padding:var(--s3) 0;justify-content:center;display:flex}.options{gap:var(--s3);display:grid}.option{align-items:center;gap:var(--s4);width:100%;min-height:60px;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;font-size:var(--t-lg);transition:box-shadow var(--dur-2), background-color var(--dur-2), opacity var(--dur-2);font-weight:520;display:flex}.option:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--line-strong)}.option-key{background:var(--surface-2);width:30px;height:30px;font-size:var(--t-xs);color:var(--ink-3);transition:background-color var(--dur-2), color var(--dur-2);border-radius:9px;flex:none;place-items:center;font-weight:700;display:grid}.option.is-picked{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.option.is-picked .option-key{background:var(--accent);color:var(--on-accent)}.option.is-right{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.option.is-right .option-key{background:var(--accent);color:var(--on-accent)}.option.is-wrong{background:var(--wrong-soft);box-shadow:inset 0 0 0 2px var(--wrong)}.option.is-wrong .option-key{background:var(--wrong);color:#fff}.option.is-dim{opacity:.45}.limit{font-size:var(--t-sm);color:var(--ink-2)}.gap-text{font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:2.2}.gap-text.is-form{gap:var(--s2);padding:var(--s5);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);line-height:1.5;font-size:var(--t-lg);display:grid}.gap-row{padding:var(--s2) 0;border-bottom:1px dashed var(--line);display:block}.gap-text.is-form>span:last-child .gap-row{border-bottom:0}.gap-input-wrap{vertical-align:baseline;display:inline-block;position:relative}.gap-input{font-family:var(--font-ui);color:var(--accent-ink);border:0;border-bottom:2.5px solid var(--ink-3);background:var(--accent-wash);text-align:center;transition:border-color var(--dur-2), background-color var(--dur-2);border-radius:6px 6px 0 0;margin:0 2px;padding:2px 6px;font-size:.9em;font-weight:600}.gap-input:focus{border-color:var(--accent);background:var(--accent-soft);outline:none}.gap-input-wrap.is-right .gap-input,.gap-input-wrap.is-typo .gap-input{border-color:var(--accent)}.gap-input-wrap.is-wrong .gap-input{border-color:var(--wrong);background:var(--wrong-soft);color:var(--wrong-ink);text-decoration:line-through}.gap-fix,.slot-fix{font-family:var(--font-ui);white-space:nowrap;color:var(--accent-ink);background:var(--accent-soft);border-radius:6px;padding:3px 6px;font-size:.62em;font-weight:700;line-height:1;position:absolute;top:-1.35em;left:50%;transform:translate(-50%)}.slot{vertical-align:middle;background:var(--surface-2);min-width:4.2em;min-height:1.6em;box-shadow:inset 0 -2.5px 0 var(--line-strong);font-family:var(--font-ui);transition:box-shadow var(--dur-2), background-color var(--dur-2);border-radius:10px;place-items:center;margin:0 3px;padding:0 .4em;font-size:.85em;font-weight:600;line-height:1.6;display:inline-grid;position:relative}.slot.is-focus{box-shadow:inset 0 0 0 2px var(--accent)}.slot.is-filled{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}.slot.is-right,.slot.is-typo{background:var(--accent);color:var(--on-accent)}.slot.is-wrong{background:var(--wrong-soft);color:var(--wrong-ink);text-decoration:line-through}.bank,.order-pool{gap:var(--s2);flex-wrap:wrap;display:flex}.tile{min-height:46px;padding:0 var(--s4);border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line), 0 2px 0 var(--line);font-size:var(--t-md);transition:opacity var(--dur-2), background-color var(--dur-2);align-items:center;font-weight:580;display:inline-flex}.tile:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--line-strong), 0 2px 0 var(--line-strong)}.tile.is-used{opacity:.25;box-shadow:inset 0 0 0 1.5px var(--line)}.tile-ghost{opacity:.18;box-shadow:none;background:var(--surface-3);color:#0000}.order-tr{color:var(--ink-3);margin-top:calc(var(--s3) * -1);font-style:italic}.order-line{align-content:flex-start;gap:var(--s2);min-height:116px;padding:var(--s3) 0;background-image:linear-gradient(var(--line), var(--line)), linear-gradient(var(--line), var(--line));background-position:0 56px,0 112px;background-repeat:no-repeat;background-size:100% 1.5px;flex-wrap:wrap;display:flex}.order-line.is-right .tile-placed{background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px var(--accent)}.order-line.is-wrong .tile-placed{background:var(--wrong-soft);box-shadow:inset 0 0 0 1.5px var(--wrong)}.order-hint{color:var(--ink-3);font-size:var(--t-sm);padding:var(--s3) 0}.match{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.match-col{gap:var(--s2);align-content:start;display:grid}.match-item{min-height:56px;padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);text-align:left;font-size:var(--t-md);transition:box-shadow var(--dur-2), background-color var(--dur-2), opacity var(--dur-3);align-items:center;font-weight:560;display:flex;position:relative}.match-item.serif{font-size:1.125rem;font-weight:450;line-height:1.25}.match-item.is-on{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.match-item.is-bad{background:var(--wrong-soft);box-shadow:inset 0 0 0 2px var(--wrong)}.match-item.is-done{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none;opacity:.55}.match-check{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.type-input{font-size:var(--t-lg);min-height:60px}textarea.type-input{padding:var(--s3) var(--s4);resize:vertical;line-height:1.45;font-family:var(--font-read)}.type-input.is-right,.type-input.is-typo{border-color:var(--accent);background:var(--accent-wash)}.type-input.is-wrong{border-color:var(--wrong);background:var(--wrong-soft)}.hint{align-items:center;gap:var(--s2);color:var(--accent-ink);font-weight:560;display:flex}.hint-btn{justify-self:start}.dictate-controls{align-items:center;gap:var(--s5);padding:var(--s3) 0;justify-content:center;display:flex}.tfng,.select-items{gap:var(--s4);counter-reset:none;display:grid}.tfng-item,.select-item{gap:var(--s3);padding-bottom:var(--s4);border-bottom:1px solid var(--line);display:grid}.tfng-s{gap:var(--s3);font-size:var(--t-lg);line-height:1.4;display:flex}.tfng-n{background:var(--surface-2);width:26px;height:26px;font-family:var(--font-ui);font-size:var(--t-xs);color:var(--ink-2);border-radius:8px;flex:none;place-items:center;margin-top:2px;font-weight:700;display:grid}.tfng-item.is-right .tfng-n{background:var(--accent);color:var(--on-accent)}.tfng-item.is-wrong .tfng-n{background:var(--wrong);color:#fff}.seg{border-radius:var(--r-sm);background:var(--surface-2);grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.seg-btn{isolation:isolate;min-height:40px;font-size:var(--t-sm);color:var(--ink-2);border-radius:9px;font-weight:600;position:relative}.seg-btn.is-on{color:var(--ink)}.seg-pill{z-index:-1;background:var(--surface);box-shadow:0 1px 2px oklch(20% .02 268/.12), inset 0 0 0 1px var(--line);border-radius:9px;position:absolute;inset:0}.seg-btn.is-answer{color:var(--accent-ink);box-shadow:inset 0 0 0 2px var(--accent)}.tfng-item.is-wrong .seg-btn.is-on{color:var(--wrong-ink)}.select-options{gap:var(--s2);padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);display:grid}.select-options li{gap:var(--s3);transition:opacity var(--dur-2);align-items:baseline;display:flex}.select-options li.is-used{opacity:.4}.select-key{min-width:28px;font-weight:700;font-size:var(--t-sm);color:var(--accent-ink);flex:none}.select-text{font-size:var(--t-lg);line-height:1.35}.select-picks{flex-wrap:wrap;gap:6px;display:flex}.pick{background:var(--surface);min-width:40px;height:40px;box-shadow:inset 0 0 0 1.5px var(--line);font-size:var(--t-sm);color:var(--ink-2);transition:background-color var(--dur-2), box-shadow var(--dur-2), opacity var(--dur-2);border-radius:10px;padding:0 10px;font-weight:650}.pick.is-on{background:var(--accent);color:var(--on-accent);box-shadow:none}.pick.is-taken{opacity:.35}.pick.is-answer{box-shadow:inset 0 0 0 2.5px var(--accent);color:var(--accent-ink)}.select-item.is-wrong .pick.is-on{background:var(--wrong);color:#fff}.task-card{gap:var(--s4);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid}.task-head{gap:var(--s2);flex-wrap:wrap;display:flex}.task-q{font-size:var(--t-lg);line-height:1.45}.cue{padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);gap:var(--s2);display:grid}.cue ul{gap:var(--s1);padding-left:1.1em;display:grid}.cue li{font-size:var(--t-lg);list-style:none;position:relative}.cue li:before{content:"";background:var(--ink-3);width:.45em;height:1.5px;position:absolute;top:.7em;left:-1em}.stages{gap:var(--s2);counter-reset:none;display:grid}.stages li{gap:var(--s3);align-items:baseline;display:flex}.stages .num{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-ink);font-size:var(--t-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.speak-brief,.speak-prep{gap:var(--s4);justify-items:start;display:grid}.speak-prep{grid-template-columns:auto 1fr;align-items:start}.speak-prep .btn{grid-column:2}.prep-num{font-size:var(--t-xl);font-weight:700}.notes{min-height:100px;padding:var(--s3);resize:vertical;font-size:var(--t-md)}.speak-notes{padding:var(--s3);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-2)}.speak-rec,.shadow-rec{align-items:center;gap:var(--s5);padding:var(--s3) 0;display:flex}.speak-side,.shadow-side{gap:var(--s2);flex:1;min-width:0;display:grid}.speak-time{font-size:var(--t-lg);font-weight:650}.speak-time.is-low{color:var(--wrong)}.speak-after{gap:var(--s2);display:grid}.speak-buttons,.shadow-compare{gap:var(--s2);flex-wrap:wrap;display:flex}.ai-btn{justify-self:start}.form-error{color:var(--wrong-ink);background:var(--wrong-soft);padding:var(--s3) var(--s4);border-radius:var(--r-sm);font-size:var(--t-sm)}.link{color:var(--accent-ink);text-underline-offset:3px;font-weight:600;text-decoration:underline}.shadow-model{align-items:center;gap:var(--s4);padding:var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:flex}.shadow-text{font-size:clamp(1.25rem,2.6vw,1.5rem);line-height:1.35}.mic{background:var(--ink);color:var(--bg);transition:background-color var(--dur-2);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mic.is-rec{background:var(--wrong);color:#fff}.mic-halo{background:var(--wrong);z-index:-1;border-radius:50%;position:absolute;inset:0}.meter{align-items:center;gap:3px;height:44px;display:flex}.meter i{background:var(--wrong);transform-origin:50%;border-radius:3px;flex:1;max-width:6px;height:100%;transition:transform 60ms linear;transform:scaleY(.08)}.model{gap:var(--s3);padding-top:var(--s2);border-top:1px solid var(--line);justify-items:start;display:grid}.model-body{gap:var(--s3);width:100%;display:grid;overflow:hidden}.model-text{padding:var(--s4) var(--s5);border-radius:var(--r-md);background:var(--surface-2);max-width:none}.tips{gap:var(--s2);font-size:var(--t-sm);color:var(--ink-2);padding-left:1.1em;display:grid}.tips li{list-style:outside}.editor{border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--dur-2)}.editor:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.editor-area{width:100%;padding:var(--s5);resize:none;background:0 0;border:0;outline:none;font-size:1.1875rem;line-height:1.65;display:block}.editor-area::placeholder{color:var(--ink-3)}.editor-foot{align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-top:1px solid var(--line);display:flex}.wc-meter{background:var(--surface-3);border-radius:3px;flex:1;height:6px;overflow:hidden}.wc-meter i{background:var(--ink-3);transform-origin:0;border-radius:3px;height:100%;display:block}.wc-meter i.is-met{background:var(--accent)}.wc-ok{color:var(--accent-ink);font-weight:650}.wc-over{color:var(--wrong-ink);font-weight:650}.chart{gap:var(--s3);margin:0;display:grid}.chart-title{font-weight:640;font-size:var(--t-md)}.chart-svg{width:100%;height:auto}.chart-grid{stroke:var(--line);stroke-width:1px}.chart-axis{font-family:var(--font-ui);fill:var(--ink-3);font-size:13px;font-weight:500}.chart-legend{gap:var(--s2) var(--s4);font-size:var(--t-xs);color:var(--ink-2);flex-wrap:wrap;font-weight:560;display:flex}.chart-legend li{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:3px;width:10px;height:10px}.chart-pies{gap:var(--s5);flex-wrap:wrap;align-items:center;display:flex}.chart-pie{text-align:center;width:200px;max-width:45%}.chart-pie-name{font-size:var(--t-sm);margin-top:var(--s2);font-weight:600}.chart-pie-label{font-family:var(--font-ui);fill:#fff;font-size:13px;font-weight:700}.chart-table td.num{font-variant-numeric:tabular-nums}.passage-pane{border-right:1px solid var(--line);background:var(--surface);height:calc(100dvh - 60px);position:sticky;top:60px}.passage-scroll{height:100%;padding:var(--s6) var(--s6) calc(var(--foot-h) + var(--s6));align-content:start;gap:var(--s3);display:grid;overflow:auto}.passage-title{font-size:var(--t-xl);letter-spacing:-.02em;font-variation-settings:"wdth" 88;font-weight:680}.passage-intro{font-size:var(--t-sm)}.passage-text{max-width:64ch;font-size:1.125rem;line-height:1.7}.passage-text p>strong:first-child{background:var(--accent-soft);min-width:1.6em;height:1.6em;color:var(--accent-ink);font-family:var(--font-ui);border-radius:6px;place-items:center;margin-right:.4em;font-size:.8em;display:inline-grid}.glossary{gap:var(--s2);margin:var(--s4) 0 0;padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);display:grid}.glossary div{gap:var(--s3);display:flex}.glossary dt{font-weight:600}.glossary dd{color:var(--ink-2);margin:0}.passage-bar{display:none}.track{align-items:center;gap:var(--s3);width:100%;display:flex}.track-big{padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2)}.track-play{background:var(--accent);width:40px;height:40px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.track-big .track-play{width:56px;height:56px}.track-play:disabled{opacity:.4}.track-play.is-playing{box-shadow:0 0 0 6px var(--accent-soft)}.track-bar{background:var(--surface-3);cursor:pointer;border-radius:3px;flex:1;height:6px;overflow:hidden}.track-bar i{background:var(--accent);transform-origin:0;height:100%;transition:transform .25s linear;display:block}.track-time{font-size:var(--t-xs);color:var(--ink-3);text-align:right;min-width:8ch;font-weight:600}.track-once{white-space:nowrap}.transcript-wrap{gap:var(--s3);justify-items:start;display:grid}.transcript{gap:var(--s2);display:grid}.transcript-line{padding:var(--s2) var(--s3);border-radius:var(--r-sm);cursor:pointer;transition:background-color var(--dur-2);gap:2px;display:grid}.transcript-line.is-on{background:var(--accent-wash)}.transcript-line .serif{font-size:1.0625rem;line-height:1.5}.transcript-sp{font-size:var(--t-2xs);color:var(--accent-ink);letter-spacing:.02em;font-weight:700}.sheet-backdrop{z-index:60;background:oklch(15% .02 268/.35);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);width:100%;max-height:88dvh;box-shadow:var(--shadow-sheet);padding-bottom:var(--safe-b);flex-direction:column;display:flex}.sheet-grip{background:var(--line-strong);border-radius:3px;width:40px;height:5px;margin:10px auto 0}.sheet-head{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4) var(--s2) var(--s5);display:flex}.sheet-body{padding:0 var(--s5) var(--s6);gap:var(--s3);align-content:start;display:grid;overflow:auto}.fb{gap:var(--s5);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid}.fb-hero{gap:var(--s6);grid-template-columns:auto 1fr;align-items:start;display:grid}.fb-band{gap:var(--s2);justify-items:start;display:grid}.fb-band-num{font-variation-settings:"wdth" 76;letter-spacing:-.05em;color:var(--accent-ink);font-size:4.5rem;font-weight:740;line-height:.9}.fb-criteria{gap:var(--s4);display:grid}.fb-crit-head{font-size:var(--t-sm);justify-content:space-between;font-weight:600;display:flex}.fb-bar{background:var(--surface-3);border-radius:3px;height:6px;margin:6px 0;overflow:hidden}.fb-bar i{background:var(--accent);transform-origin:0;border-radius:3px;height:100%;display:block}.fb-tr p{font-size:var(--t-md)}.fb-metrics{gap:var(--s3);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.fb-metrics div{padding:var(--s3);border-radius:var(--r-sm);background:var(--surface-2)}.fb-metrics dt{font-size:var(--t-2xs);color:var(--ink-3);font-weight:600}.fb-metrics dd{font-size:var(--t-xl);margin:0;font-weight:680}.fb-metrics small{font-size:var(--t-xs);color:var(--ink-3);font-weight:500}.fb-cols{gap:var(--s5);grid-template-columns:1fr 1fr;display:grid}.fb-h{font-size:var(--t-sm);margin-bottom:var(--s3);font-weight:680}.fb-list{gap:var(--s3);font-size:var(--t-sm);line-height:1.5;display:grid}.fb-list li{gap:var(--s2);align-items:flex-start;display:flex}.fb-good svg{color:var(--accent-ink);flex:none;margin-top:3px}.fb-next .num{background:var(--ink);width:22px;height:22px;color:var(--bg);font-size:var(--t-2xs);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-weight:700;display:grid}.fb-block{gap:var(--s3);justify-items:start;display:grid}.fb-fixes{gap:var(--s3);width:100%;display:grid}.fb-fixes li{gap:var(--s1);padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);justify-items:start;display:grid}.fb-orig{color:var(--wrong-ink);text-decoration:line-through;-webkit-text-decoration-color:oklch(from var(--wrong) l c h / .5);text-decoration-color:oklch(from var(--wrong) l c h / .5);font-size:1.0625rem}.fb-better{color:var(--accent-ink);font-size:1.0625rem;font-weight:500}.fb-vocab{gap:var(--s3);width:100%;display:grid}.fb-vocab li{align-items:baseline;gap:var(--s2);flex-wrap:wrap;display:flex}.fb-vocab li p{flex-basis:100%}.fb-arrow{color:var(--ink-3)}.fb-rewrite{gap:var(--s3);padding:var(--s5);border-radius:var(--r-md);background:var(--accent-wash);width:100%;font-size:1.125rem;line-height:1.65;display:grid;overflow:hidden}.fb-details summary{align-items:center;gap:var(--s2);cursor:pointer;font-weight:600;font-size:var(--t-sm);list-style:none;display:inline-flex}.fb-details summary::-webkit-details-marker{display:none}.fb-transcript{margin-top:var(--s3);color:var(--ink-2);font-size:1.0625rem;line-height:1.6}.fb-filler{background:var(--wrong-soft);color:var(--wrong-ink);border-radius:4px;padding:0 3px}.fb-pron{gap:var(--s3);width:100%;display:grid}.fb-pron li{gap:var(--s3);align-items:flex-start;display:flex}.thinking{justify-items:center;gap:var(--s2);padding:var(--s6);border-radius:var(--r-lg);background:var(--accent-wash);text-align:center;display:grid}.thinking p{color:var(--accent-deep);font-weight:600}.thinking-dots{gap:8px;display:flex}.thinking-dots i{background:var(--accent);width:10px;height:10px;animation:think 1.2s var(--ease-in-out) infinite;border-radius:50%}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes think{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.results{min-height:100dvh;padding:var(--s6) var(--s5) calc(var(--s6) + var(--safe-b));background:var(--accent-wash);place-items:center;display:grid}.results-card{justify-items:center;gap:var(--s5);text-align:center;width:min(560px,100%);display:grid}.stamp{mix-blend-mode:multiply;width:220px;height:220px}:root[data-theme=dark] .stamp{mix-blend-mode:screen}.stamp-svg{width:100%;height:100%;overflow:visible}.stamp-ring-text{font-family:var(--font-ui);letter-spacing:.14em;font-size:15px;font-weight:760}.stamp-center{font-family:var(--font-ui);letter-spacing:-.03em;font-variation-settings:"wdth" 78;font-size:42px;font-weight:780}.results-text{justify-items:center;gap:var(--s3);display:grid}.results-title{font-size:clamp(var(--t-2xl), 5vw, var(--t-4xl));letter-spacing:-.035em;font-variation-settings:"wdth" 82;text-wrap:balance;font-weight:720}.results-stats{gap:var(--s6);margin:var(--s3) 0;flex-wrap:wrap;justify-content:center;display:flex}.results-stats dt{font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.results-stats dd{font-size:var(--t-xl);letter-spacing:-.02em;margin:0;font-weight:700}.results-words{gap:var(--s2);justify-items:center;display:grid}.results-words ul{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.results-actions{gap:var(--s2);width:100%;max-width:380px;margin-top:var(--s4);display:grid}@media (width<=899px){.player-top{padding-left:var(--s2);padding-right:var(--s4);gap:var(--s3)}.player-stage{padding:var(--s4) var(--s4) calc(var(--foot-h) + var(--s7))}.player.has-passage .player-body{display:block}.passage-pane{display:none}.passage-bar{top:calc(64px + var(--safe-t));z-index:9;align-items:center;gap:var(--s2);margin:0 var(--s4);padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 10px 20px -16px oklch(20% .04 268/.4);display:flex;position:sticky}.passage-open{align-items:center;gap:var(--s3);text-align:left;width:100%;min-height:40px;display:flex}.passage-open-title{font-weight:600;font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.passage-open-cta{font-size:var(--t-xs);color:var(--accent-ink);font-weight:700}.player-actions{padding:var(--s3) var(--s4)}.player-main{width:100%}.feedback{padding-bottom:calc(var(--s3) + 54px + var(--s3) + var(--safe-b))}.feedback-inner{padding:var(--s4) var(--s4) 0}.wc{padding:var(--s5)}.wc.has-pic{grid-template-columns:minmax(0,1fr)}.wc.has-pic>.wc-pic{grid-area:auto/1;width:128px}.words-deck{min-height:360px}.match{gap:var(--s2)}.match-item{padding:var(--s3);font-size:var(--t-sm)}.fb-hero{gap:var(--s4);grid-template-columns:1fr}.fb-cols{grid-template-columns:1fr}.fb-metrics{grid-template-columns:repeat(2,1fr)}.speak-prep{grid-template-columns:1fr}.speak-prep .btn{grid-column:auto}.task-card{padding:var(--s4)}.form-table-wrap{margin:0 calc(var(--s4) * -1);padding:0 var(--s4)}.stamp{width:180px;height:180px}}.deck-stats{align-items:end;gap:var(--s6);margin-bottom:var(--s6);grid-template-columns:repeat(4,auto) 1fr;display:grid}.stat{gap:2px;display:grid}.stat-n{font-size:var(--t-3xl);letter-spacing:-.04em;font-variation-settings:"wdth" 80;font-weight:720;line-height:1}.stat-l{font-size:var(--t-xs);color:var(--ink-3);font-weight:560}.stat.is-accent .stat-n{color:var(--accent-ink)}.deck-bar{background:var(--surface-3);border-radius:5px;align-self:center;gap:3px;height:10px;display:flex;overflow:hidden}.deck-bar i{flex-basis:0;display:block}.deck-bar .is-learning{background:var(--accent-line)}.deck-bar .is-known{background:oklch(from var(--accent) l c h / .7)}.deck-bar .is-mastered{background:var(--accent)}.words-tools{gap:var(--s3);margin-bottom:var(--s5);display:grid}.search{align-items:center;gap:var(--s3);height:52px;padding:0 var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-3);transition:box-shadow var(--dur-2);display:flex}.search:focus-within{box-shadow:inset 0 0 0 2px var(--accent)}.search input{font-size:var(--t-md);color:var(--ink);background:0 0;border:0;outline:none;flex:1}.filters{gap:var(--s1);flex-wrap:wrap;display:flex}.filter{isolation:isolate;height:36px;padding:0 var(--s4);border-radius:var(--r-pill);font-size:var(--t-sm);color:var(--ink-2);font-weight:580;position:relative}.filter.is-on{color:var(--bg)}.filter-pill{z-index:-1;border-radius:var(--r-pill);background:var(--ink);position:absolute;inset:0}.level-filter{height:30px;font-size:var(--t-xs);color:var(--accent-ink);background:var(--accent-wash);transition:background-color var(--dur-2), color var(--dur-2);border-radius:8px;padding:0 10px;font-weight:700}.level-filter.is-on{background:var(--accent);color:var(--on-accent)}.wordlist{display:grid}.wordrow{border-bottom:1px solid var(--line)}.wordrow-main{align-items:center;gap:var(--s4);min-height:60px;padding:var(--s2) var(--s2);cursor:pointer;border-radius:var(--r-sm);transition:background-color var(--dur-2);grid-template-columns:auto minmax(120px,1fr) minmax(0,1.4fr) auto;display:grid}.wordrow-main:hover{background:var(--surface-2)}.wordrow-term{align-items:center;gap:var(--s3);font-family:var(--font-read);font-size:var(--t-lg);min-width:0;font-weight:520;display:flex}.wordrow-pic{border-radius:10px;flex:none;width:40px;height:40px}.wordrow-tr{color:var(--ink-2);font-size:var(--t-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wordrow-end{align-items:center;gap:var(--s3);display:flex}.wordrow-detail{padding:0 0 var(--s4);gap:var(--s2);justify-items:start;display:grid;overflow:hidden}.wordrow-detail .wc{width:100%;box-shadow:inset 0 0 0 1px var(--line)}.wordrow-off{color:var(--ink-3)}.strength{gap:3px;display:inline-flex}.strength i{background:var(--surface-3);border-radius:2px;width:6px;height:16px}.strength.s-new i:nth-child(-n+1),.strength.s-learning i:nth-child(-n+2),.strength.s-known i:nth-child(-n+3),.strength.s-mastered i{background:var(--accent)}.review-stage{width:100%;max-width:560px;padding:var(--s7) var(--s5) var(--s8);margin:0 auto}.rcard{gap:var(--s5);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 30px 60px -40px oklch(25% .06 268/.5);display:grid}.rcard-front{gap:var(--s3);display:grid}.rcard-term-row{justify-content:space-between;align-items:center;gap:var(--s4);display:flex}.rcard-term{font-variation-settings:"wdth" 80;letter-spacing:-.045em;font-size:clamp(2.6rem,8vw,4rem);font-weight:730;line-height:1}.rcard-ipa{font-size:var(--t-lg)}.rcard-prompt{letter-spacing:-.03em;color:var(--accent-ink);font-variation-settings:"wdth" 86;font-size:clamp(1.8rem,5vw,2.6rem);font-weight:680}.rcard-hint{font-size:var(--t-lg);color:var(--ink-2)}.rcard-listen{padding:var(--s4) 0;justify-items:center}.rcard-type{gap:var(--s3);display:grid}.rcard-actions{justify-content:space-between;gap:var(--s2);display:flex}.rcard-back{gap:var(--s2);padding-top:var(--s4);border-top:1px solid var(--line);display:grid;overflow:hidden}.rcard-def{font-size:var(--t-xl);line-height:1.3}.rcard-meaning.has-pic{gap:var(--s4);grid-template-columns:96px minmax(0,1fr);align-items:start;display:grid}.rcard-pic{aspect-ratio:1;border-radius:var(--r-sm)}.rcard-picture{justify-items:center}.rcard-picture .label{justify-self:start}.rcard-pic-big{aspect-ratio:1;border-radius:var(--r-md);width:min(280px,100%)}.rcard-tr{color:var(--accent-ink);font-weight:600}.rcard-ex{color:var(--ink-2);font-style:italic;font-size:var(--t-lg)}.rcard-verdict{gap:var(--s1);padding:var(--s4);border-radius:var(--r-md);margin-bottom:var(--s2);display:grid}.rcard-verdict.is-right,.rcard-verdict.is-typo{background:var(--accent-wash);color:var(--accent-ink)}.rcard-verdict.is-wrong{background:var(--wrong-soft);color:var(--wrong-ink)}.rcard-verdict .rcard-term{font-size:var(--t-3xl);color:var(--ink)}.rcard-foot{display:grid}.rcard-show{width:100%}.grades{gap:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.grade{padding:var(--s3) var(--s2);border-radius:var(--r-sm);background:var(--surface-2);transition:background-color var(--dur-2), transform var(--dur-1);justify-items:center;gap:2px;display:grid}.grade:active{transform:scale(.96)}.grade b{font-weight:650;font-size:var(--t-sm)}.grade span{font-size:var(--t-xs);color:var(--ink-3)}.grade.g-1:hover{background:var(--wrong-soft);color:var(--wrong-ink)}.grade.g-2:hover{background:var(--surface-3)}.grade.g-3{background:var(--accent-soft);color:var(--accent-ink)}.grade.g-3:hover{background:var(--accent);color:var(--on-accent)}.grade.g-3:hover span{color:inherit}.grade.g-4:hover{background:var(--accent-soft)}@media (width<=899px){.deck-stats{gap:var(--s3);grid-template-columns:repeat(4,1fr)}.deck-bar{grid-column:1/-1}.stat-n{font-size:var(--t-2xl)}.filters{scrollbar-width:none;margin:0 calc(var(--s4) * -1);padding:0 var(--s4);flex-wrap:nowrap;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filter{flex:none}.wordrow-main{gap:var(--s3);grid-template-columns:auto minmax(0,1fr) auto}.wordrow-tr{grid-area:2/2;margin-top:-6px}.wordrow-end{grid-area:1/3/span 2}.review-stage{padding:var(--s5) var(--s4) var(--s8)}.rcard{padding:var(--s5)}}.countdown{text-align:right;justify-items:end;display:grid}.countdown .num{font-size:var(--t-4xl);letter-spacing:-.05em;font-variation-settings:"wdth" 76;color:var(--accent-ink);font-weight:740;line-height:1}.countdown span:last-child{font-size:var(--t-sm);color:var(--ink-2)}.bands{gap:var(--s7);padding:var(--s6);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:var(--s7);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.band-overall{gap:var(--s1);display:grid}.band-big{letter-spacing:-.06em;font-variation-settings:"wdth" 76;color:var(--accent-ink);font-size:clamp(4rem,9vw,6.5rem);font-weight:760;line-height:.88}.band-skills{gap:var(--s5) var(--s6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.band-skills li{gap:6px;display:grid}.band-skill-head{justify-content:space-between;align-items:baseline;display:flex}.band-skill-name{font-weight:600}.band-skill-head b{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700}.band-track{background:var(--surface-3);border-radius:4px;height:8px;position:relative}.band-track i{background:var(--accent);transform-origin:0;border-radius:4px;position:absolute;inset:0}.band-big.is-rough,.band-skill-head b.is-rough{color:var(--ink-3)}.band-track.is-rough i{opacity:.35}.band-target{background:var(--ink);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.tracks{gap:var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.track-tile.track-overview{grid-column:span 2}.track-link{border-radius:var(--r-lg);background:var(--surface);height:100%;box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow var(--dur-2);display:grid;overflow:hidden}.track-link:hover{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.track-link:hover .cover img{transform:scale(1.04)}.track-cover{aspect-ratio:16/9}.track-overview .track-link{grid-template-columns:1fr 1fr}.track-overview .track-cover{aspect-ratio:auto;height:100%}.track-text{gap:var(--s2);padding:var(--s5);align-content:start;display:grid}.track-title{font-size:var(--t-xl);letter-spacing:-.025em;font-variation-settings:"wdth" 86;font-weight:690}.track-meta{align-items:center;gap:var(--s3);margin-top:var(--s2);display:flex}.track-meta .bar{height:6px}.back-link{align-items:center;gap:var(--s2);font-size:var(--t-sm);color:var(--ink-2);margin-bottom:var(--s5);font-weight:600;display:inline-flex}.back-link:hover{color:var(--ink)}.track-hero{gap:var(--s7);margin-bottom:var(--s7);grid-template-columns:minmax(240px,380px) minmax(0,1fr);align-items:start;display:grid}.track-hero-cover{aspect-ratio:4/3;border-radius:var(--r-lg)}.track-hero-text{gap:var(--s4);display:grid}.track-about{font-size:var(--t-lg);color:var(--ink-2);max-width:52ch;line-height:1.45}.facts{gap:0 var(--s5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.facts div{padding:var(--s3) 0;border-top:1px solid var(--line);gap:2px;display:grid}.facts dt{font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.facts dd{font-weight:560;font-size:var(--t-sm);margin:0}.track-lessons{max-width:760px}.lesson-n{color:var(--ink-3);margin-right:4px;font-weight:600}.history{gap:var(--s2);max-width:760px;display:grid}.history-row{align-items:center;gap:var(--s4);width:100%;padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);text-align:left;display:flex}button.history-row:hover{box-shadow:inset 0 0 0 1.5px var(--accent-line)}.history-band{background:var(--accent-soft);min-width:56px;height:44px;color:var(--accent-ink);font-weight:740;font-size:var(--t-lg);border-radius:12px;flex:none;place-items:center;padding:0 8px;display:grid}.history-text{gap:2px;min-width:0;display:grid}.history-text b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.modal{z-index:60;padding:var(--s5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(15% .02 268/.4);place-items:center;display:grid;position:fixed;inset:0}.modal-card{border-radius:var(--r-lg);background:var(--bg);width:min(820px,100%);max-height:90dvh;box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.modal-head{justify-content:space-between;align-items:flex-start;gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--line);display:flex}.modal-body{padding:var(--s5);gap:var(--s5);display:grid;overflow:auto}@media (width<=1099px){.tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=899px){.bands{gap:var(--s5);padding:var(--s5);grid-template-columns:1fr}.band-skills{gap:var(--s4);grid-template-columns:1fr 1fr}.tracks{grid-template-columns:1fr}.track-tile.track-overview{grid-column:auto}.track-overview .track-link{grid-template-columns:1fr}.track-overview .track-cover{aspect-ratio:16/9;height:auto}.track-hero{gap:var(--s5);grid-template-columns:1fr}.facts{grid-template-columns:1fr}.countdown{text-align:left;justify-items:start}.modal{align-items:end;padding:0}.modal-card{border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:92dvh}}.pstats{gap:var(--s4);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.pstat{gap:var(--s1);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid}.pstat:first-child{background:var(--accent);color:var(--on-accent);box-shadow:none}.pstat:first-child .pstat-l{color:inherit;opacity:.8}.pstat-n{font-size:var(--t-3xl);letter-spacing:-.045em;font-variation-settings:"wdth" 78;font-weight:740;line-height:1}.pstat-l{font-size:var(--t-xs);color:var(--ink-3);font-weight:560}.heat-wrap{gap:var(--s3);padding-bottom:var(--s2);display:grid;overflow-x:auto}.heat{grid-auto-columns:minmax(12px,1fr);grid-auto-flow:column;gap:4px;min-width:560px;display:grid}.heat-col{grid-template-rows:repeat(7,1fr);gap:4px;display:grid}.heat-cell{aspect-ratio:1;background:var(--surface-2);border-radius:4px;min-width:12px;display:block}.heat-cell.h-1{background:0 0}.heat-cell.h0{background:var(--surface-3)}.heat-cell.h1{background:oklch(from var(--accent) l c h / .3)}.heat-cell.h2{background:oklch(from var(--accent) l c h / .55)}.heat-cell.h3{background:var(--accent)}.heat-cell.h4{background:var(--accent-ink)}.heat-cell.is-today{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--ink)}.heat-legend{justify-content:flex-end;align-items:center;gap:4px;display:flex}.heat-legend .heat-cell{width:12px;min-width:12px}.skills{gap:var(--s5) var(--s6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skill{gap:6px;display:grid}.skill-head{justify-content:space-between;align-items:baseline;font-weight:600;display:flex}.skill-head b{font-size:var(--t-xl);letter-spacing:-.02em;font-weight:700}.stamps{gap:var(--s5);display:grid}.stamps-level{gap:var(--s3);padding-bottom:var(--s5);border-bottom:1px solid var(--line);display:grid}.stamps-head{align-items:center;gap:var(--s3);display:flex}.stamps-head .tiny{margin-left:auto}.stamps-row{gap:var(--s4);flex-wrap:wrap;display:flex}.mstamp{text-align:center;justify-items:center;gap:4px;width:84px;display:grid}.mstamp svg{width:64px;height:64px;overflow:visible}.mstamp-outer{fill:none;stroke:var(--line-strong);stroke-width:1.5px;stroke-dasharray:3 4}.mstamp-track{fill:none;stroke:var(--surface-3);stroke-width:3px}.mstamp-arc{fill:none;stroke:var(--accent);stroke-width:3px;stroke-linecap:round}.mstamp-n{font-family:var(--font-ui);fill:var(--ink-3);font-size:20px;font-weight:760}.mstamp-title{font-size:var(--t-2xs);color:var(--ink-3);line-height:1.2}.mstamp.is-earned svg{transform:rotate(-8deg)}.mstamp.is-earned .mstamp-outer{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:none}.mstamp.is-earned .mstamp-track{stroke:var(--accent);stroke-width:1.2px}.mstamp.is-earned .mstamp-n{fill:var(--accent)}.mstamp.is-earned .mstamp-title{color:var(--ink)}@media (width<=1299px){.pstats{grid-template-columns:repeat(4,minmax(0,1fr))}.pstat:first-child{flex-direction:row;grid-column:1/-1}}@media (width<=899px){.pstats{gap:var(--s3);grid-template-columns:repeat(2,minmax(0,1fr))}.pstat{padding:var(--s4)}.pstat:first-child{grid-column:span 2}.skills{gap:var(--s4);grid-template-columns:1fr 1fr}.mstamp{width:72px}}.welcome{min-height:100dvh;padding:calc(var(--s4) + var(--safe-t)) var(--s5) calc(var(--s6) + var(--safe-b));flex-direction:column;max-width:1120px;margin:0 auto;display:flex}.welcome-top{justify-content:space-between;align-items:center;min-height:48px;display:flex}.welcome-step{padding:var(--s6) 0;flex-direction:column;flex:1;justify-content:center;display:flex}.welcome-hello{gap:var(--s6);display:grid}.welcome-title{font-variation-settings:"wdth" 78;letter-spacing:-.045em;max-width:11ch;font-size:clamp(2.75rem,8vw,6.5rem);font-weight:720;line-height:.95}.welcome-lead{font-family:var(--font-read);color:var(--ink-2);max-width:40ch;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.45}.inks{gap:var(--s3);margin-top:var(--s2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.ink{padding:6px 6px var(--s3);border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px -18px oklch(20% .05 268/.4);transform-origin:bottom;grid-template-rows:auto auto auto auto;display:grid}.ink-chip{aspect-ratio:1/1.05;border-radius:calc(var(--r-md) - 6px);background:var(--accent);margin-bottom:var(--s3)}.ink-id{padding:0 var(--s2);font-size:var(--t-lg);font-variation-settings:"wdth" 80;letter-spacing:-.02em;font-weight:760;line-height:1.1}.ink-name{padding:0 var(--s2);font-size:var(--t-xs);color:var(--accent-ink);font-weight:600}.ink-title{padding:0 var(--s2);font-size:var(--t-xs);color:var(--ink-3)}.welcome-actions{gap:var(--s3);margin-top:var(--s2);flex-wrap:wrap;display:flex}.welcome-form{gap:var(--s5);width:100%;max-width:460px;margin:0 auto;display:grid}.welcome-q{font-size:clamp(var(--t-2xl), 5vw, var(--t-4xl));font-variation-settings:"wdth" 82;letter-spacing:-.035em;font-weight:700;line-height:1.02}.welcome-hint{color:var(--ink-2);font-size:var(--t-sm);margin-top:calc(var(--s3) * -1)}.welcome-error{gap:var(--s3);padding:var(--s4);border-radius:var(--r-sm);background:var(--wrong-soft);color:var(--wrong-ink);font-size:var(--t-sm);justify-items:start;display:grid}.input-xl{min-height:64px;font-size:var(--t-xl);letter-spacing:-.01em;border-radius:var(--r-md);font-weight:560}.pin{position:relative}.pin-input{letter-spacing:.6em;text-align:center;color:#0000;caret-color:var(--accent)}.pin-input::placeholder{color:var(--ink-3);letter-spacing:.05em}.pin-input:placeholder-shown+.pin-dots{opacity:0}.pin-dots{pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pin-dot{width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--line-strong);border-radius:50%}.pin-dot.is-on{background:var(--ink);box-shadow:none}.field,.band-picker{gap:var(--s2);display:grid}.band-row{align-items:center;gap:var(--s5);display:flex}.band-num{text-align:center;min-width:3.2ch;font-size:var(--t-5xl);font-variation-settings:"wdth" 78;letter-spacing:-.05em;color:var(--accent-ink);font-weight:720;line-height:1;display:inline-block}.goal-options{gap:var(--s2);border:0;grid-template-columns:1fr 1fr;margin:0;padding:0;display:grid}.goal-options legend{margin-bottom:var(--s2)}.goal-option{text-align:left;padding:var(--s3) var(--s4);border-radius:var(--r-sm);background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow var(--dur-2), background-color var(--dur-2);gap:2px;display:grid;position:relative}.goal-option b{font-weight:640}.goal-option span{font-size:var(--t-xs);color:var(--ink-2)}.goal-option.is-on{background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.goal-check{color:var(--accent-ink);position:absolute;top:12px;right:12px}.placement-cta{gap:var(--s1);text-align:left;padding:var(--s5);border-radius:var(--r-md);background:var(--ink);color:var(--bg);transition:transform var(--dur-1);display:grid}.placement-cta:active{transform:scale(.985)}.placement-cta b{font-size:var(--t-lg);font-weight:680}.placement-cta span{opacity:.75;font-size:var(--t-sm)}.level-options{gap:var(--s2);display:grid}.level-option{align-items:flex-start;gap:var(--s3);text-align:left;padding:var(--s3) var(--s4);border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);transition:background-color var(--dur-2), box-shadow var(--dur-2);display:flex}.level-option:hover{background:var(--accent-wash);box-shadow:inset 0 0 0 1.5px var(--accent-line)}.level-option-text{gap:2px;display:grid}.level-option-text span{font-size:var(--t-xs);color:var(--ink-2)}@media (width<=899px){.welcome{padding-left:var(--s4);padding-right:var(--s4)}.welcome-step{padding-top:var(--s5);justify-content:flex-start}.welcome-hello{gap:var(--s5)}.inks{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.ink{border-radius:var(--r-sm);padding:4px 4px 6px}.ink-chip{aspect-ratio:1/1.5;border-radius:8px;margin-bottom:6px}.ink-id{font-size:var(--t-sm);text-align:center;padding:0 2px}.ink-name,.ink-title{display:none}.welcome-actions .btn{flex:100%}.goal-options{grid-template-columns:1fr}}.placement-track{justify-content:center;gap:4px;display:flex}.placement-dot{min-width:38px;height:26px;font-size:var(--t-2xs);color:var(--ink-3);background:var(--surface-2);transition:background-color var(--dur-3), color var(--dur-3);border-radius:8px;place-items:center;padding:0 6px;font-weight:760;display:grid}.placement-dot.is-passed{background:var(--accent-soft);color:var(--accent-ink)}.placement-dot.is-now{background:var(--accent);color:var(--on-accent)}.placement-skip{color:var(--ink-3);justify-self:start}.placement-result{min-height:100dvh;padding:var(--s6) var(--s5);place-items:center;display:grid;position:relative;overflow:hidden}.placement-ink{background:var(--accent);transform-origin:50% 40%;position:absolute;inset:-10vmax}.placement-card{text-align:center;justify-items:center;gap:var(--s3);color:var(--on-accent);max-width:560px;display:grid;position:relative}.placement-card .label{color:inherit;opacity:.8}.placement-level{letter-spacing:-.07em;font-variation-settings:"wdth" 75;font-size:clamp(8rem,30vw,16rem);font-weight:780;line-height:.85}.placement-text{gap:var(--s3);justify-items:center;display:grid}.placement-text .serif{font-size:var(--t-lg);opacity:.9;line-height:1.45}.placement-text .small{opacity:.75}.placement-actions{gap:var(--s2);width:min(360px,100%);margin-top:var(--s4);display:grid}.placement-actions .btn-ink{--btn-bg:var(--on-accent);--btn-fg:var(--accent)}.placement-actions .btn-ghost{--btn-fg:var(--on-accent)}.placement-actions .btn-ghost:hover{--btn-bg:oklch(from var(--on-accent) l c h / .12)}.settings{max-width:760px}.set-group{gap:var(--s3);margin-bottom:var(--s7);display:grid}.set-group .h3{margin-bottom:var(--s1)}.set-card{gap:var(--s4);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);display:grid}.set-row{align-items:center;gap:var(--s4);display:flex}.set-card.set-row{display:flex}.set-card>.set-row+.set-row{padding-top:var(--s4);border-top:1px solid var(--line)}.set-ico{color:var(--accent-ink);flex:none}.set-text{flex:1;gap:2px;min-width:0;display:grid}.set-text b{font-weight:640}.set-btns{gap:var(--s2);flex-wrap:wrap;justify-content:flex-end;display:flex}.set-grid{grid-template-columns:1fr 1fr}.set-span{grid-column:1/-1}.set-place{margin-top:var(--s2);justify-self:start}select.input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px;padding-right:40px}.level-pick{gap:var(--s2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.level-pick-btn{padding:var(--s3) var(--s2);border-radius:var(--r-sm);background:var(--accent-wash);text-align:center;transition:background-color var(--dur-2), color var(--dur-2);gap:2px;display:grid}.level-pick-btn b{font-variation-settings:"wdth" 82;color:var(--accent-ink);font-weight:760}.level-pick-btn span{font-size:var(--t-2xs);color:var(--ink-3)}.level-pick-btn.is-on{background:var(--accent)}.level-pick-btn.is-on b,.level-pick-btn.is-on span{color:var(--on-accent)}.seg-theme{width:300px}.switch{background:var(--surface-3);width:52px;height:32px;transition:background-color var(--dur-2);border-radius:16px;flex:none;align-items:center;padding:3px;display:flex;position:relative}.switch i{background:#fff;border-radius:50%;width:26px;height:26px;box-shadow:0 1px 3px oklch(0% 0 0/.25)}.switch.is-on{background:var(--accent);justify-content:flex-end}.signin{gap:var(--s2);grid-template-columns:1fr 140px;display:grid}.signin-actions{gap:var(--s2);grid-column:1/-1;display:flex}.signin .form-error{grid-column:1/-1}@media (width<=899px){.set-grid{grid-template-columns:1fr}.set-row{flex-wrap:wrap}.level-pick{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-theme{width:100%}.set-card.set-row{flex-direction:column;align-items:stretch}.set-btns{justify-content:flex-start}}