:root{color-scheme:dark;--bg:#10241e;--card:#1a342b;--ink:#f5f2e8;--muted:#b9cbbf;--accent:#d9f49b;--border:#345348}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}main{max-width:850px;margin:auto;padding:32px 22px calc(30px + env(safe-area-inset-bottom))}header{margin-bottom:24px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(24px,5vw,36px);margin:10px 0}h2{font-size:19px;margin:0 0 8px}p{line-height:1.6}header p,.hint,footer,.recordings>p,.session-card>p{color:var(--muted);font-size:14px}#notice{padding:12px 15px;background:#21392f;border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:16px}#notice.error{background:#5a2926;color:#ffe4df}.practice,.session-card,.recordings,details{border:1px solid var(--border);border-radius:20px;padding:22px;margin:16px 0;background:var(--card)}.topline,.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}#position{font-variant-numeric:tabular-nums;color:var(--muted)}.pill{background:#294c3c;color:var(--accent);padding:7px 11px;border-radius:30px;font-size:13px}.pill.recording{background:#763730;color:#ffe3da}progress{width:100%;height:4px;margin-top:18px;accent-color:var(--accent)}#sentence{font-size:clamp(30px,5.4vw,48px);line-height:1.38;font-weight:600;letter-spacing:-.5px;margin:28px 0;overflow-wrap:anywhere;min-height:120px}#countdown{min-height:28px;color:var(--accent);font-size:15px}.actions,.navigation,.settings{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button,select{font:inherit;border:1px solid var(--border);border-radius:12px;padding:13px 16px;background:#29463a;color:var(--ink);cursor:pointer;min-height:46px}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}.actions button{flex:1;white-space:nowrap}.navigation{justify-content:space-between}.navigation button{font-size:13px;padding:10px}.primary{width:100%;background:var(--accent);color:#17261b;font-weight:750;margin-top:22px;min-height:54px}.stop{background:#4c3430}.settings{display:grid;grid-template-columns:repeat(2,1fr)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}select{width:100%;font-size:15px}.hint{line-height:1.6;margin-bottom:0}summary{cursor:pointer;line-height:1.5}#sentence-list{margin-top:15px;max-height:320px;overflow:auto}.sentence-row{display:block;width:100%;text-align:left;margin:6px 0;font-size:14px;line-height:1.5}.sentence-row.active{border-color:var(--accent)}.recording{border-top:1px solid var(--border);padding:18px 0}.recording p{font-size:16px;margin:9px 0}.recording .meta{color:var(--muted);font-size:12px}.recording audio{width:100%;margin:8px 0}.recording .buttons{display:flex;gap:8px;flex-wrap:wrap}.recording button{font-size:13px;padding:10px 12px}textarea{width:100%;margin:15px 0;padding:12px;background:#10241e;color:var(--ink);border:1px solid var(--border);border-radius:8px;font:inherit;line-height:1.6}footer{text-align:center;font-size:12px;line-height:1.8;margin:30px 0 0}body.running .practice{border-color:#a2c570}@media(max-width:480px){main{padding:22px 14px}.practice,.session-card,.recordings,details{padding:18px;border-radius:16px}#sentence{font-size:32px}.actions{gap:6px}.actions button{font-size:13px;padding:11px 8px}.navigation button{font-size:12px;padding:9px}.topline{font-size:14px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

body.running header,body.running #notice,body.running .session-card,body.running #library,body.running .recordings,body.running details,body.running footer,body.running .navigation{display:none}body.running .practice{margin-top:0}body.running main{padding-top:16px}