@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/language-learner/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/language-learner/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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;src:url(/language-learner/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/language-learner/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/language-learner/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/language-learner/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/language-learner/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/language-learner/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper: oklch(97% .012 65);--color-paper-2: oklch(94% .016 65);--color-paper-3: oklch(90% .02 60);--color-surface: oklch(98.5% .009 65);--color-surface-raised: oklch(99% .008 65);--color-ink: oklch(20% .018 55);--color-ink-2: oklch(30% .016 55);--color-muted: oklch(44% .014 55);--color-rule: oklch(83% .016 60);--color-rule-strong: oklch(68% .018 55);--color-accent: oklch(42% .028 55);--color-accent-soft: oklch(92% .018 55);--color-accent-ink: oklch(18% .018 55);--color-focus: oklch(42% .08 55);--color-success: oklch(48% .12 155);--color-success-soft: oklch(92% .03 155);--color-error: oklch(48% .16 24);--color-error-soft: oklch(93% .03 24);--color-scrim: oklch(18% .018 55 / .34);--color-material: oklch(97% .012 65 / .82);--font-display: "Bricolage Grotesque Variable", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-body: "Geist Variable", "Hiragino Sans", "Yu Gothic UI", sans-serif;--font-japanese: "Hiragino Sans", "Yu Gothic UI", "Noto Sans CJK JP", sans-serif;--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.25rem;--text-lg: 1.5625rem;--text-xl: 1.953rem;--text-2xl: 2.441rem;--text-3xl: 3.052rem;--text-display: clamp(2.35rem, 6vw + .5rem, 4.5rem);--text-japanese: clamp(2rem, 7vw, 4rem);--radius-xs: .375rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-pill: 999px;--rule-hair: 1px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--dur-micro: .16s;--dur-short: .22s;--dur-long: .42s;--shadow-whisper: 0 1px 2px oklch(20% .01 55 / .06);--shadow-float: 0 10px 32px oklch(20% .02 55 / .12);--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}[data-theme=dark]{--color-paper: oklch(15% .012 55);--color-paper-2: oklch(19% .014 55);--color-paper-3: oklch(24% .016 55);--color-surface: oklch(18% .014 55);--color-surface-raised: oklch(22% .016 55);--color-ink: oklch(94% .01 65);--color-ink-2: oklch(84% .012 65);--color-muted: oklch(72% .014 65);--color-rule: oklch(34% .018 55);--color-rule-strong: oklch(52% .02 55);--color-accent: oklch(76% .028 55);--color-accent-soft: oklch(28% .018 55);--color-accent-ink: oklch(92% .018 65);--color-focus: oklch(80% .08 55);--color-success: oklch(72% .1 155);--color-success-soft: oklch(25% .035 155);--color-error: oklch(74% .13 24);--color-error-soft: oklch(26% .04 24);--color-scrim: oklch(6% .01 55 / .58);--color-material: oklch(18% .014 55 / .84);--shadow-whisper: 0 1px 2px oklch(4% .01 55 / .3);--shadow-float: 0 10px 32px oklch(4% .01 55 / .42)}html[data-language=ja]{--color-accent: oklch(47% .19 12);--color-accent-soft: oklch(93% .035 12);--color-accent-ink: oklch(19% .035 12);--color-focus: oklch(45% .21 12)}html[data-language=vi]{--color-accent: oklch(45% .11 82);--color-accent-soft: oklch(93% .05 82);--color-accent-ink: oklch(20% .04 82);--color-focus: oklch(42% .14 82)}html[data-language=th]{--color-accent: oklch(44% .16 263);--color-accent-soft: oklch(93% .035 263);--color-accent-ink: oklch(19% .04 263);--color-focus: oklch(43% .2 263)}html[data-language=id]{--color-accent: oklch(49% .2 29);--color-accent-soft: oklch(93% .04 29);--color-accent-ink: oklch(19% .04 29);--color-focus: oklch(46% .21 29)}[data-theme=dark][data-language=ja]{--color-accent: oklch(73% .15 12);--color-accent-soft: oklch(27% .055 12);--color-accent-ink: oklch(95% .015 12);--color-focus: oklch(78% .17 12)}[data-theme=dark][data-language=vi]{--color-accent: oklch(80% .13 82);--color-accent-soft: oklch(28% .055 82);--color-accent-ink: oklch(95% .015 82);--color-focus: oklch(83% .15 82)}[data-theme=dark][data-language=th]{--color-accent: oklch(74% .13 263);--color-accent-soft: oklch(27% .055 263);--color-accent-ink: oklch(95% .015 263);--color-focus: oklch(79% .15 263)}[data-theme=dark][data-language=id]{--color-accent: oklch(74% .16 29);--color-accent-soft: oklch(27% .06 29);--color-accent-ink: oklch(95% .015 29);--color-focus: oklch(79% .18 29)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-width:20rem;min-height:100%;overflow-x:clip;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:100%;line-height:1.55;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{min-height:100dvh;padding-inline:max(0rem,env(safe-area-inset-left)) max(0rem,env(safe-area-inset-right))}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{color:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}h1,h2,h3,p{margin:0}h1,h2,h3{min-width:0;overflow-wrap:anywhere;font-family:var(--font-display);font-style:normal;line-height:1.12;letter-spacing:-.026em}h1{font-size:clamp(var(--text-xl),5vw,var(--text-3xl))}h2{font-size:var(--text-xl)}h3{font-size:var(--text-md)}[lang=ja]{font-family:var(--font-japanese);font-style:normal;font-optical-sizing:auto}html[data-language] [lang]:not([lang=en]){font-family:var(--font-target, var(--font-body))}::selection{background:var(--color-accent-soft);color:var(--color-ink)}:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.sr-only{position:absolute;width:var(--space-2xs);height:var(--space-2xs);padding:0;margin:calc(var(--space-2xs) * -1);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);z-index:var(--z-tooltip);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-paper);transform:translateY(calc(-100% - var(--space-xl)))}.skip-link:focus{transform:translateY(0)}.app{min-height:100dvh}.app-main{width:min(100%,76rem);margin-inline:auto;padding:var(--space-xs) clamp(var(--space-sm),4vw,var(--space-xl)) calc(5.25rem + env(safe-area-inset-bottom))}.app--focused .app-main{width:min(100%,64rem);padding-block-start:0;padding-block-end:var(--space-xl)}.page{display:grid;gap:var(--space-lg);min-width:0}.route-stage{min-width:0}.button,.icon-button,.setting-action,.register-switch__option,.segmented-control button{position:relative;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-xs);padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-weight:700;line-height:1;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.button svg{width:var(--space-md);height:var(--space-md)}.button:active{transform:scale(.97)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.5}.button[aria-busy=true]{cursor:progress;opacity:.72}.button[data-state=success]{background:var(--color-success);color:var(--color-surface)}.button[data-state=error],.button--danger{border-color:var(--color-error);background:var(--color-error);color:var(--color-surface)}.button--secondary{border-color:var(--color-rule-strong);background:var(--color-surface);color:var(--color-ink)}.button--small{min-height:2.75rem;padding-inline:var(--space-sm);font-size:var(--text-sm)}.button--compact{min-height:2.5rem;padding-inline:var(--space-sm);font-size:var(--text-sm)}.button--wide{width:100%}.icon-button{display:inline-grid;width:2.75rem;height:2.75rem;place-items:center;flex:0 0 2.75rem;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.icon-button svg{width:var(--text-md);height:var(--text-md)}.icon-button:active{transform:scale(.94)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.text-link{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-xs);color:var(--color-ink-2);font-weight:700;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:var(--space-2xs);white-space:nowrap}.text-link svg{width:var(--space-md);height:var(--space-md)}.desktop-nav{display:none}.mobile-nav-backdrop{position:fixed;inset:auto 0 0;z-index:calc(var(--z-sticky) - 1);height:calc(7.75rem + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to bottom,transparent,var(--color-paper) 82%);-webkit-backdrop-filter:blur(1.5rem) saturate(120%);backdrop-filter:blur(1.5rem) saturate(120%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 36%);mask-image:linear-gradient(to bottom,transparent,black 36%)}.mobile-nav{position:fixed;inset:auto var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom));z-index:var(--z-sticky);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-material);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(1.5rem) saturate(135%);backdrop-filter:blur(1.5rem) saturate(135%)}.mobile-nav a{display:grid;min-width:0;min-height:2.75rem;place-items:center;align-content:center;gap:var(--space-2xs);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-xs);font-weight:650;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out),opacity var(--dur-micro) var(--ease-out)}.mobile-nav a svg{width:var(--text-md);height:var(--text-md)}.mobile-nav a.is-active{background:var(--color-accent-soft);color:var(--color-accent-ink)}.mobile-nav a:active{transform:scale(.95)}.notice{position:fixed;inset:auto var(--space-sm) calc(5rem + env(safe-area-inset-bottom));z-index:var(--z-toast);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-float)}.notice--warning{background:var(--color-error-soft);color:var(--color-ink)}.notice>svg{width:var(--text-md);height:var(--text-md)}.notice p{font-size:var(--text-sm)}.screen-header{position:sticky;inset-block-start:0;z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;margin-inline:calc(clamp(var(--space-sm),4vw,var(--space-xl))*-1);padding:calc(var(--space-xs) + env(safe-area-inset-top)) clamp(var(--space-sm),4vw,var(--space-xl)) var(--space-xs);background:var(--color-material);-webkit-backdrop-filter:blur(1.125rem) saturate(150%);backdrop-filter:blur(1.125rem) saturate(150%)}.screen-header--with-leading{grid-template-columns:auto minmax(0,1fr) auto}.screen-header__leading{display:flex;align-items:center}.screen-header__text{display:grid;min-width:0;gap:var(--space-2xs)}.screen-header h1{font-size:clamp(var(--text-lg),4vw,var(--text-xl))}.page--learn .screen-header h1{white-space:nowrap}.screen-header p{display:none;max-width:62ch;color:var(--color-muted);font-size:var(--text-sm)}.screen-header__actions{display:flex;align-items:center;gap:var(--space-xs)}.quiet-label{color:var(--color-muted);font-size:var(--text-xs);font-weight:750;letter-spacing:.08em;text-transform:uppercase}.offline-badge{display:inline-flex;min-height:1.5rem;align-items:center;gap:var(--space-2xs);padding-inline:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs);font-weight:650;white-space:nowrap}.offline-badge__dot{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:currentColor;opacity:.7}.offline-badge.is-ready .offline-badge__dot{background:var(--color-success);opacity:.9}.register-switch{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--space-2xs);min-width:0;margin:0;padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2)}.register-switch__option{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:var(--text-sm);font-weight:650;white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out)}.register-switch__option[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-whisper)}.register-switch__option:active{transform:scale(.97)}.register-switch--compact .register-switch__option{width:2.75rem;padding:0}.register-switch--compact .register-switch__option [lang]:not([lang=en]){font-size:var(--text-xs)}.section-heading{display:grid;gap:var(--space-sm);align-items:end}.section-heading>div{display:grid;gap:var(--space-xs)}.section-heading p{max-width:62ch;color:var(--color-muted);font-size:var(--text-sm)}.resume-panel{display:grid;gap:var(--space-sm);align-items:end;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-whisper)}.resume-panel>div{display:grid;gap:var(--space-xs)}.resume-panel h2{font-size:clamp(var(--text-lg),5vw,var(--text-xl))}.resume-panel p{color:var(--color-muted);font-size:var(--text-sm)}.resume-panel--fresh{border-block-start:.25rem solid var(--color-accent)}.path-section,.weak-section,.topic-section,.tier-section,.dialogue-section,.vocabulary-section,.review-section,.readiness-section{display:grid;gap:var(--space-md)}.path-groups{display:grid;grid-auto-columns:minmax(17rem,88%);grid-auto-flow:column;gap:var(--space-sm);padding-block-end:var(--space-xs);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.path-groups::-webkit-scrollbar{display:none}.path-group{display:grid;gap:var(--space-xs);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);scroll-snap-align:start}.path-group h3{font-size:var(--text-sm);color:var(--color-muted);letter-spacing:0}.path-group>header{display:grid;min-height:3.5rem;gap:var(--space-2xs)}.path-group>header h3{color:var(--color-ink);font-size:var(--text-md)}.path-group>header p{display:-webkit-box;overflow:hidden;color:var(--color-muted);font-size:var(--text-xs);-webkit-box-orient:vertical;-webkit-line-clamp:2}.path-group ol,.weak-list,.vocabulary-list,.review-list,.readiness-list{list-style:none;margin:0;padding:0}.path-group li{border-block-start:var(--rule-hair) solid var(--color-rule)}.path-group li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.path-group a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);align-items:center;min-height:3.25rem;padding-block:var(--space-xs)}.path-number{color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:700}.path-copy{display:grid;min-width:0}.path-copy strong{font-family:var(--font-display);font-size:var(--text-base)}.path-copy small{overflow:hidden;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap}.path-progress{grid-column:2;display:block;height:var(--space-2xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.path-progress span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.path-progress--kit{background:repeating-linear-gradient(90deg,var(--color-accent-soft) 0 var(--space-sm),transparent var(--space-sm) var(--space-md))}.safety-panel{display:grid;gap:var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft)}.safety-panel__heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-sm);align-items:start}.safety-panel__heading>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-accent-ink)}.safety-panel__heading div{display:grid;gap:var(--space-2xs)}.safety-panel__heading h2{font-size:var(--text-lg)}.safety-panel__heading p{color:var(--color-accent-ink);font-size:var(--text-sm)}.safety-panel__dismiss{width:2.25rem;height:2.25rem;border-color:transparent;background:transparent}.safety-panel__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}.safety-panel__links a:last-child{grid-column:1 / -1}.safety-panel__links a{display:grid;min-height:2.75rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2xs);padding:var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-xs);font-weight:750}.safety-panel__links svg{width:var(--text-sm);height:var(--text-sm)}.elective-section{display:grid;gap:var(--space-sm)}.elective-links{display:grid;gap:var(--space-xs)}.elective-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;min-height:3.5rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.elective-links a>svg{width:var(--text-md);height:var(--text-md);color:var(--color-accent)}.elective-links a>svg:last-child{color:var(--color-muted)}.elective-links span{display:grid;min-width:0}.elective-links small{color:var(--color-muted)}.weak-list{display:grid}.weak-list li{display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr) auto;gap:var(--space-md);align-items:center;min-height:3.25rem;border-block-start:var(--rule-hair) solid var(--color-rule)}.weak-list li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.weak-list li>span:first-child{font-size:var(--text-md);font-weight:700}.weak-list li>span:nth-child(2){color:var(--color-muted)}.weak-list a{text-decoration:underline;text-underline-offset:var(--space-2xs);white-space:nowrap}.bottom-sheet{position:fixed;inset:auto 0 0;width:min(100%,40rem);max-height:min(85dvh,45rem);margin:auto;padding:var(--space-xs) var(--space-lg) calc(var(--space-lg) + env(safe-area-inset-bottom));overflow:auto;border:var(--rule-hair) solid var(--color-rule);border-block-end:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-float)}.bottom-sheet::backdrop{background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--space-2xs));backdrop-filter:blur(var(--space-2xs))}.bottom-sheet__handle{width:2.5rem;height:var(--space-2xs);margin:0 auto var(--space-sm);border-radius:var(--radius-pill);background:var(--color-rule-strong)}.bottom-sheet__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md)}.bottom-sheet__header h2{grid-column:2;text-align:center}.bottom-sheet__header:after{width:2.75rem;height:2.75rem;content:""}.bottom-sheet__content{padding-block:var(--space-md)}.welcome-sheet,.install-sheet{display:grid;gap:var(--space-lg)}.welcome-sheet>p,.install-sheet>p{color:var(--color-ink-2);font-size:var(--text-md)}.welcome-sheet__note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-accent-ink)}.welcome-sheet__note svg{width:var(--text-md);height:var(--text-md)}.search-field{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-sm);min-height:3rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-md);outline:.125rem solid transparent;outline-offset:var(--space-3xs);background:var(--color-surface)}.search-field:focus-within{outline-color:var(--color-focus)}.search-field svg{width:var(--text-md);height:var(--text-md);color:var(--color-muted)}.search-field input{width:100%;min-width:0;height:2.75rem;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink)}.search-field input::placeholder{color:var(--color-muted);opacity:1}.topic-section h2{font-size:var(--text-lg)}.collection-heading{display:flex;align-items:start;justify-content:space-between;gap:var(--space-sm)}.collection-heading>div{display:grid;gap:var(--space-2xs)}.collection-heading p{max-width:56rem;color:var(--color-muted);font-size:var(--text-sm)}.collection-badge{flex:none;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:750;white-space:nowrap}.collection-badge--quiet{background:var(--color-paper-2);color:var(--color-muted)}.topic-section--pinned{padding:var(--space-sm);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft)}.topic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs)}.topic-card{display:grid;grid-template-columns:minmax(0,1fr) 5.5rem;min-width:0;gap:var(--space-2xs) var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);transition:transform var(--dur-micro) var(--ease-out)}.topic-card:active{transform:scale(.99)}.topic-card__meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-xs)}.topic-card h3{font-size:var(--text-md)}.topic-card p{display:-webkit-box;overflow:hidden;color:var(--color-muted);font-size:var(--text-sm);-webkit-box-orient:vertical;-webkit-line-clamp:1}.topic-card__progress{grid-column:2;grid-row:2 / span 2;display:grid;gap:var(--space-xs);align-self:center}.topic-card__progress>span:first-child{font-size:var(--text-xs);color:var(--color-muted)}.topic-card__progress strong{color:var(--color-ink)}.topic-card--phrase-kit{border-color:var(--color-accent);background:var(--color-accent-soft)}.topic-card__aside{grid-column:2;grid-row:2 / span 2;align-self:center;color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:750}.progress-track{display:block;height:var(--space-2xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.progress-track span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.empty-state{display:grid;justify-items:start;gap:var(--space-sm);padding-block:var(--space-2xl)}.empty-state>svg{width:var(--text-2xl);height:var(--text-2xl);color:var(--color-muted)}.empty-state p{color:var(--color-muted)}.topic-stats{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-block-start:var(--space-xs)}.topic-stats span{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-xs)}.scene-switcher{display:grid;grid-auto-columns:minmax(11rem,72%);grid-auto-flow:column;gap:var(--space-2xs);padding:var(--space-2xs);overflow-x:auto;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);overscroll-behavior-inline:contain;scrollbar-width:none}.scene-switcher::-webkit-scrollbar{display:none}.scene-switcher a{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:2.75rem;align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);border-radius:var(--radius-sm);color:var(--color-muted);font-size:var(--text-xs);font-weight:700;line-height:1.2}.scene-switcher a:first-child{grid-template-columns:minmax(0,1fr)}.scene-switcher a span{display:grid;width:var(--text-lg);height:var(--text-lg);place-items:center;border-radius:var(--radius-pill);background:var(--color-paper-3);font-variant-numeric:tabular-nums}.scene-switcher a.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-whisper)}.scene-switcher a.is-active span{background:var(--color-accent);color:var(--color-surface)}.scene-section,.related-section,.phrase-group{display:grid;gap:var(--space-sm)}.scene-grid{display:grid;gap:var(--space-xs)}.scene-grid>a{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2xs) var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.scene-grid h3,.scene-grid p,.scene-grid small,.scene-grid .scene-number{grid-column:1}.scene-grid p{color:var(--color-muted);font-size:var(--text-sm)}.scene-grid small{color:var(--color-muted)}.scene-grid svg{grid-column:2;grid-row:1 / span 4;align-self:center;width:var(--text-md);height:var(--text-md);color:var(--color-accent)}.scene-number{color:var(--color-accent-ink);font-size:var(--text-xs);font-weight:750;text-transform:uppercase;letter-spacing:.04em}.scene-focus{display:grid;gap:var(--space-xs);padding:var(--space-sm);border-inline-start:.25rem solid var(--color-accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-accent-soft)}.scene-focus h2{font-size:var(--text-lg)}.scene-focus p{color:var(--color-accent-ink)}.scene-focus>div{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.scene-focus>div span{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-xs)}.topic-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-2)}.topic-tabs a{display:grid;min-height:2.75rem;place-items:center;padding-inline:var(--space-sm);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-sm);font-weight:750;text-align:center}.topic-tabs a.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-whisper)}.topic-tabs a:active{transform:scale(.97)}.topic-jumpbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2)}.topic-jumpbar button{display:grid;min-height:2.75rem;min-width:0;place-items:center;padding-inline:var(--space-2xs);border:0;border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);font:inherit;font-size:clamp(.68rem,2.8vw,var(--text-sm));font-weight:700;white-space:nowrap;cursor:pointer}.topic-jumpbar button:active{transform:scale(.97)}.topic-guidance{margin-block-start:calc(var(--space-sm) * -1);padding-inline:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs)}.tier-section h2[id],.dialogue-section h2[id],.scene-section h2[id],.scene-focus h2[id],.vocabulary-section h2[id]{scroll-margin-block-start:5rem}.tier-list{display:grid;list-style:none;margin:0;padding:0;border-block-start:var(--rule-hair) solid var(--color-rule)}.tier-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;padding-block:var(--space-sm);border-block-end:var(--rule-hair) solid var(--color-rule)}.tier-list li>div{display:grid;gap:var(--space-2xs)}.tier-list h3{font-size:var(--text-md)}.tier-list p{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);-webkit-box-orient:vertical;-webkit-line-clamp:1}.tier-list p,.tier-list small{color:var(--color-muted)}.tier-list .button,.locked-label{grid-column:3;justify-self:end}.tier-number{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-muted);font-weight:750;font-variant-numeric:tabular-nums}.tier-number svg{width:var(--text-md);height:var(--text-md)}.tier-list li.is-passed .tier-number{background:var(--color-success-soft);color:var(--color-success)}.locked-label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap}.locked-label svg{width:var(--space-md);height:var(--space-md)}.dialogue-list{display:grid;grid-auto-columns:minmax(18rem,88%);grid-auto-flow:column;gap:var(--space-sm);padding-block-end:var(--space-xs);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:none}.dialogue-list::-webkit-scrollbar{display:none}.dialogue-list--single{grid-auto-columns:minmax(0,1fr);grid-auto-flow:row;overflow:visible}.dialogue{display:grid;align-content:start;gap:var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface);scroll-snap-align:start}.dialogue>header{display:grid;gap:var(--space-2xs)}.dialogue>header p{color:var(--color-muted)}.dialogue ol{display:grid;gap:var(--space-xs);list-style:none;margin:0;padding:0}.dialogue__turn{display:grid;max-width:94%;gap:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-paper-2)}.dialogue__turn--local{justify-self:end;background:var(--color-surface);border:var(--rule-hair) solid var(--color-rule)}.dialogue__speaker{color:var(--color-muted);font-size:var(--text-xs);font-weight:750}.dialogue__turn p{font-size:var(--text-base);font-weight:650}.dialogue__turn small{color:var(--color-muted)}.section-heading--vocabulary{align-items:end}.vocabulary-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);align-items:center}.study-action-group{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-sm)}.study-action-group .button,.study-action-group .text-link{white-space:nowrap}.button--study{padding-inline:var(--space-sm)}.priority-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper-2)}.priority-filter button{min-height:2.75rem;padding-inline:var(--space-xs);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);font-size:var(--text-xs);font-weight:750;cursor:pointer}.priority-filter button.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-whisper)}.search-field--small{width:100%}.vocabulary-list{display:grid}.vocabulary-list li{display:grid;grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);gap:var(--space-sm);align-items:center;min-height:3.5rem;padding-block:var(--space-xs);border-block-start:var(--rule-hair) solid var(--color-rule)}.vocabulary-list li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.vocabulary-list__japanese,.vocabulary-list__meaning{display:grid;min-width:0}.vocabulary-list__japanese strong{font-size:var(--text-md);overflow-wrap:anywhere}.vocabulary-list__japanese span,.vocabulary-list__meaning small{color:var(--color-muted);font-size:var(--text-xs)}.vocabulary-list__meaning>span{overflow-wrap:anywhere}.register-note{grid-column:2;justify-self:start;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-ink);font-size:var(--text-xs)}.priority-label{grid-column:2;justify-self:start;padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.priority-label--must-know{background:var(--color-accent-soft);color:var(--color-accent-ink)}.priority-label--reference{border:var(--rule-hair) solid var(--color-rule);background:transparent}.study-page{display:grid;min-height:calc(100dvh - var(--space-xl));grid-template-rows:auto minmax(0,1fr) auto;gap:var(--space-sm);padding-block-start:max(var(--space-sm),env(safe-area-inset-top))}.study-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-xs) var(--space-sm);align-items:center}.study-header>div{min-width:0;text-align:center}.study-header>div span{display:block;color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.study-header h1{overflow:hidden;font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap}.study-count{min-width:3.5rem;color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:end}.study-progress{grid-column:1 / -1;height:var(--space-2xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.study-progress>span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.study-deck{position:relative;display:grid;height:clamp(21rem,59dvh,36rem);min-height:0;place-items:center;perspective:75rem}.study-card-stack,.study-card-motion{position:absolute;inset:0;width:min(100%,31rem);height:calc(100% - var(--space-sm));margin:auto;border-radius:var(--radius-lg)}.study-card-stack{width:min(calc(100% - var(--space-lg)),29.5rem);height:calc(100% - var(--space-xs));border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-3);box-shadow:var(--shadow-whisper);transform:translateY(var(--space-sm))}.study-card-motion{z-index:var(--z-base);touch-action:pan-y;will-change:transform}.study-card-motion:active{cursor:grabbing}.study-card{width:100%;height:100%;padding:0;overflow:hidden;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-float);cursor:grab;text-align:start}.study-card__content{position:relative;width:100%;height:100%}.study-card__face{position:absolute;inset:0;display:grid;min-height:0;align-content:center;gap:var(--space-lg);padding:clamp(var(--space-lg),6vw,var(--space-xl));overflow:auto;border:0;border-radius:0;background:transparent;box-shadow:none}.study-card__face--front{justify-items:center;text-align:center}.study-card__eyebrow{color:var(--color-muted);font-size:var(--text-xs);font-weight:750;letter-spacing:.05em;text-transform:uppercase}.study-card__term{display:grid;justify-items:center;gap:var(--space-xs)}.study-card__term strong{max-width:12ch;font-size:clamp(var(--text-2xl),11vw,var(--text-3xl));line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere}.study-card__term span{color:var(--color-muted);font-size:var(--text-md);font-weight:650}.study-card__face--front>p{max-width:25ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.7}.study-card__flip-hint{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-xs);align-self:end;color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.study-card__flip-hint svg{width:var(--text-sm);height:var(--text-sm)}.study-card__pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.study-card__pairs>div{display:grid;min-width:0;align-content:start;gap:var(--space-2xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-paper-2)}.study-card__pairs span,.study-card__english-definition>span{color:var(--color-muted);font-size:var(--text-xs);font-weight:750;letter-spacing:.03em;text-transform:uppercase}.study-card__pairs strong{font-size:var(--text-md);line-height:1.25;overflow-wrap:anywhere}.study-card__english-definition{display:grid;gap:var(--space-xs)}.study-card__english-definition p{color:var(--color-ink-2);line-height:1.55}.study-controls{display:grid;justify-items:center;gap:var(--space-xs);padding-block-end:max(var(--space-xs),env(safe-area-inset-bottom))}.study-swipe-hints{display:flex;width:min(100%,24rem);justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-xs)}.study-swipe-hints span{display:inline-flex;align-items:center;gap:var(--space-2xs);transition:opacity var(--dur-micro) var(--ease-out)}.study-swipe-hints span.is-muted{opacity:.34}.study-swipe-hints svg{width:var(--text-sm);height:var(--text-sm)}.study-control-bar{display:grid;width:min(100%,22rem);grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-xs);align-items:center;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-material);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(1.125rem) saturate(150%);backdrop-filter:blur(1.125rem) saturate(150%)}.study-control-bar--focus{grid-template-columns:minmax(0,1fr)}.study-control-bar--focus.is-rating{grid-template-columns:repeat(2,minmax(0,1fr))}.study-control-bar--focus .button{min-width:0;white-space:nowrap}.study-flip-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:var(--space-xs);border:0;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper);font-weight:750;cursor:pointer}.study-flip-button:active{transform:scale(.97)}.study-flip-button:disabled{opacity:.55;cursor:not-allowed}.study-flip-button svg{width:var(--text-md);height:var(--text-md)}.study-controls>small{color:var(--color-muted);font-size:var(--text-xs);text-align:center}.study-complete{display:grid;width:min(100%,40rem);align-self:center;justify-self:center;gap:var(--space-sm);padding-block:var(--space-xl)}.study-complete>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-success)}.study-complete h1{font-size:var(--text-display)}.study-complete>p{max-width:54ch;color:var(--color-muted)}.study-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-sm) 0 0;border-block:var(--rule-hair) solid var(--color-rule)}.study-summary>div{display:grid;gap:var(--space-2xs);padding-block:var(--space-sm)}.study-summary dt{color:var(--color-muted);font-size:var(--text-xs);font-weight:700}.study-summary dd{margin:0;font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums}@media(max-height:40rem){.study-controls>small{display:none}}.topic-companions{display:grid;gap:var(--space-sm);padding:var(--space-sm);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft)}.topic-companions>div{display:grid;gap:var(--space-2xs)}.topic-companions h2{font-size:var(--text-lg)}.topic-companions p{color:var(--color-accent-ink);font-size:var(--text-sm)}.related-links{display:grid;gap:var(--space-xs)}.related-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm);align-items:center;min-height:3.5rem;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.related-links span{display:grid;min-width:0}.related-links small{display:-webkit-box;overflow:hidden;color:var(--color-muted);-webkit-box-orient:vertical;-webkit-line-clamp:1}.related-links svg{width:var(--text-md);height:var(--text-md);color:var(--color-accent)}.phrase-study-callout{display:grid;gap:var(--space-sm);align-items:end;padding:var(--space-md);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft)}.phrase-study-callout>div{display:grid;gap:var(--space-xs)}.phrase-study-callout h2{font-size:var(--text-lg)}.phrase-study-callout p{max-width:58ch;color:var(--color-accent-ink);font-size:var(--text-sm)}.phrase-study-callout .study-action-group{align-self:center}.phrase-groups{display:grid;gap:var(--space-lg)}.phrase-practice-grid{display:grid;gap:var(--space-md)}.phrase-practice-card{display:grid;align-content:start;gap:var(--space-sm);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-block-start:.25rem solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface)}.phrase-practice-card>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-accent)}.phrase-practice-card h2{font-size:var(--text-xl)}.phrase-practice-card p{max-width:55ch;color:var(--color-muted)}.phrase-practice-card>.button{justify-self:start}.quiz-loading{min-height:60dvh;place-content:center;justify-items:center;gap:var(--space-md);color:var(--color-muted)}.spinner{width:var(--text-lg);height:var(--text-lg);border:var(--space-2xs) solid var(--color-rule);border-block-start-color:var(--color-accent);border-radius:var(--radius-pill);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.quiz-page{gap:var(--space-md)}.quiz-progress{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-sm);align-items:center;color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.quiz-progress__track{display:block;height:var(--space-xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.quiz-progress__track span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.quiz-card{display:grid;gap:var(--space-md);padding-block:var(--space-xs)}.quiz-prompt{display:grid;gap:var(--space-xs);min-height:clamp(7rem,24dvh,10rem);align-content:center}.quiz-prompt h1{max-width:18ch;font-size:var(--text-japanese);line-height:1.18;letter-spacing:-.02em}.quiz-prompt p{color:var(--color-muted)}.answer-form{display:grid;gap:var(--space-xs)}.answer-form>label{font-size:var(--text-sm);font-weight:700}.answer-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:3.5rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-md);outline:.125rem solid transparent;outline-offset:var(--space-3xs);background:var(--color-surface)}.answer-input:focus-within{outline-color:var(--color-focus)}.answer-input.is-error,.answer-input.is-incorrect,.answer-input.is-near-miss{border-color:var(--color-error);background:var(--color-error-soft)}.answer-input.is-correct{border-color:var(--color-success);background:var(--color-success-soft)}.answer-input input{width:100%;min-width:0;height:3.375rem;padding:0;border:0;outline:0;background:transparent;color:var(--color-ink);font-size:var(--text-md)}.answer-input input[lang=ja]{font-family:var(--font-japanese)}html[data-language] .answer-input input[lang]:not([lang=en]){font-family:var(--font-target, var(--font-body))}.answer-input input::placeholder{color:var(--color-muted);opacity:1}.answer-input>svg{width:var(--text-md);height:var(--text-md);color:var(--color-error)}.answer-input.is-correct>svg{color:var(--color-success)}.answer-helper{min-height:1.5em;color:var(--color-error);font-size:var(--text-sm)}.answer-feedback{display:grid;gap:var(--space-xs);margin-block:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-md);background:var(--color-error-soft);color:var(--color-ink)}.answer-feedback--correct{background:var(--color-success-soft)}.answer-feedback__heading{display:flex;align-items:center;gap:var(--space-xs)}.answer-feedback__heading svg{width:var(--text-md);height:var(--text-md);color:var(--color-error)}.answer-feedback--correct .answer-feedback__heading svg{color:var(--color-success)}.answer-feedback h2{font-size:var(--text-md)}.answer-diff{display:flex;flex-wrap:wrap;gap:var(--space-3xs);font-family:var(--font-japanese);font-size:var(--text-md)}.answer-diff span{padding:var(--space-3xs) var(--space-2xs);border-radius:var(--radius-xs)}.answer-diff .is-same{background:var(--color-paper-2);color:var(--color-ink)}.answer-diff .is-missing{background:var(--color-success-soft);color:var(--color-success);text-decoration:underline}.answer-diff .is-extra{background:var(--color-error-soft);color:var(--color-error);text-decoration:line-through}.answer-actions{position:sticky;inset-block-end:max(env(safe-area-inset-bottom),var(--space-xs));z-index:var(--z-sticky);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-sm);margin-inline:calc(var(--space-xs) * -1);padding:var(--space-sm) var(--space-xs);border-radius:var(--radius-md);background:var(--color-material);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(1.125rem) saturate(150%);backdrop-filter:blur(1.125rem) saturate(150%)}.answer-actions .button--wide{grid-column:1 / -1}@media(max-width:59.999rem){.quiz-page--keyboard .answer-form{padding-block-end:6rem}.quiz-page--keyboard .answer-actions{position:fixed;inset-inline:max(var(--space-sm),calc((100vw - 48rem)/2));inset-block-end:calc(var(--keyboard-inset, 0px) + var(--space-xs))}}.result-hero{display:grid;justify-items:start;gap:var(--space-sm);padding-block:var(--space-xl)}.result-hero>svg{width:var(--text-2xl);height:var(--text-2xl);color:var(--color-error)}.result-hero.is-passed>svg{color:var(--color-success)}.result-hero h1{font-size:var(--text-display);font-variant-numeric:tabular-nums}.result-hero h1 small{color:var(--color-muted);font-size:var(--text-xl)}.result-hero>p{max-width:52ch;color:var(--color-muted)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-block-start:var(--space-md)}.review-list{display:grid}.review-list li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule)}.review-list li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.review-list li>span{color:var(--color-muted)}.review-list strong{text-align:end;overflow-wrap:anywhere}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.stats-grid article{display:grid;min-width:0;gap:var(--space-2xs);padding:var(--space-sm);border-block-start:.1875rem solid var(--color-rule);background:var(--color-surface)}.stats-grid article:nth-child(1){border-block-start-color:var(--color-accent)}.stats-grid svg{width:var(--text-md);height:var(--text-md);color:var(--color-muted)}.stats-grid strong{font-family:var(--font-display);font-size:var(--text-xl);line-height:1;font-variant-numeric:tabular-nums}.stats-grid span{font-weight:700}.stats-grid small{color:var(--color-muted)}.coverage-section{display:grid;gap:var(--space-md)}.coverage-grid{display:grid;gap:var(--space-sm)}.coverage-grid article{display:grid;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.coverage-grid article>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm)}.coverage-grid article>div>svg{width:var(--text-lg);height:var(--text-lg);color:var(--color-accent)}.coverage-grid article>div>span{display:grid}.coverage-grid article small{color:var(--color-muted)}.coverage-grid article b{font-size:var(--text-md);font-variant-numeric:tabular-nums}.coverage-track{display:block;height:var(--space-xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.coverage-track>span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.progress-empty-state{display:grid;gap:var(--space-sm);align-items:start;padding:var(--space-lg);border-block-start:.1875rem solid var(--color-accent);background:var(--color-surface)}.progress-empty-state>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-accent)}.progress-empty-state>div{display:grid;gap:var(--space-xs)}.progress-empty-state h2{max-width:24ch;font-size:var(--text-xl)}.progress-empty-state p{max-width:60ch;color:var(--color-muted)}.progress-empty-state .button{justify-self:start}.progress-loading{display:flex;min-height:8rem;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-muted)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-block-start:var(--rule-hair) solid var(--color-rule)}.breakdown-grid article{display:grid;min-width:0;gap:var(--space-2xs);padding:var(--space-md) 0;border-block-end:var(--rule-hair) solid var(--color-rule)}.breakdown-grid article:nth-child(odd){padding-inline-end:var(--space-md)}.breakdown-grid article:nth-child(2n){padding-inline-start:var(--space-md);border-inline-start:var(--rule-hair) solid var(--color-rule)}.breakdown-grid strong{overflow-wrap:anywhere}.breakdown-grid small{color:var(--color-muted)}.activity-list{display:grid}.activity-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);min-height:3.25rem;border-block-start:var(--rule-hair) solid var(--color-rule)}.activity-list li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.activity-list li>span:nth-child(2){display:grid;min-width:0}.activity-list small,.activity-list time,.empty-note{color:var(--color-muted);font-size:var(--text-sm)}.activity-mark{display:grid;width:var(--text-md);height:var(--text-md);place-items:center;border:var(--rule-hair) solid var(--color-error);border-radius:var(--radius-pill);background:var(--color-error-soft);color:var(--color-error)}.activity-mark.is-correct{border-color:var(--color-success);background:var(--color-success)}.activity-mark svg{width:var(--space-sm);height:var(--space-sm);stroke-width:3}.activity-mark.is-correct svg{color:var(--color-surface)}.readiness-list{display:grid}.readiness-collections{display:grid;gap:var(--space-md);padding-block-start:var(--space-sm)}.readiness-collections>section{display:grid;gap:var(--space-xs)}.readiness-collections h3{color:var(--color-muted);font-size:var(--text-sm);letter-spacing:0}.readiness-disclosure>summary{min-height:3.5rem;cursor:pointer;list-style:none}.readiness-disclosure>summary::-webkit-details-marker{display:none}.readiness-disclosure>summary>span{display:grid;gap:var(--space-2xs)}.readiness-disclosure>summary strong{font-family:var(--font-display);font-size:var(--text-xl)}.readiness-disclosure>summary small{color:var(--color-muted)}.readiness-list li{border-block-start:var(--rule-hair) solid var(--color-rule)}.readiness-list li:last-child{border-block-end:var(--rule-hair) solid var(--color-rule)}.readiness-list a{display:flex;min-height:3.25rem;align-items:center;justify-content:space-between;gap:var(--space-md)}.readiness-list a>span:first-child{display:grid}.readiness-list small{color:var(--color-muted)}.readiness-dots{display:flex;gap:var(--space-2xs)}.readiness-dots i{display:block;width:var(--space-sm);height:var(--space-sm);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-pill);background:var(--color-surface)}.readiness-dots i.is-filled{border-color:var(--color-accent);background:var(--color-accent)}.settings-page{gap:var(--space-lg)}.settings-section{display:grid;gap:var(--space-xs);padding-block-end:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule)}.settings-section h2{font-size:var(--text-md)}.settings-section>p{max-width:62ch;color:var(--color-muted)}.setting-row{display:flex;min-height:3.75rem;align-items:center;justify-content:space-between;gap:var(--space-md)}.setting-row>div{display:grid;gap:var(--space-2xs)}.setting-row p{max-width:54ch;color:var(--color-muted);font-size:var(--text-sm)}.setting-row>svg{flex:0 0 auto;width:var(--text-md);height:var(--text-md);color:var(--color-muted)}.setting-row--stack{display:grid;justify-content:stretch}.setting-value{color:var(--color-muted)}.setting-value--icon{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.setting-value--icon svg{width:var(--text-md);height:var(--text-md)}.segmented-control{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper-2)}.segmented-control button{min-height:2.75rem;padding-inline:var(--space-sm);border-radius:var(--radius-pill);background:transparent;color:var(--color-muted);white-space:nowrap}.segmented-control button[aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-whisper)}.segmented-control button:active{transform:scale(.97)}.setting-action{display:flex;width:100%;min-height:4.75rem;align-items:center;justify-content:space-between;gap:var(--space-md);padding:0;background:transparent;text-align:start}.setting-action>span{display:flex;min-width:0;align-items:center;gap:var(--space-sm)}.setting-action>span>span{display:grid;min-width:0}.setting-action small{color:var(--color-muted);white-space:normal}.setting-action svg{flex:0 0 auto;width:var(--text-md);height:var(--text-md);color:var(--color-muted)}.setting-action:active{transform:scale(.99)}.inline-status{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-success)!important}.inline-status svg{width:var(--text-md);height:var(--text-md)}.settings-footer{padding-block:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:var(--text-sm)}.install-sheet ol{display:grid;gap:var(--space-md);margin:0;padding:0;list-style:none}.install-sheet li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-sm)}.install-sheet li svg{width:var(--text-md);height:var(--text-md);color:var(--color-accent)}.install-sheet__note{color:var(--color-muted)!important;font-size:var(--text-sm)!important}.confirm-dialog{position:fixed;inset:0;width:min(calc(100% - var(--space-xl)),30rem);max-height:min(80dvh,36rem);margin:auto;padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-float)}.confirm-dialog::backdrop{background:var(--color-scrim)}.confirm-dialog[open]{display:grid;gap:var(--space-md)}.confirm-dialog>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-error)}.confirm-dialog p{color:var(--color-muted)}.confirm-dialog__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-sm)}.inline-status.is-error{color:var(--color-error)!important}.notice--info{background:var(--color-accent-soft)}.text-button{min-height:2.75rem;padding:0;border:0;background:transparent;color:var(--color-ink-2);font-weight:700;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:var(--space-2xs);cursor:pointer}.is-spinning{animation:spin 1s linear infinite}.app--selector{display:grid;min-height:100dvh;place-items:center}.language-selector-page{display:grid;width:min(100%,50rem);gap:var(--space-xl);padding:clamp(var(--space-lg),6vw,var(--space-3xl)) clamp(var(--space-md),6vw,var(--space-xl))}.language-selector-page--update{min-height:100dvh;margin-inline:auto;place-content:center}.language-selector-hero{display:grid;max-width:42rem;gap:var(--space-sm)}.language-selector-hero>p:last-child{max-width:54ch;color:var(--color-muted)}.language-selector-mark{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-paper)}.language-selector-mark svg{width:var(--text-xl);height:var(--text-xl)}.language-card-grid{display:grid;gap:var(--space-sm)}.language-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);min-height:6.5rem;padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-whisper)}.language-card__mark{display:grid;width:3.75rem;height:3.75rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-ink);font-size:var(--text-xl);font-weight:750}.language-card__copy{display:grid;gap:var(--space-2xs)}.language-card__copy strong{font-family:var(--font-display);font-size:var(--text-lg)}.language-card__copy small,.language-selector-note{color:var(--color-muted)}.language-card>svg{width:var(--text-md);height:var(--text-md);color:var(--color-accent)}.required-update{display:grid;width:min(100%,38rem);gap:var(--space-sm);padding:var(--space-lg);border-block-start:.1875rem solid var(--color-accent);background:var(--color-surface)}.required-update__mark{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:var(--radius-lg);background:var(--color-ink);color:var(--color-paper)}.required-update__mark svg{width:var(--text-xl);height:var(--text-xl)}.required-update h1{min-width:0;font-size:var(--text-2xl);overflow-wrap:anywhere}.required-update>p:not(.quiet-label,.inline-status){max-width:54ch;color:var(--color-muted)}.required-update>.button{justify-self:start;margin-block-start:var(--space-sm)}.required-update .inline-status{max-width:54ch}.character-callout,.character-progress-panel{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-surface)}.character-callout{grid-template-columns:auto minmax(0,1fr) auto}.character-callout>svg,.character-progress-panel>svg{width:var(--text-xl);height:var(--text-xl);color:var(--color-accent)}.character-callout>div,.character-progress-panel>div{display:grid;gap:var(--space-2xs)}.character-callout h2,.character-progress-panel h2{font-size:var(--text-lg)}.character-callout p,.character-callout small,.character-progress-panel p{color:var(--color-muted);font-size:var(--text-sm)}.character-callout .button,.character-progress-panel .button{grid-column:1 / -1}.character-callout__dismiss{grid-column:3;grid-row:1;align-self:start}.character-summary{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-success-soft)}.character-summary>svg{width:var(--text-lg);height:var(--text-lg);color:var(--color-success)}.character-summary>div{display:grid}.character-summary span{color:var(--color-muted);font-size:var(--text-sm)}.character-practice-sets{display:grid;gap:var(--space-lg)}.character-builder,.character-reference,.character-matrices,.character-failure-summary{display:grid;gap:var(--space-md)}.character-builder{padding:var(--space-md);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface)}.character-builder__actions{display:flex;gap:var(--space-md)}.character-selection{display:grid;gap:var(--space-md)}.character-selection__collection{display:grid;gap:var(--space-sm);padding-block-start:var(--space-sm);border-block-start:var(--rule-hair) solid var(--color-rule)}.character-selection label{cursor:pointer}.character-selection input,.session-size-picker input{width:var(--text-md);height:var(--text-md);accent-color:var(--color-accent)}.character-selection__heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-sm)}.character-selection__heading>span{display:grid}.character-selection__heading small{color:var(--color-muted)}.character-selection__section{display:grid;gap:var(--space-xs);padding-inline-start:var(--space-lg)}.character-selection__section>label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-xs)}.character-selection__section>label small{color:var(--color-muted)}.character-row-options{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.character-row-options label{display:inline-flex;min-height:2.5rem;align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-paper);font-size:var(--text-sm)}.session-size-picker{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0;padding:0;border:0}.session-size-picker legend{width:100%;margin-block-end:var(--space-xs);font-weight:700}.session-size-picker label{display:inline-flex;min-height:2.75rem;align-items:center;gap:var(--space-xs);padding-inline:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);cursor:pointer}.character-reference>details{border-block-start:var(--rule-hair) solid var(--color-rule)}.character-reference__guide{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-inline-start:.25rem solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-soft)}.character-reference__guide span{max-width:68ch;color:var(--color-muted);font-size:var(--text-sm)}.character-reference>details>summary{display:flex;min-height:3.5rem;align-items:center;justify-content:space-between;cursor:pointer;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.character-reference summary small{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500}.character-reference details>section{display:grid;gap:var(--space-sm);padding-block:var(--space-sm) var(--space-lg)}.character-reference details>section+section{border-block-start:var(--rule-hair) solid var(--color-rule)}.character-reference__row{display:grid;gap:var(--space-xs)}.character-reference__row>strong{color:var(--color-muted);font-size:var(--text-sm)}.character-reference__row>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:var(--space-xs)}.character-reference__row--detailed>div{grid-template-columns:repeat(auto-fill,minmax(min(8.5rem,100%),1fr))}.character-reference__card{display:grid;min-height:4rem;place-items:center;padding:var(--space-xs);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-surface)}.character-reference__card.is-mastered{border-color:var(--color-success);background:var(--color-success-soft)}.character-reference__card--detailed{min-height:9.5rem;align-content:start;justify-items:stretch;gap:var(--space-sm);padding:var(--space-sm)}.character-reference__row b{font-size:var(--text-lg)}.character-reference__row small{color:var(--color-muted);font-size:var(--text-xs)}.character-reference__card--detailed>b{justify-self:center;font-size:var(--text-xl)}.character-reference__details{display:grid;gap:var(--space-xs);width:100%;margin:0}.character-reference__details>div{display:grid;gap:.1rem;padding-block-start:var(--space-xs);border-block-start:var(--rule-hair) solid var(--color-rule)}.character-reference__details dt{color:var(--color-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.character-reference__details dd{margin:0;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.35}.character-practice-page{min-height:100dvh;align-content:start}.character-practice-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding-block:calc(var(--space-xs) + env(safe-area-inset-top)) var(--space-sm)}.character-practice-header>div{display:grid;min-width:0}.character-practice-header>div>span{color:var(--color-muted);font-size:var(--text-xs)}.character-practice-header h1{font-size:var(--text-md)}.character-practice-header__progress{grid-column:1 / -1;display:block;height:var(--space-xs);overflow:hidden;border-radius:var(--radius-pill);background:var(--color-paper-3)}.character-practice-header__progress>span{display:block;width:100%;height:100%;transform-origin:left;background:var(--color-accent)}.character-practice-instruction{max-width:58ch;color:var(--color-muted);font-size:var(--text-sm)}.character-practice-grid{display:grid}.character-practice-card{display:grid;min-height:min(32rem,58dvh);align-content:center;justify-items:stretch;gap:var(--space-lg);padding:var(--space-lg);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-whisper)}.character-practice-card:not(.is-active){display:none}.character-practice-card__count{justify-self:end;color:var(--color-muted);font-size:var(--text-xs)}.character-practice-card__glyph{justify-self:center;font-size:clamp(4rem,25vw,8rem);font-weight:600;line-height:1}.character-practice-card form{display:grid;gap:var(--space-xs)}.character-practice-card form label{font-weight:700}.character-practice-card input{width:100%;min-height:3.5rem;padding-inline:var(--space-md);border:var(--rule-hair) solid var(--color-rule-strong);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink)}.character-practice-card form .button{margin-block-start:var(--space-xs)}.character-practice-card__feedback{display:flex;min-height:1.5rem;align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:var(--text-sm)}.character-practice-card__feedback svg{width:var(--text-md);height:var(--text-md)}.character-practice-card__feedback.is-error{color:var(--color-error)}.character-practice-card__locked{display:grid;justify-items:center;gap:var(--space-xs);color:var(--color-success)}.character-practice-card__locked small{color:var(--color-muted)}.character-practice-complete{display:grid;min-height:50dvh;place-content:center;justify-items:center;gap:var(--space-sm);text-align:center}.character-practice-complete>svg{width:var(--text-2xl);height:var(--text-2xl);color:var(--color-success)}.character-practice-complete p{max-width:45ch;color:var(--color-muted)}.character-practice-footer{display:flex;justify-content:space-between;gap:var(--space-md);color:var(--color-muted);font-size:var(--text-sm)}.character-result-hero{display:grid;justify-items:start;gap:var(--space-sm);padding-block:var(--space-xl)}.character-result-hero>svg{width:var(--text-2xl);height:var(--text-2xl);color:var(--color-success)}.character-result-hero h1{font-size:var(--text-display);font-variant-numeric:tabular-nums}.character-result-hero h1 small{color:var(--color-muted);font-size:var(--text-xl)}.character-result-hero>p{max-width:58ch;color:var(--color-muted)}.character-matrix{display:grid;gap:var(--space-sm);padding-block:var(--space-md);border-block-start:var(--rule-hair) solid var(--color-rule)}.character-matrix>div{display:grid;gap:var(--space-xs)}.character-matrix h4{margin:0;color:var(--color-muted)}.character-matrix__row{display:grid;gap:var(--space-xs)}.character-matrix__row>strong{font-size:var(--text-sm)}.character-matrix__row>div{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.character-matrix__row span{display:grid;width:3.5rem;min-height:3.5rem;place-items:center;border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm)}.character-matrix__row span.is-clean{border-color:var(--color-success);background:var(--color-success-soft)}.character-matrix__row span.is-recovered{border-color:var(--color-accent);background:var(--color-accent-soft)}.character-matrix__row span.is-unresolved{border-color:var(--color-error);background:var(--color-error-soft)}.character-matrix__row b{font-size:var(--text-md)}.character-matrix__row small{color:var(--color-muted)}.character-failure-summary ul{display:grid;margin:0;padding:0;list-style:none}.character-failure-summary li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-md);min-height:3.25rem;border-block-start:var(--rule-hair) solid var(--color-rule)}.character-failure-summary li strong{font-size:var(--text-md)}.character-failure-summary li small{color:var(--color-muted)}.character-unresolved{display:grid;gap:var(--space-sm)}.character-unresolved>div{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.character-unresolved span{display:grid;width:3rem;height:3rem;place-items:center;border-radius:var(--radius-sm);background:var(--color-error-soft);font-size:var(--text-md)}@media(hover:hover)and (pointer:fine){.button:not(:disabled):hover,.icon-button:not(:disabled):hover,.study-flip-button:not(:disabled):hover{transform:translateY(calc(var(--space-3xs) * -1))}.topic-card:hover h3,.path-group a:hover strong,.readiness-list a:hover strong,.setting-action:hover strong{text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:var(--space-2xs)}}@media(min-width:40rem){.app-main{padding-inline:var(--space-xl)}.screen-header{margin-inline:calc(var(--space-xl) * -1);padding-inline:var(--space-xl)}.screen-header p,.offline-badge>span{display:block}.resume-panel,.phrase-study-callout{grid-template-columns:minmax(0,1fr) auto}.phrase-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.safety-panel__links{grid-template-columns:repeat(3,minmax(0,1fr))}.safety-panel__links a:last-child{grid-column:auto}.section-heading{grid-template-columns:minmax(0,1fr) auto}.path-groups{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}.path-group:last-child{grid-column:1 / -1}.topic-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.topic-card{grid-column:span 6;min-height:8.5rem}.topic-card--0{grid-column:span 7}.topic-card--1{grid-column:span 5}.topic-card--2{grid-column:span 12;min-height:auto}.scene-switcher{grid-auto-flow:initial;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-grid>a{align-content:start}.scene-grid svg{align-self:end}.tier-list li{grid-template-columns:auto minmax(0,1fr) auto}.tier-list .button,.locked-label{grid-column:3;justify-self:end}.dialogue__turn{max-width:86%}.section-heading--vocabulary{grid-template-columns:minmax(0,1fr) minmax(20rem,30rem)}.vocabulary-actions{grid-template-columns:auto minmax(0,1fr)}.vocabulary-list li{grid-template-columns:minmax(10rem,.75fr) minmax(0,1fr) auto}.register-note,.priority-label{grid-column:3}.topic-companions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.elective-links{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card{width:min(100%,48rem);margin-inline:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-empty-state{grid-template-columns:auto minmax(0,1fr) auto}.progress-empty-state .button{align-self:center}.language-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-progress-panel{grid-template-columns:auto minmax(0,1fr) auto}.character-progress-panel .button{grid-column:auto}.character-callout{grid-template-columns:auto minmax(0,1fr) auto auto}.character-callout .button{grid-column:3;grid-row:1}.character-callout__dismiss{grid-column:4}.character-selection{grid-template-columns:repeat(2,minmax(0,1fr))}.character-practice-grid{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--space-sm)}.character-practice-card,.character-practice-card:not(.is-active){display:grid;min-height:20rem;align-content:start;padding:var(--space-md)}.character-practice-card.is-active{border-color:var(--color-accent);box-shadow:0 0 0 var(--space-3xs) var(--color-accent-soft)}.character-practice-card__glyph{font-size:clamp(3rem,8vw,5rem)}.character-practice-card__locked{align-content:center;min-height:7rem}}@media(min-width:60rem){.mobile-nav,.mobile-nav-backdrop{display:none}.desktop-nav{position:fixed;inset:var(--space-md) auto auto 50%;z-index:var(--z-sticky);display:inline-flex;width:min(calc(100% - var(--space-xl)),45rem);min-height:3.5rem;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-pill);background:var(--color-material);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(1.125rem) saturate(150%);backdrop-filter:blur(1.125rem) saturate(150%);transform:translate(-50%)}.desktop-nav a{white-space:nowrap}.wordmark{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-weight:750}.wordmark__mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-paper)}.desktop-nav__links{display:flex;align-items:center;gap:var(--space-2xs)}.desktop-nav__links a{display:grid;min-height:2.5rem;place-items:center;padding-inline:var(--space-sm);border-radius:var(--radius-pill);color:var(--color-muted);font-size:var(--text-sm);font-weight:650}.desktop-nav__links a.is-active{background:var(--color-accent-soft);color:var(--color-accent-ink)}.app-main{padding-block-start:var(--space-3xl);padding-block-end:var(--space-3xl)}.app--focused .app-main{padding-block-start:0}.screen-header{position:static;margin-inline:0;padding-inline:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.screen-header h1{font-size:var(--text-2xl)}.screen-header__actions .register-switch--compact .register-switch__option{width:auto;padding-inline:var(--space-sm)}.screen-header__actions .register-switch--compact .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:nowrap}.notice{inset:auto var(--space-xl) var(--space-xl) auto;max-width:36rem}.path-groups{grid-template-columns:repeat(3,minmax(0,1fr))}.path-group:last-child{grid-column:auto}.dialogue-list{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;overflow:visible;scroll-snap-type:none}.dialogue__turn{max-width:94%}.quiz-prompt{min-height:12rem}.settings-page{width:min(100%,58rem)}}@media(min-width:90rem){.app-main{width:min(100%,82rem)}.app--focused .app-main{width:min(100%,64rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.15s!important;animation-iteration-count:1!important;transition-duration:.15s!important}.spinner{animation:none!important}.button:active,.icon-button:active,.mobile-nav a:active,.register-switch__option:active,.topic-card:active,.topic-jumpbar button:active,.setting-action:active,.study-flip-button:active{transform:none}}@media(prefers-reduced-transparency:reduce){.mobile-nav-backdrop{background:linear-gradient(to bottom,transparent,var(--color-paper) 38%);-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-nav,.desktop-nav,.screen-header,.study-control-bar{background:var(--color-paper);-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-sheet::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-contrast:more){:root{--rule-hair: .125rem}.mobile-nav,.desktop-nav,.screen-header{background:var(--color-paper);-webkit-backdrop-filter:none;backdrop-filter:none}.button--secondary,.icon-button,.topic-card,.answer-input,.study-card,.study-control-bar{border-color:var(--color-ink)}}