:root{color:#173f3a;font-synthesis:none;--ink:#173f3a;--ink-soft:#526965;--paper:#fffdf8;--canvas:#f6f3ed;--accent:#c85f4d;--accent-soft:#f9e9e4;--surface-soft:#e6eee8;--line:#d8ddd8;--line-strong:#c6d0ca;--started:#dcb94f;--mastered:#4f8f65;--success:#39734f;--success-soft:#e7f3e9;--danger:#9f3b30;--danger-soft:#fae9e6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--shadow-raised:0 10px 30px #173f3a0f;background:#f6f3ed;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}a{color:var(--ink)}a,button{-webkit-tap-highlight-color:transparent}button,.button{border-radius:var(--radius-md);background:var(--ink);color:#fff;text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.1rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{background:var(--surface-soft);color:var(--ink)}button.ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}button.danger{background:var(--danger)}button:disabled{opacity:.48;cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #e7a38f}h1,h2,p{overflow-wrap:anywhere}h1{margin:var(--space-2) 0;letter-spacing:-.04em;font-size:clamp(2rem,8vw,3rem);line-height:1.04}h2{letter-spacing:-.015em;margin:0;font-size:1.2rem;line-height:1.25}p{line-height:1.5}.app-shell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.focus-shell{padding-bottom:0}.topbar{height:64px;padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 0 max(20px, env(safe-area-inset-left));align-items:center;display:flex}.brand{color:var(--ink);font-size:1.2rem;font-weight:900;text-decoration:none}.brand span{color:var(--ink-soft);font-weight:550}.page{width:min(760px,100%);padding:var(--space-5) max(18px, env(safe-area-inset-right)) var(--space-6) max(18px, env(safe-area-inset-left));margin:auto}.study-page{width:min(680px,100%);padding-bottom:max(var(--space-5), env(safe-area-inset-bottom))}.page-stack{gap:var(--space-6);display:grid}.section-stack,.exercise-stack,.study-layout,.settings-stack{gap:var(--space-4);display:grid}.page-intro{gap:var(--space-2);display:grid}.page-intro>*{margin-top:0;margin-bottom:0}.home-intro{margin-bottom:calc(var(--space-2) * -1)}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.supporting-text,.muted{color:var(--ink-soft);margin:0}.primary-action{width:100%;min-height:52px}.text-link,.back-link{text-underline-offset:3px;font-weight:700}.back-link{width:fit-content;color:var(--ink-soft)}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.chevron{color:var(--ink-soft);font-size:1.65rem;font-weight:450;line-height:1}.card,.study-card,.progress-panel,.settings-section,.reset-section{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised)}.card{padding:var(--space-5)}.study-card{padding:var(--space-3) clamp(22px, 7vw, 40px) clamp(22px, 7vw, 40px);gap:var(--space-3);display:grid}.progress-panel{padding:var(--space-4);gap:var(--space-3);display:grid}.bottom-nav{z-index:20;padding:10px max(8px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line-strong);-webkit-backdrop-filter:blur(18px);background:#fffdf8fa;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 28px #173f3a1a}.bottom-nav a{min-width:0;min-height:62px;color:var(--ink-soft);border-radius:var(--radius-md);text-align:center;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 3px 6px;font-size:.72rem;font-weight:750;line-height:1;text-decoration:none;transition:color .15s,background .15s,border-color .15s,transform .15s;display:flex}.bottom-nav a:active{transform:scale(.96)}.bottom-nav a.active{color:var(--ink);background:var(--surface-soft);border-color:#c5d7ca;font-weight:900}.nav-icon{place-items:center;width:29px;height:27px;display:grid}.nav-icon svg{width:25px;height:25px}.bottom-nav a.active .nav-icon{color:var(--accent)}.nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.progress{background:#e5e5df;border-radius:999px;height:10px;overflow:hidden}.progress>span{background:var(--accent);height:100%;transition:width .2s;display:block}.layered-progress-wrap{gap:var(--space-2);display:grid}.layered-progress{height:12px;position:relative}.layered-progress>span{position:absolute;inset:0 auto 0 0}.layered-progress>.progress-started{background:var(--started)}.layered-progress>.progress-mastered{background:var(--mastered)}.progress-legend{justify-content:space-between;align-items:flex-start;gap:var(--space-2) var(--space-4);color:var(--ink-soft);font-size:.8rem;font-weight:800;display:flex}.progress-counts{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.progress-counts>span{align-items:center;gap:6px;display:inline-flex}.progress-total{white-space:nowrap;flex:none;margin-left:auto}.legend-swatch{border-radius:4px;flex:none;width:11px;height:11px}.legend-swatch.started{background:var(--started)}.legend-swatch.mastered{background:var(--mastered)}.compact-link-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);overflow:hidden}.compact-topic-link{min-height:68px;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);color:inherit;grid-template-columns:auto minmax(0,1fr) auto;text-decoration:none;display:grid}.compact-topic-link+.compact-topic-link{border-top:1px solid var(--line)}.topic-icon-box{background:var(--surface-soft);border-radius:var(--radius-sm);flex:none;place-items:center;width:42px;height:42px;font-size:1.35rem;display:grid}.topic-list{gap:var(--space-3);display:grid}.topic-link{color:inherit;text-decoration:none}.topic-card{padding:var(--space-4);gap:var(--space-4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);transition:transform .15s,border-color .15s;display:grid}.topic-link:hover .topic-card{border-color:#91a7a1;transform:translateY(-2px)}.topic-card-header{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.topic-card-header h2{margin-bottom:var(--space-1)}.topic-card-header p{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.35}.topic-card .progress-legend{font-size:.74rem}.topic-card .layered-progress-wrap{gap:6px}.topic-hero{align-items:start;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.topic-hero-icon{background:var(--surface-soft);border-radius:var(--radius-md);place-items:center;width:56px;height:56px;font-size:1.8rem;display:grid}.topic-hero h1{margin-top:var(--space-2)}.phrase-list{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);overflow:hidden}.phrase-row{padding:var(--space-3) var(--space-4);gap:3px;display:grid}.phrase-row+.phrase-row{border-top:1px solid var(--line)}.phrase-row strong{font-size:1rem}.phrase-row span{color:var(--ink-soft);line-height:1.4}.study-header{align-items:self-end;gap:var(--space-4);margin-bottom:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.study-header>div{gap:var(--space-2);display:grid}.study-header .progress{margin-bottom:2px}.study-brand{background:0 0;border-radius:0;justify-content:flex-start;gap:.25em;min-height:0;padding:0}.study-step{color:var(--ink-soft);font-size:.85rem;font-weight:800}.quiet-button{min-height:0;color:var(--ink-soft);background:0 0;padding:.45rem .65rem 0;font-size:.85rem}.exercise-header{gap:var(--space-3);padding:var(--space-4) 0 var(--space-2);display:grid}.exercise-title{margin:0;font-size:clamp(2rem,8vw,2.8rem)}.revealed-answer{padding-top:0}.split-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.completion-view{min-height:calc(100vh - var(--space-7));justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.completion-view h1,.completion-view p{margin:0}.completion-mark{background:var(--success-soft);width:72px;height:72px;color:var(--success);border-radius:50%;place-items:center;font-size:2.2rem;font-weight:900;display:grid}.completion-result{color:var(--ink-soft);font-size:1.05rem}.completion-result strong{color:var(--ink);font-size:1.4rem}.choice{background:var(--paper);width:100%;color:var(--ink);border:1px solid var(--line);text-align:left;justify-content:flex-start}.choice.selected{border-color:var(--accent);background:var(--accent-soft)}.choice.selected.correct{border-color:var(--success);background:var(--success-soft)}.choice.selected.incorrect{border-color:var(--danger);background:var(--danger-soft)}.feedback{padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid #efc8bf;border-left:5px solid var(--accent);border-radius:var(--radius-sm)}.feedback.correct{background:var(--success-soft);border-color:#bcd8c3;border-left-color:var(--success)}.feedback.correct strong{color:var(--success)}.feedback.incorrect{background:var(--danger-soft);border-color:#edc4be;border-left-color:var(--danger)}.feedback.incorrect strong{color:var(--danger)}.feedback p{margin:.3rem 0}.answer-text{margin:var(--space-2) 0;font-size:clamp(1.5rem,7vw,2.3rem);font-weight:900;line-height:1.15}.answer-script-secondary{margin:var(--space-1) 0;color:var(--ink-soft);font-size:1rem;font-weight:650}.tokens{align-content:flex-start;gap:var(--space-2);flex-wrap:wrap;min-height:44px;display:flex}.token{background:var(--surface-soft);min-height:44px;color:var(--ink);padding:.6rem .8rem}.token-inactive{text-decoration:line-through;text-decoration-thickness:2px}.token-static{background:var(--accent-soft);min-height:38px;color:var(--ink);border-radius:10px;padding:.5rem .6rem}.answer-zone{align-items:center;gap:var(--space-2);background:var(--paper);border-radius:var(--radius-md);min-height:68px;box-shadow:inset 0 0 0 3px var(--accent-soft);border:2px solid #d8b6ad;flex-wrap:wrap;padding:10px;display:flex}.field{width:100%;min-height:48px;color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:.8rem 1rem}.field:focus,.field:focus-visible{outline:none}label{font-weight:750}.settings-stack{gap:var(--space-5)}.settings-section{overflow:hidden}.settings-section>h2{padding:var(--space-4) var(--space-4) var(--space-3)}.settings-list{border-top:1px solid var(--line)}.setting-row{min-height:64px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.setting-row+.setting-row{border-top:1px solid var(--line)}.setting-row>span{gap:2px;min-width:0;display:grid}.setting-row strong{line-height:1.25}.setting-row small{color:var(--ink-soft);font-size:.78rem;font-weight:550;line-height:1.3}.setting-row select{max-width:52%;min-height:40px;color:var(--ink);background:var(--canvas);border:1px solid var(--line-strong);border-radius:10px;padding:.45rem .65rem;font-weight:700}.setting-row input[type=checkbox]{width:24px;height:24px;accent-color:var(--ink);flex:none}.setting-row-stacked{align-items:stretch;gap:var(--space-2);flex-direction:column}.setting-row-stacked select{width:100%;max-width:none}.range-control{width:100%;accent-color:var(--ink)}.data-section{padding:var(--space-4);gap:var(--space-3);display:grid}.data-section>h2{padding:0}.button-stack{gap:var(--space-2);display:grid}.reset-section{padding:var(--space-4);gap:var(--space-4);box-shadow:none;background:#fffaf8;border-color:#e5c4bf;display:grid}.reset-section h2,.reset-section p{margin:0}.reset-section p{margin-top:var(--space-1);color:var(--ink-soft);font-size:.9rem}.app-version{color:var(--ink-soft);text-align:center;margin:0;font-size:.72rem;font-weight:650}.global-error{z-index:30;padding:var(--space-3) var(--space-4);background:var(--danger);color:#fff;text-align:center;position:sticky;top:0}.update-toast{z-index:40;right:var(--space-4);bottom:calc(98px + env(safe-area-inset-bottom));width:min(340px,100% - 32px);padding:var(--space-4);background:var(--ink);color:#fff;border-radius:var(--radius-md);position:fixed;box-shadow:0 15px 50px #0003}.update-toast p{margin:.4rem 0}.update-toast button{color:var(--ink);background:#fff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=720px){.app-shell{padding-bottom:var(--space-5)}.focus-shell{padding-bottom:0}.bottom-nav{width:min(760px,100% - 40px);margin:0 auto var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);position:static}.page{padding-top:var(--space-6)}.topbar{width:min(760px,100%);margin:auto}.update-toast{bottom:var(--space-5)}.reset-section{grid-template-columns:minmax(0,1fr) auto;align-items:center}.reset-section button{width:auto}}