:root{--accent-h:166;--accent-s:70%;--accent-l:34%;--color-bg:#fafafa;--color-surface:#fff;--color-text:#1a1a1a;--color-muted:#6b6b70;--color-accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--color-accent-hover:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 8%));--color-accent-soft:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 10%);--color-border:#e5e5e7;--gradient-brand:linear-gradient(90deg, var(--color-accent), var(--color-accent-hover));--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px #0000000f, 0 1px 1px #00000008;--shadow-md:0 8px 24px #00000017;--font-body:Inter, Avenir, Helvetica, Arial, sans-serif;--font-heading:"Fraunces", Georgia, serif;font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=dark]{--accent-l:56%;--color-bg:#0f0f11;--color-surface:#17171a;--color-text:#ffffffeb;--color-muted:#9a9aa2;--color-accent-soft:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 16%);--color-border:#29292e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #0006}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--accent-l:56%;--color-bg:#0f0f11;--color-surface:#17171a;--color-text:#ffffffeb;--color-muted:#9a9aa2;--color-accent-soft:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / 16%);--color-border:#29292e;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #0006}}*{box-sizing:border-box}html,body{background-color:var(--color-bg);color:var(--color-text)}body{min-width:320px;min-height:100vh;margin:0;transition:background-color .2s,color .2s}a{color:var(--color-accent);font-weight:500;text-decoration:none}a:hover{color:var(--color-accent-hover)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em;font-weight:600}h1{font-size:2.4em;line-height:1.15}.brand{font-family:var(--font-heading);background-image:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}button{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.5em 1em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .2s,color .2s}button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}button:disabled{cursor:default}button:focus{outline:2px solid var(--color-accent);outline-offset:1px}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-danger{color:#d33;border-color:#d33}.btn-danger:hover:not(:disabled){color:#fff;background-color:#d33;border-color:#d33}input,textarea{color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:.5em .75em;font-family:inherit;font-size:1em}input:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}input:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}