:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5fa;--surface:#fff;--surface-2:#eef0f7;--surface-3:#e3e7f2;--border:#e0e3ee;--border-strong:#c9cee0;--text:#141a2f;--text-muted:#565e7c;--text-faint:#858ba6;--primary:#1f3fd1;--primary-hover:#1834b3;--primary-soft:#e7ebff;--primary-soft-text:#1a33ad;--on-primary:#fff;--accent:#f2ae00;--accent-soft:#fff3cf;--accent-text:#8a5b00;--success:#12804a;--success-soft:#e1f5e9;--danger:#cf2337;--danger-soft:#fde6e9;--warning:#a86300;--warning-soft:#fff0d4;--mastery-new:var(--surface-3);--mastery-learning:#f2ae00;--mastery-known:#5b78f0;--mastery-mastered:#12a05a;--heat-0:var(--surface-2);--heat-1:#c9d3ff;--heat-2:#8fa2fa;--heat-3:#4f6be8;--heat-4:#1f3fd1;--shadow-sm:0 1px 2px #141a2f0f;--shadow-md:0 1px 2px #141a2f0a, 0 6px 20px -6px #141a2f1f;--shadow-lg:0 2px 4px #141a2f0a, 0 18px 40px -12px #141a2f38;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:999px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-ipa:"Segoe UI", "Charis SIL", "Doulos SIL", "Gentium Plus", "Noto Sans", "Lucida Grande", system-ui, sans-serif;--nav-height:64px;--sidebar-width:248px;--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1020;--surface:#161a2d;--surface-2:#1e2339;--surface-3:#2a3150;--border:#272d48;--border-strong:#3a4266;--text:#edf0fa;--text-muted:#a5abc6;--text-faint:#767d9c;--primary:#7f95ff;--primary-hover:#99abff;--primary-soft:#222b57;--primary-soft-text:#b9c5ff;--on-primary:#0d1020;--accent:#ffc83a;--accent-soft:#3a3014;--accent-text:#ffd772;--success:#4fd58e;--success-soft:#11321f;--danger:#ff6d7d;--danger-soft:#3d1820;--warning:#ffb44a;--warning-soft:#3a2a10;--mastery-learning:#e9a800;--mastery-known:#6f88ff;--mastery-mastered:#3cc97c;--heat-1:#283466;--heat-2:#3a4ea0;--heat-3:#5b74e6;--heat-4:#8fa3ff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #00000040, 0 8px 24px -8px #00000080;--shadow-lg:0 2px 4px #00000040, 0 20px 44px -12px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1020;--surface:#161a2d;--surface-2:#1e2339;--surface-3:#2a3150;--border:#272d48;--border-strong:#3a4266;--text:#edf0fa;--text-muted:#a5abc6;--text-faint:#767d9c;--primary:#7f95ff;--primary-hover:#99abff;--primary-soft:#222b57;--primary-soft-text:#b9c5ff;--on-primary:#0d1020;--accent:#ffc83a;--accent-soft:#3a3014;--accent-text:#ffd772;--success:#4fd58e;--success-soft:#11321f;--danger:#ff6d7d;--danger-soft:#3d1820;--warning:#ffb44a;--warning-soft:#3a2a10;--mastery-learning:#e9a800;--mastery-known:#6f88ff;--mastery-mastered:#3cc97c;--heat-1:#283466;--heat-2:#3a4ea0;--heat-3:#5b74e6;--heat-4:#8fa3ff;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 1px 2px #00000040, 0 8px 24px -8px #00000080;--shadow-lg:0 2px 4px #00000040, 0 20px 44px -12px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.02em;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.1rem);font-weight:750;line-height:1.15}h2{letter-spacing:-.01em;font-size:1.15rem;font-weight:700;line-height:1.3}h3{font-size:1rem;font-weight:650}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}img,svg{flex-shrink:0;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn{border-radius:var(--r-md);background:var(--surface-2);min-height:44px;color:var(--text);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.95rem;font-weight:650;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-soft{background:var(--primary-soft);color:var(--primary-soft-text)}.btn-soft:hover:not(:disabled){background:color-mix(in srgb, var(--primary-soft) 80%, var(--primary) 20%)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-success{background:var(--success);color:#fff}.btn-lg{border-radius:var(--r-md);min-height:52px;padding:0 22px;font-size:1.02rem}.btn-block{width:100%}.btn-icon{border-radius:var(--r-full);width:40px;min-height:40px;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px}.card-link{color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.card-link:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.card-link:active{transform:scale(.99)}.section{gap:12px;display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-head a{font-size:.9rem;font-weight:600}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:700}.chip{border-radius:var(--r-full);background:var(--surface-2);height:24px;color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;padding:0 9px;font-size:.75rem;font-weight:650;display:inline-flex}.chip-level{font-variant-numeric:tabular-nums;letter-spacing:.02em}.chip-A1{background:var(--success-soft);color:var(--success)}.chip-A2{background:color-mix(in srgb, var(--success-soft) 50%, var(--primary-soft));color:color-mix(in srgb, var(--success) 50%, var(--primary))}.chip-B1{background:var(--primary-soft);color:var(--primary-soft-text)}.chip-B2{background:color-mix(in srgb, var(--danger-soft) 60%, var(--primary-soft));color:color-mix(in srgb, var(--danger) 55%, var(--primary))}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.segmented{border-radius:var(--r-md);background:var(--surface-2);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{border-radius:calc(var(--r-md) - 4px);min-height:38px;color:var(--text-muted);white-space:nowrap;background:0 0;border:0;flex:auto;padding:0 14px;font-size:.9rem;font-weight:600;transition:background-color .15s,color .15s}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toggle-chips{flex-wrap:wrap;gap:8px;display:flex}.toggle-chip{border-radius:var(--r-full);border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text-muted);align-items:center;gap:6px;padding:0 14px;font-size:.88rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.toggle-chip-more{color:var(--primary);border-style:dashed}.toggle-chip[aria-pressed=true]{background:var(--primary-soft);border-color:color-mix(in srgb, var(--primary) 45%, transparent);color:var(--primary-soft-text)}.field{gap:8px;display:grid}.field-label{color:var(--text-muted);font-size:.85rem;font-weight:650}.input,.textarea{border:2px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);width:100%;color:var(--text);padding:12px 16px;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.textarea{resize:none;min-height:96px;line-height:1.45}.search{position:relative}.search svg{color:var(--text-faint);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search .input{border-width:1px;min-height:48px;padding-left:44px;font-size:1rem}.switch{border-radius:var(--r-full);background:var(--surface-3);border:0;flex-shrink:0;width:46px;height:28px;transition:background-color .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(18px)}.progress-track{border-radius:var(--r-full);background:var(--surface-2);height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--primary);height:100%;transition:width .35s}.mastery-bar{border-radius:var(--r-full);background:var(--mastery-new);height:8px;display:flex;overflow:hidden}.mastery-bar span{height:100%;transition:width .35s}.mastery-learning{background:var(--mastery-learning)}.mastery-known{background:var(--mastery-known)}.mastery-mastered{background:var(--mastery-mastered)}.legend{color:var(--text-muted);flex-wrap:wrap;gap:6px 16px;font-size:.82rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--mastery-new);border-radius:3px;width:10px;height:10px}.pron{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.pron-ipa{font-family:var(--font-ipa);color:var(--text-muted);letter-spacing:.01em}.pron-say{color:var(--primary-soft-text);background:var(--primary-soft);letter-spacing:.02em;border-radius:8px;padding:1px 8px;font-weight:650}.pron-lg .pron-ipa{font-size:1.15rem}.pron-lg .pron-say{padding:3px 10px;font-size:1.05rem}.empty{text-align:center;color:var(--text-muted);justify-items:center;gap:10px;padding:40px 20px;display:grid}.empty svg{color:var(--text-faint)}.toast{left:50%;bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);z-index:50;border-radius:var(--r-md);background:var(--text);max-width:calc(100vw - 32px);color:var(--bg);box-shadow:var(--shadow-lg);padding:12px 18px;font-size:.92rem;font-weight:600;animation:.2s toast-in;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width>=960px){.toast{bottom:24px}}.shell{min-height:100dvh}.main{min-width:0;padding-bottom:calc(var(--nav-height) + var(--safe-bottom))}.page{align-content:start;gap:28px;width:100%;max-width:920px;margin:0 auto;padding:20px 16px 32px;display:grid}.page-head{gap:6px;display:grid}.page-head p{color:var(--text-muted)}.sidebar{display:none}.tabbar{z-index:20;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar .nav-item{min-width:0;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.68rem;font-weight:650;text-decoration:none;display:flex}.tabbar .nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar .nav-item[aria-current=page]{color:var(--primary)}.tabbar .nav-item[aria-current=page] svg{stroke-width:2.4px}@media (width>=960px){.shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);display:grid}.main{padding-bottom:0}.page{gap:32px;padding:40px 40px 56px}.tabbar{display:none}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:28px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:12px;padding:0 8px;display:flex}.brand:hover{text-decoration:none}.brand strong{letter-spacing:-.02em;font-size:1.2rem;display:block}.brand small{color:var(--text-faint);font-size:.78rem;font-weight:600;display:block}.sidebar-nav{gap:4px;display:grid}.sidebar-nav .nav-item{border-radius:var(--r-md);min-height:44px;color:var(--text-muted);align-items:center;gap:12px;padding:0 12px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar-nav .nav-item:hover{background:var(--surface-2);color:var(--text)}.sidebar-nav .nav-item[aria-current=page]{background:var(--primary-soft);color:var(--primary-soft-text)}.direction-badge{border-radius:var(--r-md);background:var(--surface-2);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding:12px;font-size:.85rem;font-weight:600;display:flex}.direction-badge:hover{color:var(--text);text-decoration:none}.direction-badge>span:last-child{width:100%}}.flag{border-radius:3px;box-shadow:0 0 0 1px #00000014}.splash{place-items:center;min-height:100dvh;animation:1.4s ease-in-out infinite pulse;display:grid}@keyframes pulse{50%{opacity:.55}}.ring{flex-shrink:0;position:relative}.ring-label{font-variant-numeric:tabular-nums;place-items:center;font-size:.9rem;font-weight:750;display:grid;position:absolute;inset:0}.grid-2,.grid-3{gap:12px;display:grid}@media (width>=640px){.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:10px;display:grid}.topic-card{align-items:center;gap:14px;padding:14px 16px;display:flex}.topic-card-icon{border-radius:var(--r-md);background:var(--surface-2);width:44px;height:44px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.topic-card-body{flex:1;gap:4px;min-width:0;display:grid}.topic-card-body strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topic-card-body small{color:var(--text-muted);font-size:.8rem;font-weight:600}.guide-link{align-items:center;gap:14px;padding:14px 16px;display:flex}.guide-link .topic-card-icon{background:var(--accent-soft);color:var(--accent-text)}.guide-link small{white-space:normal}.dictionary-search{z-index:4;position:sticky;top:8px}.dictionary-search .input{box-shadow:var(--shadow-md)}.word-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:grid;overflow:hidden}.word-row+.word-row{border-top:1px solid var(--border)}.word-row summary{cursor:pointer;grid-template-columns:auto minmax(0,1.1fr) minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;list-style:none;display:grid}.word-row summary::-webkit-details-marker{display:none}.word-row summary:hover{background:var(--surface-2)}.word-main{min-width:0;display:grid}.word-main strong{overflow-wrap:anywhere}.word-say{color:var(--primary-soft-text);font-size:.82rem;font-weight:600}.word-translation{color:var(--text-muted);overflow-wrap:anywhere}.word-chevron{color:var(--text-faint);transition:transform .2s}.word-row[open] .word-chevron{transform:rotate(180deg)}.word-row[open] summary{background:var(--surface-2)}.word-row-body{background:var(--surface-2);gap:12px;padding:4px 16px 18px 38px;display:grid}.word-row-body .facts{border-top:0;padding-top:0}.word-row-meta{flex-wrap:wrap;gap:6px;display:flex}.word-forms{font-weight:600}.word-dot{background:var(--mastery-new);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:50%}.dot-learning{background:var(--mastery-learning);box-shadow:none}.dot-known{background:var(--mastery-known);box-shadow:none}.dot-mastered{background:var(--mastery-mastered);box-shadow:none}.mastery-chip-learning{background:var(--accent-soft);color:var(--accent-text)}.mastery-chip-known{background:var(--primary-soft);color:var(--primary-soft-text)}.mastery-chip-mastered{background:var(--success-soft);color:var(--success)}.back-link{justify-self:start;align-items:center;gap:4px;margin-bottom:-12px;font-size:.92rem;font-weight:600;display:inline-flex}.topic-head{align-items:center;gap:16px;display:flex}.topic-head-icon{border-radius:var(--r-lg);background:var(--primary-soft);width:60px;height:60px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.topic-head p{margin-top:4px}.topic-progress{gap:14px;display:grid}.topic-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.topic-actions .btn{padding:0 10px}@media (width<=420px){.topic-actions{grid-template-columns:1fr 1fr}.topic-actions .btn-primary{grid-column:1/-1}}.sentence-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.sentence-list li{grid-template-columns:auto 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.sentence-list li+li{border-top:1px solid var(--border)}.sentence-list p:first-child{font-weight:600}.home-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-stat{flex-direction:column;align-items:flex-start;gap:10px;padding:14px;display:flex}.home-stat strong{font-variant-numeric:tabular-nums;font-size:1.35rem;line-height:1.1;display:block}.home-stat small{color:var(--text-muted);font-size:.78rem;font-weight:600;line-height:1.25;display:block}.home-stat-icon{background:var(--surface-2);width:44px;height:44px;color:var(--text-faint);border-radius:50%;place-items:center;display:grid}.home-stat-icon.streak.on{background:var(--accent-soft);color:var(--accent)}.home-stat-icon.learned{background:var(--primary-soft);color:var(--primary)}@media (width>=640px){.home-stat{flex-direction:row;align-items:center;gap:14px;padding:18px}}.home-hero{border-radius:var(--r-xl);background:radial-gradient(500px 220px at 100% 0%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 70%), linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--primary) 70%, #000 30%));color:#fff;box-shadow:var(--shadow-lg);gap:18px;padding:24px;display:grid}:root[data-theme=dark] .home-hero{background:radial-gradient(500px 220px at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), linear-gradient(135deg, #2a3fb0, #18226a)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .home-hero{background:radial-gradient(500px 220px at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), linear-gradient(135deg, #2a3fb0, #18226a)}}.home-hero h2{font-size:1.35rem}.home-hero p{color:#ffffffd1;margin-top:4px}.home-hero-cta{color:#1a2a8f;background:#fff;justify-self:start}.home-hero-cta:hover:not(:disabled){background:#eef1ff}@media (width>=640px){.home-hero{grid-template-columns:1fr auto;align-items:center;padding:28px 32px}}.mode-card{grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:14px 16px;display:grid}.mode-card .mode-icon{grid-row:span 2;margin:0}@media (width>=640px){.mode-card{grid-template-columns:1fr;align-content:start;row-gap:8px;padding:20px}.mode-card .mode-icon{grid-row:auto;margin-bottom:4px}}.mode-card .muted{font-size:.9rem}.mode-icon{border-radius:var(--r-md);place-items:center;width:44px;height:44px;margin-bottom:4px;display:grid}.mode-words{background:var(--primary-soft);color:var(--primary)}.mode-sentences{background:var(--success-soft);color:var(--success)}.mode-cards{background:var(--accent-soft);color:var(--accent-text)}.mode-picker{gap:10px;display:grid}@media (width>=640px){.mode-picker{grid-template-columns:repeat(3,minmax(0,1fr))}}.mode-tile{border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);text-align:left;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:14px 16px;transition:border-color .15s,background-color .15s;display:grid}.mode-tile .mode-icon{grid-row:span 2;margin:0}.mode-tile span:last-child{color:var(--text-muted);font-size:.86rem;line-height:1.35}.mode-tile[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 45%, var(--surface))}@media (width>=640px){.mode-tile{grid-template-columns:1fr;align-content:start;row-gap:6px;padding:18px}.mode-tile .mode-icon{grid-row:auto;margin-bottom:6px}}.setup{gap:22px;display:grid}.setup-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;display:flex}.setup-footer .btn{flex:1 0 auto;max-width:100%}@media (width>=640px){.setup-footer .btn{flex:none;min-width:200px}}.setup-empty{color:var(--warning);font-size:.9rem;font-weight:600}.session{max-width:640px;min-height:100dvh;padding:8px 16px calc(24px + var(--safe-bottom));flex-direction:column;margin:0 auto;display:flex}.session-top{z-index:5;background:var(--bg);align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:0}.session-progress{flex:1;height:10px}.session-count{text-align:right;min-width:44px;color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.session-body{align-content:start;gap:16px;padding-top:12px;display:grid}@media (height>=760px) and (width>=640px){.session-body{padding-top:6vh}}.session-shortcuts{text-align:center;color:var(--text-faint);font-size:.8rem;display:none}@media (hover:hover) and (pointer:fine){.session-shortcuts{display:block}}.prompt-card{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);text-align:center;justify-items:center;gap:10px;padding:28px 20px;display:grid}.prompt-word{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(2rem,1.4rem + 3vw,2.8rem);line-height:1.1}.prompt-sentence{letter-spacing:-.01em;font-size:clamp(1.25rem,1.05rem + 1vw,1.6rem);font-weight:650;line-height:1.35}.prompt-card .pron{justify-content:center}.prompt-retry{color:var(--warning);font-size:.82rem;font-weight:650}@media (height<=620px){.prompt-card{gap:6px;padding:16px}.prompt-word{font-size:1.8rem}}.answer-area{gap:12px;display:grid}.answer-input{text-align:center;min-height:56px;font-size:1.25rem;font-weight:600}textarea.answer-input{text-align:left;font-size:1.1rem;font-weight:500}.answer-ok{border-color:var(--success);background:var(--success-soft)}.answer-bad{border-color:var(--danger);background:var(--danger-soft)}.answer-ok:focus,.answer-bad:focus{box-shadow:none;border-color:currentColor}.answer-ok:focus{border-color:var(--success)}.answer-bad:focus{border-color:var(--danger)}.answer-actions{grid-template-columns:auto auto 1fr;gap:8px;display:grid}.answer-actions .btn-ghost{padding:0 12px}.answer-check{min-height:48px}@media (width<=360px){.answer-actions{grid-template-columns:1fr 1fr}.answer-check{grid-column:1/-1}}.hint-line{text-align:center;letter-spacing:.18em;color:var(--accent-text);font-family:ui-monospace,Cascadia Mono,Segoe UI Mono,Menlo,monospace;font-size:1.2rem}.feedback{border-radius:var(--r-lg);border:1px solid #0000;gap:12px;padding:18px;scroll-margin-bottom:16px;animation:.18s feedback-in;display:grid}@keyframes feedback-in{0%{opacity:0;transform:translateY(6px)}}.feedback-ok{background:var(--success-soft);border-color:color-mix(in srgb, var(--success) 30%, transparent)}.feedback-warn{background:var(--warning-soft);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.feedback-bad{background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.feedback-verdict{align-items:center;gap:8px;font-size:1.1rem;font-weight:750;display:flex}.feedback-ok .feedback-verdict{color:var(--success)}.feedback-warn .feedback-verdict{color:var(--warning)}.feedback-bad .feedback-verdict{color:var(--danger)}.feedback-answer strong{font-size:1.1rem}.feedback-also,.feedback-note{color:var(--text-muted);font-size:.9rem}.feedback-diff{gap:4px;display:grid}.diff{flex-wrap:wrap;gap:4px 6px;font-size:1.02rem;display:flex}.diff span{border-radius:6px;padding:0 4px}.diff-extra{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);text-decoration:line-through}.diff-missing{background:color-mix(in srgb, var(--success) 18%, transparent);color:var(--success);font-weight:650}.diff-typo{-webkit-text-decoration:underline wavy var(--warning);text-decoration:underline wavy var(--warning);text-underline-offset:4px}.override{justify-self:start}.facts{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);gap:10px;padding-top:12px;display:grid}.facts-term{font-size:1.25rem;font-weight:700}.facts-example{gap:2px;margin:0;display:grid}.facts-example .eyebrow{margin-bottom:2px}.facts-example p:first-of-type{font-weight:600}.flashcard{perspective:1400px;cursor:pointer;border-radius:var(--r-xl);-webkit-user-select:none;user-select:none}.flashcard-inner{transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1);display:grid}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);min-height:min(52dvh,380px);box-shadow:var(--shadow-lg);text-align:center;backface-visibility:hidden;grid-area:1/1;align-content:center;justify-items:center;gap:12px;padding:32px 22px;display:grid}.flashcard-face .pron{justify-content:center}.flashcard-back{background:linear-gradient(180deg, color-mix(in srgb, var(--primary-soft) 55%, var(--surface)), var(--surface) 70%);transform:rotateY(180deg)}.flashcard-answer{overflow-wrap:anywhere;font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem);line-height:1.15}.flashcard-back .facts-example{max-width:440px;margin-top:8px}.flashcard-tap{color:var(--text-faint);align-items:center;gap:6px;margin-top:10px;font-size:.82rem;font-weight:600;display:inline-flex}.card-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary{gap:24px}.summary-head{text-align:center;justify-items:center;gap:8px;display:grid}.summary-head h1{align-items:center;gap:10px;margin-top:8px;display:flex}.summary-party{color:var(--accent)}.summary-pct{font-size:1.5rem}.summary-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.summary-list li{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:12px 16px;display:grid}.summary-list li+li{border-top:1px solid var(--border)}.summary-mark{border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.summary-list .ok .summary-mark{background:var(--success-soft);color:var(--success)}.summary-list .bad .summary-mark{background:var(--danger-soft);color:var(--danger)}.summary-prompt{overflow-wrap:anywhere;font-weight:650}.summary-answer{color:var(--text-muted);overflow-wrap:anywhere}.summary-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.guide-explainer{gap:20px;display:grid}@media (width>=720px){.guide-explainer{grid-template-columns:minmax(220px,.8fr) 1.2fr;align-items:center}}.guide-sample{border-radius:var(--r-lg);background:var(--surface-2);text-align:center;justify-items:center;gap:10px;padding:24px 16px;display:grid}.guide-sample strong{letter-spacing:-.02em;font-size:2rem}.guide-sample .pron{justify-content:center}.guide-lines{gap:16px;margin:0;display:grid}.guide-lines dt{align-items:center;gap:10px;font-weight:700;display:flex}.guide-lines dd{color:var(--text-muted);margin:4px 0 0}.sound-table{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:grid;overflow:hidden}.sound-row{grid-template-columns:minmax(84px,auto) 1fr;gap:6px 16px;padding:14px 16px;display:grid}.sound-row+.sound-row{border-top:1px solid var(--border)}.sound-head{display:none}.sound-symbol{align-content:start;justify-items:start;gap:4px;display:grid}.sound-example{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.sound-example-say{color:var(--primary-soft-text);font-weight:600}.sound-tip{color:var(--text-muted);grid-column:2;font-size:.93rem}@media (width>=760px){.sound-row{grid-template-columns:130px minmax(180px,.8fr) 1.4fr;align-items:start}.sound-head{background:var(--surface-2);letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:700;display:grid}.sound-tip{grid-column:auto}}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=760px){.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-tile{gap:2px;padding:16px;display:grid}.stat-tile strong{font-variant-numeric:tabular-nums;margin-top:8px;font-size:1.8rem;line-height:1.1}.stat-tile span{font-weight:650}.stat-tile small{color:var(--text-faint);font-size:.8rem;font-weight:600}.stat-icon.streak{color:var(--accent)}.stat-icon.learned{color:var(--primary)}.stat-icon.answers{color:var(--success)}.stat-icon.sentences{color:var(--mastery-known)}.heatmap{--cell:14px;grid-template-rows:repeat(7, var(--cell));grid-auto-columns:var(--cell);grid-auto-flow:column;gap:4px;padding:2px;display:grid;overflow-x:auto}@media (width>=640px){.heatmap{--cell:18px}}.heat{background:var(--heat-0);border-radius:4px;width:12px;height:12px;display:block}.heatmap .heat{width:auto;height:auto}.heat-1{background:var(--heat-1)}.heat-2{background:var(--heat-2)}.heat-3{background:var(--heat-3)}.heat-4{background:var(--heat-4)}.heat-future{background:0 0}.heat-today{box-shadow:0 0 0 2px var(--accent)}.heat-legend{color:var(--text-faint);justify-content:flex-end;align-items:center;gap:4px;font-size:.78rem;display:flex}.heat-legend span:first-child{margin-right:4px}.heat-legend span:last-child{margin-left:4px}.topic-progress-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:grid;overflow:hidden}.topic-progress-row{color:var(--text);grid-template-columns:auto minmax(0,1fr) 46px;grid-template-areas:"icon name pct""icon bar bar";align-items:center;gap:6px 12px;padding:12px 16px;display:grid}.topic-progress-row:hover{background:var(--surface-2);text-decoration:none}.topic-progress-row+.topic-progress-row{border-top:1px solid var(--border)}.topic-progress-row svg{color:var(--primary);grid-area:icon}.topic-progress-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-weight:600;overflow:hidden}.topic-progress-bar{grid-area:bar}.topic-progress-pct{text-align:right;color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:pct;font-size:.88rem;font-weight:650}@media (width>=640px){.topic-progress-row{grid-template-columns:auto minmax(160px,1fr) minmax(0,1.4fr) 46px;grid-template-areas:"icon name bar pct"}}.settings-card{gap:18px;display:grid}.setting-row{gap:10px;display:grid}.setting-row+.setting-row{border-top:1px solid var(--border);padding-top:18px}.setting-text{gap:2px;display:grid}.setting-label{font-weight:650}.setting-hint{color:var(--text-muted);font-size:.88rem}@media (width>=760px){.setting-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px}.setting-control .segmented{min-width:320px}}.setting-row:has(.switch){grid-template-columns:minmax(0,1fr) auto;align-items:center}.profile-switch{gap:10px;display:grid}@media (width>=640px){.profile-switch{grid-template-columns:1fr 1fr}}.profile-option{border:2px solid var(--border);border-radius:var(--r-md);background:var(--surface);text-align:left;align-items:center;gap:12px;padding:14px 16px;font-weight:600;display:flex}.profile-option[aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary-soft) 45%, var(--surface))}.profile-flags{color:var(--text-faint);align-items:center;gap:4px;display:flex}.data-actions{flex-wrap:wrap;gap:10px;display:flex}.about{justify-items:start;gap:10px}.welcome{min-height:100dvh;padding:32px 16px calc(32px + var(--safe-bottom));background:radial-gradient(1200px 500px at 50% -10%, color-mix(in srgb, var(--primary) 16%, transparent), transparent 70%), var(--bg);place-items:center;display:grid}.welcome-inner{gap:36px;width:100%;max-width:460px;display:grid}.welcome-brand{text-align:center;justify-items:center;gap:10px;display:grid}.welcome-brand h1{margin-top:6px;font-size:2.6rem}.welcome-brand p{color:var(--text-muted);font-size:1.1rem;font-weight:600}.welcome-choices{gap:14px;display:grid}.welcome-choice{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);width:100%;box-shadow:var(--shadow-md);text-align:left;align-items:center;gap:16px;padding:20px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.welcome-choice:hover{border-color:color-mix(in srgb, var(--primary) 50%, transparent);box-shadow:var(--shadow-lg)}.welcome-choice:active{transform:scale(.985)}.welcome-flags{color:var(--text-faint);align-items:center;gap:6px;display:flex}.welcome-choice-text{flex:1;gap:2px;display:grid}.welcome-choice-text strong{font-size:1.15rem}.welcome-choice-text span{color:var(--text-muted)}.welcome-go{color:var(--primary)}.welcome-note{text-align:center;color:var(--text-faint);font-size:.88rem}@media (width<=380px){.welcome-flags svg:not(.flag){display:none}}