:root{color-scheme:dark;--bg: #111418;--panel: #181c21;--line: #2a2f36;--fg: #e8eaed;--muted: #9aa0a6;--accent: #4f8cff;--ok: #2fbf71;--warn: #f2a93b;--bad: #ef5350;font:17px/1.45 system-ui,-apple-system,sans-serif}body{margin:0;background:var(--bg);color:var(--fg)}main{max-width:34rem;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) 16px 32px}nav{display:flex;gap:8px;margin-bottom:16px}nav button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg)}nav button[aria-current=page]{border-color:var(--accent)}button{font:inherit;cursor:pointer}section>button:not(.big){padding:10px 14px;margin:4px 8px 4px 0;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg)}.big{width:100%;padding:22px;font-size:1.4rem;border:0;border-radius:16px;color:#fff}.big.play{background:var(--accent)}.big.stop{background:var(--bad)}.big:disabled,button:disabled{opacity:.6}.slider{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:14px 0 6px}.slider input{grid-column:1 / -1;width:100%}.hint,.note{color:var(--muted);font-size:.9rem}.error{color:var(--bad)}.passage,.sentence{font-size:1.15rem;background:var(--panel);padding:12px;border-radius:12px}.verdict-masked{color:var(--ok)}.verdict-partial{color:var(--warn)}.verdict-exposed,.verdict-inaudible{color:var(--bad)}pre{white-space:pre-wrap;font-size:.85rem;color:var(--muted)}