:root{color-scheme:light dark;--font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--bg: #f5f6f8;--surface: #ffffff;--surface-sunken: #eceef2;--border: #dde2e8;--border-strong: #c3cad3;--text: #10141a;--text-muted: #59616e;--text-faint: #79818e;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-contrast: #ffffff;--accent-soft: #e8eeff;--danger: #b42318;--danger-hover: #912018;--danger-soft: #fdf1f0;--danger-border: #f0c9c4;--success: #15803d;--recording: #d92d20;--shadow-sm: 0 1px 2px rgb(16 20 26 / .06), 0 1px 3px rgb(16 20 26 / .1);--shadow-md: 0 2px 6px rgb(16 20 26 / .06), 0 16px 40px rgb(16 20 26 / .1);--focus-ring: 0 0 0 3px rgb(37 99 235 / .3)}@media(prefers-color-scheme:dark){:root{--bg: #0b0d10;--surface: #14171c;--surface-sunken: #1a1e24;--border: #262b33;--border-strong: #39414c;--text: #e6eaef;--text-muted: #9aa4b2;--text-faint: #7a8492;--accent: #60a5fa;--accent-hover: #93c5fd;--accent-contrast: #0b0f14;--accent-soft: #172236;--danger: #f87171;--danger-hover: #fca5a5;--danger-soft: #1d1416;--danger-border: #43262a;--success: #4ade80;--recording: #f87171;--shadow-sm: 0 1px 2px rgb(0 0 0 / .5);--shadow-md: 0 16px 40px rgb(0 0 0 / .45);--focus-ring: 0 0 0 3px rgb(96 165 250 / .35)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;font-weight:600;letter-spacing:-.015em}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:2px}a:hover{color:var(--accent-hover)}code,kbd{font-family:var(--font-mono);font-size:.875em}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-faint)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:transparent;border-color:color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger)}button.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 10%,transparent);border-color:var(--danger)}button.ghost{background:transparent;border-color:transparent;color:var(--text-muted);padding:var(--space-1) var(--space-2)}button.ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:transparent;color:var(--text)}label{display:block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:.8125rem;font-weight:500}input,select,textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;line-height:1.4}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}input[type=checkbox]{width:auto;accent-color:var(--accent)}.card{padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.muted{color:var(--text-muted)}.error{color:var(--danger)}.mono{font-family:var(--font-mono)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}