:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,ui-sans-serif,system-ui,sans-serif;color:#102a43;background:#f3f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #102a43;--ink-soft: #334e68;--paper: #f3f7f6;--surface: #fffefa;--surface-muted: #e7f0f2;--line: #cbd8dd;--muted: #627d98;--accent: #ef6a5b;--accent-dark: #c4483f;--gold: #ffd166;--sage: #79b7c7;--route-blue: #3b82a0;--danger-soft: #ffe3df;--beginner: #20677b;--beginner-soft: #dceef3;--intermediate: #805a00;--intermediate-soft: #fff1c7;--advanced: #a23c35;--advanced-soft: #ffe3df;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--shadow: 0 1rem 2.5rem rgb(16 42 67 / 12%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);background-image:linear-gradient(90deg,transparent calc(100% - .0625rem),rgb(59 130 160 / 5%) calc(100% - .0625rem));background-size:2rem 2rem}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:not(:disabled),a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:.1875rem solid var(--gold);outline-offset:.1875rem}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.625rem .875rem;color:var(--surface);background:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(100%,74rem);min-height:100vh;margin:0 auto;padding:0 1rem 7rem}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:5rem;border-bottom:.0625rem solid var(--line)}.site-header>p{display:none;margin:0;color:var(--muted);font-size:.875rem}.brand{display:inline-flex;align-items:center;gap:.625rem;color:var(--ink);text-decoration:none}.brand>span{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.5rem;color:var(--surface);background:var(--ink);font-family:Trebuchet MS,sans-serif;font-size:1.125rem}.brand strong{font-size:1.0625rem;letter-spacing:.04em}.page{padding:2rem 0}.home-page{display:grid;gap:1rem}.hero,.learning-route,.today-panel,.mastery-strip,.phrase-card,.study-card{border:.0625rem solid var(--line)}.hero{position:relative;overflow:hidden;min-height:25rem;padding:2rem 1.5rem;border-color:var(--ink);border-radius:var(--radius-lg);color:var(--surface);background:#102a43}.hero:after{position:absolute;right:-4rem;bottom:7rem;width:19rem;height:.3rem;border-radius:1rem;background:var(--route-blue);box-shadow:5rem 2.75rem 0 var(--gold),9rem -2.5rem 0 var(--accent);content:"";opacity:.6;transform:rotate(-32deg)}.eyebrow,.section-kicker,.prompt-label,.example-label{margin:0;color:var(--accent);font-size:.75rem;font-weight:800;letter-spacing:.14em}.hero .eyebrow{color:var(--gold)}.hero-route-code{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.hero-route-code>span{padding:.35rem .5rem;border:.0625rem solid rgb(255 255 255 / 28%);border-radius:var(--radius-sm);color:#d9eaf0;font-family:ui-monospace,monospace;font-size:.6875rem;letter-spacing:.08em}.hero h1{position:relative;z-index:1;max-width:10ch;margin:2rem 0 1rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.65rem,11vw,5rem);font-weight:800;letter-spacing:-.045em;line-height:1.05}.hero-copy{position:relative;z-index:1;max-width:31rem;margin:0;color:#d9eaf0;font-size:1rem;line-height:1.8}.hero-progress{position:relative;z-index:1;display:grid;gap:.5rem;max-width:22rem;margin-top:1.5rem}.hero-progress>div{display:flex;align-items:center;justify-content:space-between;color:#d9eaf0;font-size:.75rem}.hero-progress strong{color:var(--surface);font-family:ui-monospace,monospace}.hero-progress progress{width:100%;height:.5rem;overflow:hidden;border:0;border-radius:1rem;accent-color:var(--gold)}.primary-button,.secondary-button{display:inline-flex;min-height:3.25rem;align-items:center;justify-content:center;gap:1.5rem;padding:.75rem 1.125rem;border:0;border-radius:var(--radius-sm);font-weight:800;transition:background .16s ease,transform .16s ease}.primary-button{color:var(--ink);background:var(--gold)}.primary-button:not(:disabled):hover{background:#ffe08a;transform:translateY(-.125rem)}.learning-route{padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface)}.route-heading{display:grid;gap:.5rem}.route-heading h2{margin:.25rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.75rem;line-height:1.15}.route-heading>span{color:var(--muted);font-family:ui-monospace,monospace;font-size:.6875rem;text-align:left}.difficulty-selector{min-width:0;margin:1.5rem 0 0;padding:0;border:0}.difficulty-selector legend,.difficulty-filters legend{width:100%;margin-bottom:.625rem;font-size:.8125rem;font-weight:800}.difficulty-selector>div{display:grid;gap:.5rem}.difficulty-selector button{display:grid;min-height:4.5rem;align-content:center;justify-items:start;gap:.2rem;padding:.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:left;transition:border-color .16s ease,transform .16s ease}.difficulty-selector button:hover{transform:translateY(-.125rem)}.difficulty-selector button>span,.difficulty-badge{font-family:ui-monospace,monospace;font-size:.625rem;font-weight:900;letter-spacing:.08em}.difficulty-selector button>strong{font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.0625rem}.difficulty-selector button>small{color:var(--muted);font-size:.6875rem;line-height:1.45}.difficulty-selector button[data-difficulty=beginner]>span,.difficulty-filters button[data-difficulty=beginner]{color:var(--beginner)}.difficulty-selector button[data-difficulty=intermediate]>span,.difficulty-filters button[data-difficulty=intermediate]{color:var(--intermediate)}.difficulty-selector button[data-difficulty=advanced]>span,.difficulty-filters button[data-difficulty=advanced]{color:var(--advanced)}.difficulty-selector button[data-difficulty=beginner][aria-pressed=true]{border-color:var(--beginner);background:var(--beginner-soft);box-shadow:inset .3rem 0 0 var(--beginner)}.difficulty-selector button[data-difficulty=intermediate][aria-pressed=true]{border-color:var(--intermediate);background:var(--intermediate-soft);box-shadow:inset .3rem 0 0 var(--intermediate)}.difficulty-selector button[data-difficulty=advanced][aria-pressed=true]{border-color:var(--advanced);background:var(--advanced-soft);box-shadow:inset .3rem 0 0 var(--advanced)}.difficulty-badge{display:inline-flex;align-items:center;width:max-content;padding:.3rem .45rem;border:.0625rem solid currentcolor;border-radius:999px;line-height:1;text-transform:uppercase}.difficulty-badge[data-difficulty=beginner]{color:var(--beginner);background:var(--beginner-soft)}.difficulty-badge[data-difficulty=intermediate]{color:var(--intermediate);background:var(--intermediate-soft)}.difficulty-badge[data-difficulty=advanced]{color:var(--advanced);background:var(--advanced-soft)}.route-stops{position:relative;display:grid;gap:0;margin:1.5rem 0 0;padding:0;list-style:none}.route-stops:before{position:absolute;top:1.5rem;bottom:1.5rem;left:1.35rem;width:.25rem;border-radius:1rem;background:var(--line);content:""}.route-stops li{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;padding:1rem 0}.route-node{display:grid;width:2.9rem;height:2.9rem;place-items:center;border:.25rem solid var(--surface);border-radius:50%;color:var(--surface);background:var(--route-blue);box-shadow:0 0 0 .0625rem var(--route-blue);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:900}.route-stops li[data-route=learn] .route-node{color:var(--ink);background:var(--gold);box-shadow:0 0 0 .0625rem #c99420}.route-stops li[data-route=translate] .route-node{background:var(--accent);box-shadow:0 0 0 .0625rem var(--accent-dark)}.route-stops small{color:var(--muted);font-family:ui-monospace,monospace;font-size:.625rem;font-weight:800;letter-spacing:.08em}.route-stops h3,.route-stops p{margin:0}.route-stops h3{margin-top:.15rem;font-size:1.0625rem}.route-stops p{margin-top:.2rem;color:var(--muted);font-size:.75rem}.route-stops button{grid-column:2;min-height:2.75rem;padding:.5rem .75rem;border:.0625rem solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-size:.75rem;font-weight:800}.route-stops button:not(:disabled):hover{color:var(--surface);background:var(--ink)}.route-stops button:disabled{opacity:.5}.primary-button:disabled{cursor:not-allowed;opacity:.65}.start-button{position:absolute;z-index:1;right:1.5rem;bottom:1.5rem;left:1.5rem;justify-content:space-between}.today-panel{padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface)}.section-heading,.results-heading,.answer-heading,.phrase-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-heading h2{margin:.25rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.75rem;font-weight:500}.date-note{padding:.35rem .625rem;border:.0625rem solid var(--line);border-radius:2rem;color:var(--muted);font-size:.75rem}.stats-grid{display:grid;margin:1.5rem 0 0;border-top:.0625rem solid var(--line)}.stats-grid>div{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.25rem 1rem;padding:1.25rem 0;border-bottom:.0625rem solid var(--line)}.stats-grid dt{font-weight:800}.stats-grid dd{grid-row:1 / 3;grid-column:2;margin:0;color:var(--accent);font-family:Trebuchet MS,sans-serif;font-size:2.75rem;line-height:1}.stats-grid span{color:var(--muted);font-size:.8125rem}.mastery-strip{display:grid;gap:.5rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);background:#dceef3}.mastery-strip p{margin:0}.mastery-strip p:first-child{display:flex;justify-content:space-between;gap:1rem}.mastery-strip p:last-child{color:var(--ink-soft);font-size:.875rem}.bottom-nav{position:fixed;z-index:10;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:repeat(3,1fr);width:min(calc(100% - 2rem),28rem);margin:0 auto;padding:.375rem;border:.0625rem solid #a8bdc5;border-radius:2rem;background:#fffefaf0;box-shadow:0 .75rem 2rem #102a432e;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem)}.bottom-nav button{display:flex;min-height:3rem;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:1.5rem;background:transparent;font-weight:700}.bottom-nav button[aria-current=page]{color:var(--surface);background:var(--ink)}.study-page{width:min(100% - 2rem,58rem);min-height:100vh;margin:0 auto;padding:1rem 0 4rem}.study-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;min-height:4.5rem}.text-button{padding:.5rem 0;border:0;color:var(--ink-soft);background:transparent;font-weight:700;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.25rem}.text-button:hover{text-decoration-color:currentColor}.study-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem}.study-progress span{font-variant-numeric:tabular-nums;font-weight:800}.study-progress progress{width:100%;height:.5rem;overflow:hidden;border:0;border-radius:1rem;accent-color:var(--accent);background:var(--line)}.study-card{min-height:36rem;padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.card-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-meta>span:first-child{color:var(--accent-dark)}.study-card-classification,.phrase-card-classification{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.prompt-label{margin-top:3.5rem}.study-card>h1{max-width:18ch;margin:.75rem 0 2.5rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.25rem,8vw,4.5rem);font-weight:500;letter-spacing:-.04em;line-height:1.08}.recall-stage{display:grid;min-height:13rem;align-content:end;gap:1rem;padding-top:2rem;border-top:.0625rem solid var(--line)}.recall-stage p{margin:0;color:var(--muted)}.reveal-button{width:100%}.answer-stage{padding-top:1.5rem;border-top:.0625rem solid var(--line)}.answer-heading p,.example-block p,.tip-block p,.speech-status{margin:0}.answer-heading h2{margin:.375rem 0 0;color:var(--accent-dark);font-family:Trebuchet MS,sans-serif;font-size:clamp(1.8rem,7vw,3rem);font-weight:500}.listen-button{flex:0 0 auto;min-height:2.75rem;padding:.625rem .75rem;border:.0625rem solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-weight:800}.listen-button:hover{color:var(--surface);background:var(--ink)}.speech-status{min-height:1.5rem;padding-top:.375rem;color:var(--muted);font-size:.8125rem}.interactive-expression{line-height:1.42}.interactive-word{position:relative;display:inline-block}.interactive-word>button{margin:0;padding:0 .025em;border:0;border-bottom:.075em dotted currentColor;color:inherit;background:transparent;font:inherit;line-height:inherit;cursor:pointer;transition:color .14s ease,background .14s ease}.interactive-word>button:hover,.interactive-word>button:focus-visible{color:var(--accent-dark);background:var(--danger-soft)}.interactive-word>button:focus-visible{outline-width:.1rem;outline-offset:.08rem}.word-tooltip{position:fixed;z-index:30;right:max(1rem,calc((100vw - 74rem)/2 + 1.5rem));bottom:1.5rem;width:min(22rem,calc(100vw - 2rem));padding:1rem;border:.0625rem solid var(--ink);border-radius:var(--radius-md);color:var(--ink);background:var(--surface);box-shadow:0 1rem 2.5rem #183a3233;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:400;line-height:1.45;text-align:left;pointer-events:none}.dictionary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.dictionary-heading strong{font-family:Georgia,Times New Roman,serif;font-size:1.375rem;font-weight:600}.dictionary-phonetic{color:var(--accent-dark);font-size:.875rem;font-weight:700;white-space:nowrap}.dictionary-parts,.dictionary-other-uses{display:flex;flex-wrap:wrap;gap:.375rem}.dictionary-parts{margin-top:.5rem}.dictionary-parts>span,.dictionary-other-uses>span{padding:.1875rem .4375rem;border-radius:999px;background:var(--surface-muted);color:var(--ink-soft);font-size:.6875rem;font-weight:800}.dictionary-section{display:block;margin-top:.75rem;padding-top:.75rem;border-top:.0625rem solid var(--line)}.dictionary-context{padding:.625rem .75rem;border-top:0;border-radius:var(--radius-sm);background:#fff7e3}.dictionary-context strong{display:block;margin-top:.125rem;color:var(--accent-dark);font-size:1rem}.dictionary-label{display:block;margin-bottom:.375rem;color:var(--muted);font-size:.625rem;font-weight:900;letter-spacing:.1em}.dictionary-meanings{display:grid;gap:.375rem}.dictionary-meanings>span{display:grid;grid-template-columns:auto 1fr;gap:.4375rem}.dictionary-meanings>span:before{color:var(--accent);content:"•";font-weight:900}.dictionary-action{display:block;margin-top:.75rem;color:var(--muted);font-size:.6875rem;font-weight:700}.word-hint,.library-word-status{color:var(--muted);font-size:.75rem}.answer-heading .word-hint{margin-top:.5rem}.example-block,.tip-block{margin-top:1rem;padding:1rem;border-radius:var(--radius-md)}.example-block{background:var(--surface-muted)}.example-block .example-label{margin-bottom:.625rem;color:var(--ink-soft)}.example-English{font-family:Georgia,serif;font-size:1.125rem;font-weight:700}.example-block p:last-child{margin-top:.375rem;color:var(--muted);font-size:.875rem}.tip-block{display:grid;grid-template-columns:auto 1fr;gap:.75rem;border:.0625rem solid #e5c67f;background:#fff7e3;font-size:.875rem;line-height:1.65}.rating-group,.category-filters{margin:0;padding:0;border:0}.rating-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1.5rem}.rating-group legend{width:100%;margin-bottom:.75rem;font-weight:800}.rating-group button{display:grid;min-height:4.25rem;place-content:center;gap:.25rem;padding:.625rem .25rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}.rating-group button:hover{border-color:var(--accent);background:#fff6f1}.rating-group span{color:var(--muted);font-size:.6875rem}.practice-hub{display:grid;gap:1rem}.practice-hero,.practice-setup,.practice-scenes,.practice-difficulty,.practice-stage,.practice-result{border:.0625rem solid var(--line);background:var(--surface)}.practice-hero{position:relative;overflow:hidden;min-height:18rem;padding:1.75rem 1.5rem;border-color:var(--ink);border-radius:var(--radius-lg);color:var(--surface);background:var(--ink)}.practice-hero:after{position:absolute;right:-2rem;bottom:-2rem;width:11rem;height:11rem;border:1.25rem solid var(--route-blue);border-radius:50%;content:"";opacity:.55}.practice-hero .eyebrow{position:relative;z-index:1;color:var(--gold)}.practice-hero h1{position:relative;z-index:1;max-width:8ch;margin:1.5rem 0 .75rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.75rem,11vw,5.5rem);letter-spacing:-.05em;line-height:.95}.practice-hero>p:last-child{position:relative;z-index:1;max-width:34rem;margin:0;color:#d9eaf0;line-height:1.75}.practice-setup,.practice-scenes,.practice-difficulty{padding:1.5rem;border-radius:var(--radius-lg)}.practice-difficulty .difficulty-selector{margin-top:1.25rem}.practice-setup-heading>p,.practice-setup-heading>h2{margin:0}.practice-setup-heading>p{color:var(--accent-dark);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:800;letter-spacing:.06em}.practice-setup-heading>h2{margin-top:.35rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.5rem}.practice-mode-grid{display:grid;gap:.75rem;margin-top:1.25rem}.practice-mode-grid button{display:grid;min-height:9rem;align-content:end;justify-items:start;padding:1.25rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:left;transition:border-color .16s ease,transform .16s ease}.practice-mode-grid button:hover{transform:translateY(-.125rem)}.practice-mode-grid button[aria-pressed=true]{border-color:var(--route-blue);background:#dceef3;box-shadow:inset .3rem 0 0 var(--route-blue)}.practice-mode-grid button:last-child[aria-pressed=true]{border-color:var(--accent);background:var(--danger-soft);box-shadow:inset .3rem 0 0 var(--accent)}.practice-mode-grid span{color:var(--accent-dark);font-family:ui-monospace,monospace;font-size:.625rem;font-weight:900;letter-spacing:.12em}.practice-mode-grid strong{margin-top:.35rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.35rem}.practice-mode-grid small{max-width:24rem;margin-top:.45rem;color:var(--muted);font-size:.75rem;line-height:1.55}.scene-route{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1.25rem}.scene-route button{display:grid;grid-template-columns:auto 1fr;min-height:3.25rem;align-items:center;gap:.5rem;padding:.5rem .625rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:transparent;font-size:.8125rem;font-weight:800;text-align:left}.scene-route button>span{display:grid;width:1.75rem;height:1.75rem;place-items:center;border-radius:50%;color:var(--surface);background:var(--route-blue);font-family:ui-monospace,monospace;font-size:.5625rem}.scene-route button[aria-pressed=true]{border-color:var(--ink);color:var(--surface);background:var(--ink)}.scene-route button[aria-pressed=true]>span{color:var(--ink);background:var(--gold)}.practice-start-dock{display:grid;gap:.875rem;padding:1rem;border:.0625rem solid var(--ink);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow)}.practice-start-dock>div{display:grid;gap:.2rem}.practice-start-dock>div span{color:var(--muted);font-size:.6875rem}.practice-start-dock>div strong{font-size:.9375rem}.practice-start-dock .primary-button{justify-content:space-between}.practice-page{width:min(100%,58rem);min-height:calc(100vh - 5rem);margin:0 auto;padding:1rem 0 7rem}.practice-page:focus{outline:none}.app-shell:has(.practice-stage) .bottom-nav,.app-shell:has(.practice-result) .bottom-nav{display:none}.practice-session-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;min-height:4.5rem}.practice-session-progress{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem}.practice-session-progress>span{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:900}.practice-session-progress progress{width:100%;height:.5rem;overflow:hidden;border:0;border-radius:1rem;accent-color:var(--route-blue)}.practice-stage{min-height:38rem;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow)}.practice-stage-meta{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:900;letter-spacing:.08em}.practice-stage-meta span:first-child{color:var(--accent-dark)}.translation-prompt,.listening-prompt{display:grid;min-height:15rem;align-content:center;justify-items:start;padding:2rem 0}.translation-prompt>p{margin:0;color:var(--muted);font-size:.8125rem;font-weight:700}.translation-prompt h1,.listening-prompt h1{max-width:18ch;margin:.75rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2rem,8vw,4rem);letter-spacing:-.04em;line-height:1.08}.sound-mark{display:grid;width:4.5rem;height:4.5rem;place-items:center;border-radius:50%;color:var(--surface);background:var(--accent);font-family:ui-monospace,monospace;font-size:1.25rem;font-weight:900;letter-spacing:-.25em}.listen-again-button{min-height:2.75rem;margin-top:1.25rem;padding:.5rem .875rem;border:.0625rem solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-weight:800}.practice-speech-status{min-height:1.25rem;margin:.5rem 0 0;color:var(--muted);font-size:.75rem}.practice-options{display:grid;gap:.625rem;padding-top:1.25rem;border-top:.0625rem solid var(--line)}.practice-options button{display:grid;grid-template-columns:auto 1fr;min-height:3.75rem;align-items:center;gap:.75rem;padding:.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:left}.practice-options button:not(:disabled):hover{border-color:var(--route-blue);background:#f0f8fa}.practice-options button>span{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;color:var(--muted);background:var(--surface-muted);font-family:ui-monospace,monospace;font-size:.6875rem}.practice-options button[data-answer-state=correct]{border-color:#2c7a63;background:#dff4eb}.practice-options button[data-answer-state=incorrect]{border-color:var(--accent);background:var(--danger-soft)}.practice-options button[data-answer-state=inactive]{opacity:.55}.practice-feedback{margin-top:1.25rem;padding:1.25rem;border-left:.35rem solid var(--route-blue);background:var(--surface-muted)}.practice-feedback .feedback-verdict,.practice-feedback h2,.practice-feedback p{margin:0}.practice-feedback .feedback-verdict{color:var(--accent-dark);font-size:.75rem;font-weight:900}.practice-feedback h2{margin-top:.35rem;font-family:Trebuchet MS,sans-serif;font-size:1.5rem}.practice-feedback>p:not(.feedback-verdict){margin-top:.25rem;color:var(--ink-soft)}.practice-feedback .feedback-tip{margin-top:.75rem;padding-top:.75rem;border-top:.0625rem solid var(--line);font-size:.8125rem;line-height:1.6}.practice-feedback .primary-button{width:100%;margin-top:1rem}.practice-complete{display:grid;place-items:center}.practice-result{width:min(100%,40rem);padding:2rem 1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow)}.practice-kicker{margin:0;color:var(--accent-dark);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:900;letter-spacing:.1em}.practice-result h1{margin:.75rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.5rem,10vw,4.5rem)}.result-score{display:grid;gap:.25rem;margin:2rem 0}.result-score strong{color:var(--route-blue);font-family:Trebuchet MS,sans-serif;font-size:clamp(3rem,15vw,6rem);line-height:1}.result-score span,.practice-result>p{color:var(--muted)}.result-actions{display:grid;gap:.75rem;margin-top:1.5rem}.result-actions .secondary-button{margin:0}.library-header{max-width:46rem;padding:1rem 0 2rem}.library-header h1{margin:.75rem 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.75rem,10vw,5rem);font-weight:500;letter-spacing:-.05em}.library-header>p:last-child{margin:0;color:var(--muted);line-height:1.75}.library-word-status{min-height:1.25rem;margin:0 0 1.25rem}.search-field label,.category-filters legend{display:block;margin-bottom:.625rem;font-size:.8125rem;font-weight:800}.search-field>div{display:grid;grid-template-columns:auto 1fr;align-items:center;border:.0625rem solid var(--ink);border-radius:var(--radius-md);background:var(--surface)}.search-field span{padding-left:1rem;color:var(--muted);font-size:1.5rem}.search-field input{width:100%;min-height:3.5rem;padding:.75rem 1rem .75rem .625rem;border:0;outline:0;color:var(--ink);background:transparent}.search-field>div:focus-within{outline:.1875rem solid var(--gold);outline-offset:.1875rem}.search-field input:focus-visible{outline:0}.category-filters,.difficulty-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:0;border:0}.category-filters legend,.difficulty-filters legend{width:100%}.category-filters button,.difficulty-filters button{min-height:2.5rem;padding:.5rem .875rem;border:.0625rem solid var(--line);border-radius:1.5rem;background:transparent;font-size:.875rem;font-weight:700}.category-filters button[aria-pressed=true],.difficulty-filters button[aria-pressed=true]{border-color:var(--ink);color:var(--surface);background:var(--ink)}.results-heading{align-items:center;margin:2rem 0 1rem;padding-top:1rem;border-top:.0625rem solid var(--line)}.results-heading p{margin:0;font-weight:800}.phrase-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.library-pagination{display:grid;grid-template-columns:minmax(6.5rem,1fr) auto minmax(6.5rem,1fr);gap:.75rem;align-items:center;max-width:34rem;margin:2rem auto 0}.library-pagination p{margin:0;color:var(--muted);font-size:.875rem;font-weight:800;text-align:center}.library-pagination .secondary-button{width:100%;margin:0}.library-pagination button:disabled{cursor:not-allowed;opacity:.45}.phrase-card{height:100%;padding:1.25rem;border-radius:var(--radius-md);background:var(--surface)}.phrase-card-heading{color:var(--accent-dark);font-size:.6875rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.phrase-card-heading>span:last-child{color:var(--line);font-family:Georgia,serif;font-size:1rem}.phrase-card h2{margin:1.25rem 0 .375rem;font-family:Georgia,serif;font-size:1.5rem;font-weight:500;line-height:1.25}.phrase-expression-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-top:1.25rem}.phrase-expression-row h2{flex:1 1 12rem;margin:0}.phrase-listen-button{min-height:2.5rem;padding:.5rem .625rem;font-size:.75rem;white-space:nowrap}.phrase-meaning,.phrase-example p,.phrase-tip{margin:0}.phrase-meaning{color:var(--ink-soft)}.phrase-example{margin-top:1.25rem;padding-top:1rem;border-top:.0625rem solid var(--line);line-height:1.6}.phrase-example p:last-child{color:var(--muted);font-size:.8125rem}.phrase-tip{margin-top:1rem;color:var(--muted);font-size:.8125rem;line-height:1.6}.empty-state,.study-empty{display:grid;min-height:22rem;place-items:center;align-content:center;padding:2rem;border:.0625rem dashed #a9b0ab;border-radius:var(--radius-lg);text-align:center}.empty-state>p,.study-empty>p{margin:.25rem 0;color:var(--muted)}.empty-state>p:first-child{color:var(--accent);font-size:2.25rem}.empty-state h2,.study-empty h1{margin:.5rem 0;font-family:Trebuchet MS,PingFang SC,sans-serif}.secondary-button{margin-top:1rem;border:.0625rem solid var(--ink);background:transparent}.secondary-button:hover{color:var(--surface);background:var(--ink)}@media(min-width:42rem){.app-shell{padding-right:2rem;padding-left:2rem}.site-header>p{display:block}.page{padding-top:3rem}.home-page{grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.hero{min-height:36rem;padding:3rem}.learning-route{padding:2rem}.difficulty-selector>div{grid-template-columns:repeat(3,minmax(0,1fr))}.route-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.route-heading>span{text-align:right}.start-button{right:3rem;bottom:3rem;left:3rem;width:min(22rem,calc(100% - 6rem))}.today-panel{grid-column:1 / -1;padding:2rem}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid>div{padding:1.25rem;border-right:.0625rem solid var(--line);border-bottom:0}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{padding-right:0;border-right:0}.mastery-strip{grid-column:1 / -1;grid-template-columns:1fr auto;align-items:center}.study-card{padding:2.5rem}.practice-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-route{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-start-dock{grid-template-columns:1fr auto;align-items:center;padding:1rem 1.25rem}.practice-stage{padding:2.5rem}.practice-options{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-feedback{padding:1.5rem}.result-actions,.phrase-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:63.999rem){.library-page .word-tooltip{bottom:5.75rem}}@media(max-width:41.999rem){.word-tooltip{right:1rem;bottom:1rem;left:1rem;width:auto}.library-page .word-tooltip{bottom:5.75rem}}@media(min-width:64rem){.app-shell{padding-bottom:3rem}.site-header{padding-right:19rem}.bottom-nav{position:absolute;top:1rem;right:max(1rem,calc((100vw - 74rem)/2 + 2rem));bottom:auto;left:auto;width:18rem;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bottom-nav button{min-height:3rem;border-radius:var(--radius-sm)}.phrase-list{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-hub{grid-template-columns:minmax(18rem,.7fr) minmax(0,1.3fr)}.practice-hero,.practice-start-dock{grid-column:1 / -1}.practice-setup{display:grid;grid-template-rows:auto 1fr}.practice-difficulty{grid-column:1 / -1}.practice-setup .practice-mode-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:1fr}.scene-route{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}