:root{--bg: #f4f6fb;--surface: #ffffff;--surface-2: #eef1f7;--fg: #172033;--muted: #5d6679;--line: #dde2ec;--accent: #2563eb;--accent-fg: #ffffff;--listen: #16a34a;--speak: #2563eb;--pause: #7c8596;--danger: #dc2626;--warn-bg: #fff7e0;--warn-fg: #7a4b00;--warn-line: #f2c94c;--err-bg: #fdecec;--err-fg: #8a1c1c;--ok: #16a34a;--shadow: 0 10px 30px rgb(20 30 60 / .08);--radius: 18px;--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0f131b;--surface: #171c26;--surface-2: #1f2531;--fg: #e9edf5;--muted: #9aa4b7;--line: #2a3140;--accent: #5b8ff9;--listen: #22c55e;--speak: #5b8ff9;--pause: #8d96a8;--danger: #f87171;--warn-bg: #3a2e10;--warn-fg: #f5d58a;--warn-line: #7a5d14;--err-bg: #3b1616;--err-fg: #fca5a5;--shadow: 0 10px 30px rgb(0 0 0 / .35);color-scheme:dark}}:root[data-theme=dark]{--bg: #0f131b;--surface: #171c26;--surface-2: #1f2531;--fg: #e9edf5;--muted: #9aa4b7;--line: #2a3140;--accent: #5b8ff9;--listen: #22c55e;--speak: #5b8ff9;--pause: #8d96a8;--danger: #f87171;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:17px;line-height:1.5;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{appearance:none;border:0;border-radius:12px;background:var(--accent);color:var(--accent-fg);padding:10px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:44px}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--surface-2);color:var(--fg)}.btn-danger{background:var(--danger)}.btn-sm{padding:6px 12px;min-height:34px;font-size:.9rem}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.banner{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;border:1px solid var(--warn-line);background:var(--warn-bg);color:var(--warn-fg);border-radius:12px;padding:10px 14px;font-size:.95rem}.banner.error{background:var(--err-bg);color:var(--err-fg);border-color:transparent}.banner .btn{flex-shrink:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}