:root{--accent:#1d9e75;--accent-dark:#0d6b52;--bg:#eff6f2;--surface:#fff;--text:#111;--text-body:#222;--muted:#999;--faint:#bbb;--border:#ddd;--track:#d9ede6;--analogy-bg:#f0faf5;--ok-bg:#e8f5e9;--ok:#2e7d32;--no-bg:#ffebee;--no:#c62828;--content-width:640px;--gutter:14px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}p,h1,h2{margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.inner{width:100%;max-width:var(--content-width);margin:0 auto}.header{z-index:1;background:var(--surface);padding:calc(var(--gutter) + env(safe-area-inset-top)) calc(var(--gutter) + env(safe-area-inset-right)) 10px calc(var(--gutter) + env(safe-area-inset-left));position:sticky;top:0;box-shadow:0 1px #0000000f}.body{padding:var(--gutter) calc(var(--gutter) + env(safe-area-inset-right)) var(--gutter) calc(var(--gutter) + env(safe-area-inset-left));flex:1}.nav{background:var(--surface);padding:12px calc(var(--gutter) + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(var(--gutter) + env(safe-area-inset-left));position:sticky;bottom:0;box-shadow:0 -1px #0000000f}.nav .inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.title{color:var(--accent-dark);margin-bottom:12px;font-size:17px;font-weight:700;line-height:1.3}.segmented{border:2px solid var(--accent);border-radius:10px;display:flex;overflow:hidden}.segmented button{min-height:46px;color:var(--accent);background:0 0;border:0;flex:1;font-size:15px;font-weight:700}.segmented button.on{background:var(--accent);color:#fff}.tabs{gap:6px;margin-top:12px;display:flex}.tabs button{border:2px solid var(--border);background:var(--surface);color:#777;border-radius:10px;flex:1;min-height:48px;font-size:15px;font-weight:600}.tabs button.on{background:var(--accent);border-color:var(--accent);color:#fff}.progress-track{background:var(--track);border-radius:3px;height:6px;margin-top:12px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .25s}.progress-row{color:var(--muted);justify-content:space-between;margin-top:5px;font-size:12px;display:flex}.score{color:var(--accent);font-weight:700}.card{background:var(--surface);border-radius:16px;padding:18px}.badge{border-radius:20px;margin-bottom:12px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-noun{color:#2e7d32;background:#e8f5e9}.badge-phrase{color:#1565c0;background:#e3f2fd}.badge-question{color:#e65100;background:#fff8e1}.term{overflow-wrap:anywhere;margin-bottom:4px;font-size:clamp(22px,6vw,28px);font-weight:700;line-height:1.25}.other{color:var(--muted);margin-bottom:14px;font-size:15px;font-style:italic}.audio-row{flex-wrap:wrap;gap:0 10px;margin-bottom:8px;display:flex}.audio-button{color:#555;white-space:pre;background:0 0;border:2px solid #666;border-radius:23px;align-items:center;gap:8px;min-height:46px;margin-bottom:10px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-flex}.audio-button:active:not(:disabled){background:#f0f0f0}.spinner{border:2px solid #ccc;border-top-color:#555;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-label{color:var(--faint);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:700}.explanation{color:var(--text-body);margin-bottom:16px;font-size:16px;line-height:1.6}.analogy{background:var(--analogy-bg);border-left:4px solid var(--accent);border-radius:12px;padding:14px}.analogy-label{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:700}.analogy-text{margin-bottom:10px;font-size:15px;font-weight:500}.prompt{color:#333;margin-bottom:14px;font-size:16px;line-height:1.45}.prompt-term{color:var(--accent);font-size:21px}.options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}@media (width<=360px){.options{grid-template-columns:1fr}}.option{border:2px solid var(--border);background:var(--surface);color:#333;text-align:left;overflow-wrap:anywhere;border-radius:10px;min-height:56px;padding:12px 14px;font-size:15px;font-weight:500;line-height:1.3}.option:disabled{color:#333}.option.correct{background:var(--ok-bg);border-color:var(--ok);font-weight:700}.option.wrong{background:var(--no-bg);border-color:var(--no);font-weight:700}.feedback{color:#333;border-radius:10px;margin-top:4px;padding:10px;font-size:15px;font-weight:600}.feedback.ok{background:var(--ok-bg)}.feedback.no{background:var(--no-bg)}.nav-button{border:2px solid var(--border);background:var(--surface);color:#333;border-radius:10px;min-width:96px;min-height:48px;padding:10px 22px;font-size:15px;font-weight:600}.nav-button.go{background:var(--accent);border-color:var(--accent);color:#fff}.nav-button:disabled{opacity:.3}.nav-count{color:#aaa;font-size:14px;font-weight:600}@media (height<=700px){.header{position:static}}@media (width>=700px){:root{--gutter:24px}.card{padding:28px}}