:root{--color-bg: #0a0a10;--color-bg-elevated: #14141c;--color-bg-input: #1a1a24;--color-border: #2a2a38;--color-border-hover: #3a3a4a;--color-text: #ddd;--color-text-muted: #888;--color-text-faint: #555;--color-accent: #7a9ae6;--color-accent-hover: #9ab5f0;--color-error: #e08080;--color-success: #80c080;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: ui-monospace, SFMono-Regular, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--duration-fast: .12s;--duration-base: .2s}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer}input,button,textarea,select{font:inherit;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}