: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}.account-entry{display:inline-flex;min-width:0;max-width:9.5rem;overflow:hidden;min-height:2.75rem;align-items:center;gap:.5rem;padding:.625rem .75rem;border:.0625rem solid var(--line);border-radius:999px;color:var(--ink);background:var(--surface);font-size:.75rem;font-weight:850}.account-entry>span:first-child{display:grid;flex:0 0 auto;width:1.25rem;height:1.25rem;place-items:center;border-radius:50%;color:var(--surface);background:var(--route-blue);font-size:.6875rem}.account-entry-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-entry[aria-current=page]{border-color:var(--ink);box-shadow:0 0 0 .125rem var(--gold)}.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}.account-page{width:min(100%,62rem);margin:0 auto}.account-back{min-height:2.75rem;margin-bottom:1rem;padding:.5rem 0;border:0;color:var(--ink-soft);background:transparent;font-size:.8125rem;font-weight:850}.account-auth-card,.account-profile-card,.account-sync-card{overflow:hidden;border:.0625rem solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow)}.account-auth-copy{padding:2rem 1.5rem;color:var(--surface);background:radial-gradient(circle at 90% 10%,rgb(255 209 102 / 28%),transparent 28%),var(--ink)}.account-auth-copy h1{max-width:10em;margin:.75rem 0 1rem;color:var(--surface);font-family:Georgia,Songti SC,serif;font-size:clamp(2rem,8vw,3.5rem);line-height:1.08}.account-auth-copy>p:not(.section-kicker),.account-auth-copy li{color:#d9eaf0;font-size:.875rem;line-height:1.75}.account-auth-copy ul{display:grid;gap:.625rem;margin:1.5rem 0 0;padding:0;list-style:none}.account-auth-copy li{position:relative;padding-left:1.5rem}.account-auth-copy li:before{position:absolute;top:.55rem;left:0;width:.625rem;height:.625rem;border-radius:50%;background:var(--gold);content:""}.account-auth-form-wrap{padding:1.5rem}.account-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;padding:.25rem;border-radius:.625rem;background:var(--surface-muted)}.account-tabs button{min-height:2.75rem;border:0;border-radius:.45rem;color:var(--muted);background:transparent;font-size:.8125rem;font-weight:850}.account-tabs button[aria-selected=true]{color:var(--ink);background:var(--surface);box-shadow:0 .125rem .5rem #102a431a}.account-import-note,.account-notice{margin:1rem 0 0;padding:.75rem;border-left:.1875rem solid var(--route-blue);color:var(--ink-soft);background:var(--surface-muted);font-size:.75rem;line-height:1.6}.account-form{display:grid;gap:1rem;margin-top:1.25rem}.account-form label{display:grid;gap:.375rem}.account-form label>span{color:var(--ink);font-size:.8125rem;font-weight:850}.account-form input{width:100%;min-height:3rem;padding:.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff}.account-form input:focus{border-color:var(--route-blue)}.account-form small{color:var(--muted);font-size:.6875rem}.account-error,.account-sync-error{margin:0;color:var(--advanced);font-size:.8125rem;font-weight:750}.account-primary-action,.account-conflict-actions button{min-height:3rem;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--accent-dark);font-weight:900}.account-primary-action:disabled{cursor:wait;opacity:.65}.account-dashboard{display:grid;gap:1rem}.account-profile-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1.5rem}.account-avatar{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:1rem;color:var(--surface);background:var(--ink);font-family:Georgia,serif;font-size:1.5rem;font-weight:900}.account-profile-card h1,.account-profile-card p,.account-sync-card h2,.account-sync-card h3,.account-progress-card p,.account-backup-meta,.account-conflict p{margin:0}.account-profile-card h1{margin-top:.25rem;overflow-wrap:anywhere;font-size:1.375rem}.account-profile-card>div:nth-child(2)>p:last-child{margin-top:.35rem;color:var(--muted);font-size:.75rem;line-height:1.55}.account-profile-card>button{grid-column:1 / -1;min-height:2.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);background:transparent;font-size:.75rem;font-weight:850}.account-profile-error{grid-column:1 / -1;width:100%}.account-sync-card{padding:1.5rem}.account-sync-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.account-sync-heading h2{margin-top:.25rem;font-size:1.5rem}.account-sync-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:.4rem;margin:0;padding:.4rem .625rem;border-radius:999px;color:var(--ink-soft);background:var(--surface-muted);font-size:.6875rem;font-weight:850}.account-sync-status>span{width:.5rem;height:.5rem;border-radius:50%;background:var(--route-blue)}.account-sync-card.is-synced .account-sync-status>span{background:#2f855a}.account-sync-card.is-conflict .account-sync-status>span,.account-sync-card.is-error .account-sync-status>span,.account-sync-card.is-offline .account-sync-status>span{background:var(--accent-dark)}.account-progress-card{display:grid;gap:1rem;padding:1rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper)}.account-progress-card h3{font-size:.9375rem}.account-progress-card>div>p{margin-top:.25rem;color:var(--muted);font-size:.6875rem}.account-progress-card dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}.account-progress-card dl>div{min-width:0;padding-left:.625rem;border-left:.125rem solid var(--line)}.account-progress-card dt{color:var(--muted);font-size:.625rem}.account-progress-card dd{margin:.25rem 0 0;color:var(--ink);font-size:.8125rem;font-weight:900}.account-backup-meta{margin-top:.75rem;color:var(--muted);font-size:.6875rem}.account-conflict{display:grid;gap:1rem}.account-conflict>div:first-child{padding:1rem;border-left:.25rem solid var(--accent);background:var(--danger-soft)}.account-conflict>div:first-child p{margin-top:.35rem;color:var(--ink-soft);font-size:.75rem;line-height:1.55}.account-progress-grid,.account-conflict-actions{display:grid;gap:.75rem}.account-conflict-actions button:first-child{color:var(--ink);background:var(--gold)}.account-sync-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding:.75rem;border-radius:var(--radius-sm);background:var(--danger-soft)}.account-sync-error button{flex:0 0 auto;min-height:2.5rem;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--accent-dark);font-size:.75rem;font-weight:850}.home-page{display:grid;gap:1rem}.hero,.learning-route,.reinforcement-panel,.today-panel,.mastery-strip,.phrase-card,.study-card,.study-complete-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}.reinforcement-panel{grid-column:1 / -1;display:grid;gap:1.5rem;padding:1.5rem;border-color:#e5c67f;border-radius:var(--radius-lg);background:#fff7e3}.reinforcement-panel h2{margin:.25rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.75rem;line-height:1.15}.reinforcement-panel>div:first-child>p:last-child{max-width:36rem;margin:.625rem 0 0;color:var(--muted);line-height:1.65}.reinforcement-action{display:grid;gap:.75rem}.reinforcement-action>span{display:grid;gap:.2rem}.reinforcement-action strong{font-size:1.125rem}.reinforcement-action small{color:var(--muted)}.reinforcement-action button{display:inline-flex;min-height:3rem;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1rem;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--ink);font-weight:800;transition:background .16s ease,transform .16s ease}.reinforcement-action button:not(:disabled):hover{background:var(--accent-dark);transform:translateY(-.125rem)}.reinforcement-action button:disabled{cursor:not-allowed;opacity:.45}.reinforcement-buttons{display:grid;gap:.5rem}.reinforcement-buttons button:last-child{border:.0625rem solid var(--ink);color:var(--ink);background:transparent}.reinforcement-buttons button:last-child:hover{color:var(--surface)}.bottom-nav{position:fixed;z-index:10;right:1rem;bottom:1rem;left:1rem;display:grid;grid-template-columns:repeat(4,minmax(0,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)}.study-complete-page{display:grid;place-items:center}.study-complete-card{width:min(100%,42rem);padding:2rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center}.completion-mark{display:grid;width:4rem;height:4rem;margin:0 auto 1.25rem;place-items:center;border:.25rem solid #c99420;border-radius:50%;color:var(--ink);background:var(--gold);font-size:2rem;font-weight:900}.study-complete-card h1{margin:.5rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.25rem,9vw,4rem);letter-spacing:-.04em;line-height:1.05}.completion-lead{margin:.75rem 0 0;color:var(--muted);font-weight:700}.session-rating-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:2rem 0 0;border-top:.0625rem solid var(--line);border-bottom:.0625rem solid var(--line)}.session-rating-summary>div{display:grid;gap:.25rem;padding:1rem .5rem;border-right:.0625rem solid var(--line)}.session-rating-summary>div:last-child{border-right:0}.session-rating-summary dt{color:var(--muted);font-size:.75rem}.session-rating-summary dd{margin:0;color:var(--accent-dark);font-family:Trebuchet MS,sans-serif;font-size:2rem;font-weight:800}.completion-note{margin-top:1.5rem;padding:1rem;border:.0625rem solid #e5c67f;border-radius:var(--radius-md);background:#fff7e3}.completion-note strong{display:block;font-size:1.0625rem}.completion-note p{margin:.375rem 0 0;color:var(--muted);font-size:.875rem;line-height:1.6}.study-complete-card .primary-button{width:100%;margin-top:1.5rem;justify-content:space-between}.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[data-mode=listen][aria-pressed=true]{border-color:var(--accent);background:var(--danger-soft);box-shadow:inset .3rem 0 0 var(--accent)}.practice-mode-grid button[data-mode=reorder][aria-pressed=true]{border-color:#d5b247;background:#fff8dc;box-shadow:inset .3rem 0 0 var(--gold)}.practice-mode-grid button[data-mode=cloze][aria-pressed=true]{border-color:var(--sage);background:var(--surface-muted);box-shadow:inset .3rem 0 0 var(--sage)}.practice-mode-grid button[data-mode=dialogue]{border-color:#d5b247;background:#fff8dc;box-shadow:inset .3rem 0 0 var(--gold)}.practice-mode-grid button[data-mode=dialogue] span{color:#805a00}.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-input-answer{display:grid;gap:1rem;margin-top:1.5rem;padding:1rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper)}.practice-input-label{margin:0 0 .5rem;color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.ordered-answer,.word-bank{display:flex;min-height:3.5rem;flex-wrap:wrap;align-items:center;gap:.5rem}.ordered-answer{padding:.625rem;border:.0625rem dashed var(--route-blue);border-radius:var(--radius-sm);background:var(--surface)}.ordered-answer>span{color:var(--muted);font-size:.8125rem}.ordered-answer button,.word-bank button{min-height:2.75rem;padding:.5rem .75rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-family:Georgia,serif;font-weight:800}.ordered-answer button{border-color:var(--route-blue);color:var(--surface);background:var(--route-blue)}.word-bank button:hover{border-color:var(--route-blue);transform:translateY(-.0625rem)}.cloze-sentence{padding:1.25rem;border-left:.3rem solid var(--gold);background:var(--surface);font-family:Georgia,serif;font-size:clamp(1.35rem,5vw,2rem);font-weight:800;line-height:1.45}.cloze-field{display:grid;gap:.5rem;font-weight:800}.cloze-field span{font-size:.8125rem}.cloze-field input{min-height:3.25rem;padding:.75rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--surface);font-family:Georgia,serif;font-size:1.125rem}.cloze-field input:focus{border-color:var(--route-blue)}.practice-submit-answer{justify-self:stretch}.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}.dialogue-hub,.dialogue-page{display:grid;gap:1rem}.dialogue-hero,.dialogue-filters,.dialogue-results,.dialogue-role-card,.dialogue-turn-card,.dialogue-complete-card{border:.0625rem solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.dialogue-hero{position:relative;overflow:hidden;min-height:18rem;padding:1.75rem 1.5rem;border-color:var(--ink);color:var(--surface);background:var(--ink)}.dialogue-hero:after{position:absolute;right:-3rem;bottom:-2rem;width:13rem;height:8rem;border:1rem solid var(--gold);border-radius:50%;content:"";opacity:.42;transform:rotate(-12deg)}.dialogue-hero .eyebrow,.dialogue-hero h1,.dialogue-hero>p,.dialogue-exit{position:relative;z-index:1}.dialogue-hero .eyebrow{color:var(--gold)}.dialogue-hero h1{max-width:9ch;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}.dialogue-hero>p:not(.eyebrow){max-width:34rem;margin:0;color:#d9eaf0;line-height:1.75}.dialogue-exit{min-height:2.75rem;margin-top:1.5rem;border-color:#ffffff6b;color:var(--surface)}.dialogue-filters,.dialogue-results{padding:1.5rem}.dialogue-filters>div>p,.dialogue-filters>div>h2,.dialogue-results-heading p,.dialogue-results-heading h2{margin:0}.dialogue-kicker{color:var(--accent-dark);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:900;letter-spacing:.1em}.dialogue-filters h2,.dialogue-results h2{margin-top:.35rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.5rem}.dialogue-filters fieldset{min-width:0;margin:1.25rem 0 0;padding:0;border:0}.dialogue-filters legend{padding:0;color:var(--muted);font-size:.75rem;font-weight:800}.dialogue-filter-row,.dialogue-category-grid{display:grid;gap:.5rem;margin-top:.625rem}.dialogue-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.dialogue-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-filter-row button,.dialogue-category-grid button{min-height:2.75rem;padding:.5rem .625rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-size:.8125rem;font-weight:800}.dialogue-filter-row button[aria-pressed=true],.dialogue-category-grid button[aria-pressed=true]{border-color:var(--ink);color:var(--surface);background:var(--ink)}.dialogue-results-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.dialogue-results-heading>span{flex:0 0 auto;color:var(--muted);font-size:.75rem;font-weight:800}.dialogue-card-list{display:grid;gap:.75rem;margin-top:1.25rem}.dialogue-card{display:grid;min-width:0;min-height:18rem;grid-template-rows:auto auto 1fr auto auto;padding:1.25rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper)}.dialogue-card-meta{display:flex;flex-wrap:wrap;gap:.4rem}.dialogue-card-meta span{padding:.25rem .45rem;border-radius:var(--radius-sm);color:var(--beginner);background:var(--beginner-soft);font-size:.6875rem;font-weight:900}.dialogue-card-meta span:last-child{color:var(--advanced);background:var(--advanced-soft)}.dialogue-card h3{margin:1rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.35rem;line-height:1.2}.dialogue-card>p{margin:.65rem 0 1rem;color:var(--ink-soft);line-height:1.65}.dialogue-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0}.dialogue-card dl>div{min-width:0;padding:.625rem;background:var(--surface)}.dialogue-card dt{color:var(--muted);font-size:.6875rem}.dialogue-card dd{margin:.2rem 0 0;overflow-wrap:anywhere;font-size:.8125rem;font-weight:800}.dialogue-card>button{display:flex;min-height:2.75rem;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem;padding:.625rem .75rem;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--ink);font-weight:900}.dialogue-empty{margin-top:1.25rem;padding:2.5rem 1rem;border:.0625rem dashed var(--line);text-align:center}.dialogue-empty h3,.dialogue-empty p{margin:0}.dialogue-empty p{margin-top:.5rem;color:var(--muted)}.dialogue-empty button{min-height:2.75rem;margin-top:1rem;padding:.5rem .875rem;border:.0625rem solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-weight:800}.dialogue-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-top:1.25rem}.dialogue-pagination button{min-height:2.75rem;padding:.5rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-weight:800}.dialogue-pagination button:last-child{justify-self:stretch}.dialogue-pagination span{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:800}.dialogue-page{width:min(100%,58rem);min-height:calc(100vh - 5rem);margin:0 auto;align-content:start;padding:1rem 0 7rem}.dialogue-page:focus{outline:none}.app-shell:has(.dialogue-session) .bottom-nav,.app-shell:has(.dialogue-complete) .bottom-nav{display:none}.dialogue-role-card,.dialogue-complete-card{margin-top:1rem;padding:1.5rem;box-shadow:var(--shadow)}.dialogue-role-card>h1,.dialogue-complete-card>h1{margin:.75rem 0 0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.25rem,10vw,4rem);letter-spacing:-.045em;line-height:1.05}.dialogue-role-card>p:not(.dialogue-kicker),.dialogue-complete-card>p{color:var(--muted);line-height:1.7}.dialogue-outcome{display:grid;gap:.25rem;margin-top:1.25rem;padding:1rem;border-left:.3rem solid var(--gold);background:#fff8dc}.dialogue-outcome span{color:#805a00;font-size:.6875rem;font-weight:900}.dialogue-role-options{display:grid;gap:.75rem;margin-top:1.25rem}.dialogue-role-options button{display:grid;min-height:8rem;justify-items:start;align-content:center;padding:1rem;border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--paper);text-align:left}.dialogue-role-options button:hover{border-color:var(--route-blue)}.dialogue-role-options span,.dialogue-role-options small{color:var(--muted);font-size:.6875rem}.dialogue-role-options strong{margin:.35rem 0;font-size:1.2rem}.dialogue-session-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.25rem;min-height:4.5rem}.dialogue-session-header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.75rem}.dialogue-session-header span{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:900}.dialogue-session-header progress{width:100%;height:.5rem;accent-color:var(--route-blue)}.dialogue-turn-card{display:grid;min-height:38rem;grid-template-rows:auto 1fr auto auto;padding:1.5rem;box-shadow:var(--shadow)}.dialogue-speaker-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:.0625rem solid var(--line)}.dialogue-speaker-line span{color:var(--accent-dark);font-size:.75rem;font-weight:900}.dialogue-speaker-line strong{padding:.35rem .55rem;border-radius:var(--radius-sm);background:var(--surface-muted);font-size:.75rem}.dialogue-turn-copy{display:grid;align-content:center;padding:2rem 0}.dialogue-chinese{max-width:28ch;margin:0;color:var(--ink-soft);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:800;line-height:1.45}.dialogue-turn-copy h1{max-width:20ch;margin:1.25rem 0 0;font-family:Trebuchet MS,sans-serif;font-size:clamp(2rem,8vw,4rem);letter-spacing:-.04em;line-height:1.08}.dialogue-note,.dialogue-recall-hint{max-width:38rem;margin:1rem 0 0;color:var(--muted);line-height:1.6}.dialogue-recall-hint{padding:.875rem;border-left:.3rem solid var(--route-blue);background:var(--surface-muted)}.dialogue-turn-actions,.dialogue-complete-actions{display:grid;gap:.75rem}.dialogue-turn-actions button,.dialogue-complete-actions button{width:100%;min-height:3rem;margin:0}.dialogue-speech-status{min-height:1.25rem;margin:.75rem 0 0;color:var(--muted);font-size:.75rem}.dialogue-complete{place-items:center}.dialogue-complete-card{width:min(100%,42rem)}.dialogue-target-summary{margin:1.5rem 0;padding:1rem;background:var(--surface-muted)}.dialogue-target-summary h2{margin:0;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:1.2rem}.dialogue-target-summary ul{display:grid;gap:.625rem;margin:1rem 0 0;padding:0;list-style:none}.dialogue-target-summary li{display:grid;gap:.2rem;padding-top:.625rem;border-top:.0625rem solid var(--line)}.dialogue-target-summary li:first-child{padding-top:0;border-top:0}.dialogue-target-summary span{color:var(--muted);font-size:.8125rem}.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)}.mistake-page{display:grid;gap:1rem}.mistake-hero,.mistake-filters,.mistake-results{border:.0625rem solid var(--line);border-radius:var(--radius-lg)}.mistake-hero{position:relative;overflow:hidden;min-height:18rem;padding:1.75rem 1.5rem;border-color:var(--ink);color:var(--surface);background:var(--ink)}.mistake-hero:after{position:absolute;right:-3rem;bottom:-4rem;width:13rem;height:13rem;border:1.25rem solid var(--accent);border-radius:50%;content:"";opacity:.45}.mistake-hero .eyebrow{color:var(--gold)}.mistake-hero h1{position:relative;z-index:1;margin:1.5rem 0 .75rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.75rem,11vw,5rem);letter-spacing:-.05em;line-height:.95}.mistake-hero>p:not(.eyebrow){position:relative;z-index:1;max-width:34rem;color:#d9eaf0;line-height:1.7}.mistake-summary{position:relative;z-index:1;display:flex;align-items:baseline;gap:.5rem;margin-top:1.5rem}.mistake-summary strong{color:var(--gold);font-family:Georgia,serif;font-size:2.5rem}.mistake-filters,.mistake-results{padding:1.5rem;background:var(--surface)}.mistake-filters fieldset{margin:1.25rem 0 0;padding:0;border:0}.mistake-filters legend{margin-bottom:.625rem;font-weight:900}.mistake-filter-row,.mistake-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.mistake-filter-row button,.mistake-category-grid button{min-height:2.75rem;padding:.5rem .625rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);background:var(--paper);font-size:.8125rem;font-weight:800}.mistake-filter-row button[aria-pressed=true],.mistake-category-grid button[aria-pressed=true]{border-color:var(--ink);color:var(--surface);background:var(--ink)}.mistake-card-list{display:grid;gap:.75rem;margin-top:1.25rem}.mistake-card{display:grid;min-width:0;padding:1.25rem;border:.0625rem solid var(--line);border-left:.3rem solid var(--accent);border-radius:var(--radius-md);background:var(--paper)}.mistake-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.75rem;font-weight:800}.mistake-card>p{margin:.75rem 0 0;color:var(--ink-soft);line-height:1.55}.mistake-card h3{margin:.5rem 0 0;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:1.35rem}.mistake-card-footer{display:grid;gap:.75rem;margin-top:1rem;padding-top:.875rem;border-top:.0625rem solid var(--line)}.mistake-card-footer span{color:var(--muted);font-size:.75rem}.mistake-card-footer button,.mistake-pagination button{min-height:2.75rem;padding:.5rem .75rem;border:.0625rem solid var(--ink);border-radius:var(--radius-sm);background:transparent;font-weight:800}.mistake-empty{margin-top:1.25rem;padding:3rem 1rem;border:.0625rem dashed var(--line);text-align:center}.mistake-empty h3,.mistake-empty p{margin:0}.mistake-empty p{max-width:32rem;margin:.625rem auto 0;color:var(--muted);line-height:1.65}.mistake-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-top:1.25rem}.mistake-pagination span{font-family:ui-monospace,monospace;font-size:.75rem;font-weight:800}.mistake-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)}.mistake-start-dock>div{display:grid;gap:.2rem}.mistake-start-dock span{color:var(--muted);font-size:.75rem}.learning-path-page{display:grid;gap:1rem}.learning-path-hero,.path-picker,.path-detail{border:.0625rem solid var(--line);border-radius:var(--radius-lg)}.learning-path-hero{position:relative;overflow:hidden;min-height:18rem;padding:1.75rem 1.5rem;border-color:#173f4b;color:var(--surface);background:#173f4b}.learning-path-hero:after{position:absolute;right:-3.5rem;bottom:-6rem;width:15rem;height:15rem;border:1rem solid var(--gold);border-radius:50%;content:"";opacity:.7}.learning-path-hero:before{position:absolute;right:5.5rem;bottom:-3rem;width:7rem;height:7rem;border:.45rem solid var(--accent);border-radius:50%;content:""}.learning-path-hero .eyebrow{color:var(--gold)}.learning-path-hero h1{position:relative;z-index:1;max-width:40rem;margin:1.5rem 0 .75rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(2.75rem,11vw,5.5rem);letter-spacing:-.055em;line-height:.92}.learning-path-hero>p:not(.eyebrow){position:relative;z-index:1;max-width:35rem;color:#d9eaf0;line-height:1.7}.path-picker,.path-detail{padding:1.5rem;background:var(--surface)}.path-difficulty{margin:1.5rem 0;padding:0;border:0}.path-difficulty legend{margin-bottom:.625rem;font-weight:900}.path-difficulty>div,.path-scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.path-difficulty button,.path-scene-grid button{min-width:0;min-height:3rem;padding:.625rem;border:.0625rem solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:var(--paper);font-weight:850}.path-difficulty button[aria-pressed=true],.path-scene-grid button[aria-pressed=true]{border-color:var(--ink);color:var(--surface);background:var(--ink)}.path-scene-grid button{display:grid;justify-items:start;gap:.25rem;text-align:left}.path-scene-grid button span{color:var(--muted);font-family:ui-monospace,monospace;font-size:.6875rem}.path-scene-grid button[aria-pressed=true] span{color:var(--gold)}.path-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.path-detail-heading p,.path-detail-heading h2,.path-goal{margin:0}.path-detail-heading p{color:var(--accent);font-family:ui-monospace,monospace;font-size:.6875rem;font-weight:900;letter-spacing:.08em}.path-detail-heading h2{margin-top:.35rem;font-family:Trebuchet MS,PingFang SC,sans-serif;font-size:clamp(1.6rem,6vw,2.75rem);letter-spacing:-.035em}.path-detail-heading>span{flex:0 0 auto;padding:.4rem .65rem;border:.0625rem solid var(--ink);border-radius:999px;font-size:.75rem;font-weight:900}.path-goal{max-width:48rem;margin-top:1rem;color:var(--ink-soft);line-height:1.7}.path-situations{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0;padding:0;list-style:none}.path-situations li{padding:.375rem .625rem;border:.0625rem solid var(--line);border-radius:999px;color:var(--muted);background:var(--paper);font-size:.75rem;font-weight:800}.path-steps{display:grid;gap:0;margin:1.5rem 0 0;padding:0;list-style:none}.path-steps>li{display:grid;min-width:0;gap:.75rem;padding:1.25rem 0;border-top:.0625rem solid var(--line)}.path-steps>li>span{color:var(--accent);font-family:Georgia,serif;font-size:1.75rem;font-weight:800}.path-steps small{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.08em}.path-steps h3,.path-steps p{margin:0}.path-steps h3{margin-top:.2rem;font-size:1rem}.path-steps p{margin-top:.35rem;color:var(--muted);font-size:.8125rem;line-height:1.55}.path-steps button{min-height:2.75rem;padding:.625rem .875rem;border:0;border-radius:var(--radius-sm);color:var(--surface);background:var(--accent-dark);font-size:.8125rem;font-weight:850}.path-step-actions{display:grid;gap:.5rem}.path-step-actions button:last-child{border:.0625rem solid var(--ink);color:var(--ink);background:transparent}@media(min-width:42rem){.app-shell{padding-right:2rem;padding-left:2rem}.site-header>p{display:block}.account-auth-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr)}.account-auth-copy,.account-auth-form-wrap{padding:3rem}.account-profile-card{grid-template-columns:auto minmax(0,1fr) auto;padding:2rem}.account-profile-card>button{grid-column:auto;min-width:7rem}.account-sync-card{padding:2rem}.account-progress-card{grid-template-columns:minmax(8rem,.65fr) minmax(0,1.35fr);align-items:center}.account-progress-grid,.account-conflict-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.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))}.path-scene-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.path-steps>li{grid-template-columns:3rem minmax(0,1fr) minmax(10rem,auto);align-items:center}.path-step-actions{width:min(100%,13rem)}.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}.reinforcement-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:2rem}.reinforcement-action{min-width:21rem;grid-template-columns:minmax(0,1fr) auto;align-items:center}.mistake-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mistake-filter-row{grid-template-columns:repeat(4,minmax(0,1fr))}.mistake-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mistake-start-dock{grid-template-columns:1fr auto;align-items:center;padding:1rem 1.25rem}.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}.study-complete-card{padding:3rem}.practice-mode-grid,.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{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dialogue-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-role-card,.dialogue-complete-card,.dialogue-turn-card{padding:2.5rem}.dialogue-role-options,.dialogue-turn-actions,.dialogue-complete-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:25rem}.account-dashboard{grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);align-items:start}.account-profile-card{grid-template-columns:auto minmax(0,1fr);padding:1.5rem}.account-profile-card>button{grid-column:1 / -1;width:100%}.bottom-nav{position:absolute;top:1rem;right:max(1rem,calc((100vw - 74rem)/2 + 2rem));bottom:auto;left:auto;width:24rem;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(3,minmax(0,1fr));grid-template-columns:1fr}.scene-route{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-hub{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr)}.dialogue-hero,.dialogue-results,.dialogue-filters{grid-column:1 / -1}.dialogue-card-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}