:root{--radius: 0;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--color-accent: #6b8afd;--color-success: #3ecf8e;--color-error: #f87171;--color-bg: #1a1a1a;--color-surface: #242424;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-muted: #9a9a9a}*,*:before,*:after{box-sizing:border-box;border-radius:var(--radius)}html,body{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5}.app{max-width:960px;margin:0 auto;padding:2rem 1rem}.header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.muted{color:var(--color-muted);font-size:.875rem}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:1.5rem}button{font:inherit;cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.5rem 1rem}button:hover{border-color:var(--color-accent)}button.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}a{color:var(--color-accent)}a:hover{text-decoration:underline}select{font:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:.375rem .5rem}@media (prefers-color-scheme: light){:root:not([data-theme]){--color-bg: #f5f5f5;--color-surface: #fff;--color-border: #ddd;--color-text: #1a1a1a;--color-muted: #666}}[data-theme=dark]{--color-bg: #1a1a1a;--color-surface: #242424;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-muted: #9a9a9a;color-scheme:dark}[data-theme=light]{--color-bg: #f5f5f5;--color-surface: #fff;--color-border: #ddd;--color-text: #1a1a1a;--color-muted: #666;color-scheme:light}