:root{--color-bg-base: #0a0a0f;--color-bg-surface: #13131a;--color-bg-elevated: #1c1c26;--color-bg-overlay: #24242f;--color-bg-input: #1c1c26;--color-brand: #6366f1;--color-brand-hover: #4f52d9;--color-brand-subtle: rgba(99, 102, 241, .12);--color-text-primary: #f0f0f8;--color-text-secondary: #a0a0be;--color-text-tertiary: #55556a;--color-text-placeholder: #44445a;--color-text-inverse: #ffffff;--color-border: #2a2a3a;--color-border-subtle: #1e1e2a;--color-border-focus: #6366f1;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .12);--color-hat-1: #6366f1;--color-hat-2: #ec4899;--color-hat-3: #f59e0b;--color-hat-4: #10b981;--color-hat-5: #3b82f6;--color-hat-6: #a855f7;--color-hat-7: #ef4444;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 30px;--text-3xl: 38px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--touch-min: 44px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .12s;--duration-base: .2s;--duration-slow: .35s;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 16px rgba(0,0,0,.5);--shadow-lg: 0 8px 32px rgba(0,0,0,.6);--nav-height: 60px;--max-content-width: 480px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--color-bg-base);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea,button,select{font:inherit}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}