html,body{height:100%;margin:0;padding:0;background:#000;color-scheme:dark;overscroll-behavior:none}app-root{display:block;min-height:100dvh}:root,:host{color-scheme:dark;--bg-primary:#000;--bg-secondary:#0a0a0a;--bg-tertiary:#141414;--bg-elevated:#1a1a1a;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#a8a8a8;--text-muted:#666;--accent-success:#00ff88;--accent-warning:#ffb800;--accent-error:#ff4444;--brand-primary:#fff;--brand-secondary:#f5f5f5;--border-subtle:#1f1f1f;--border-default:#2a2a2a;--border-strong:#404040;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--shadow-sm:0 1px 2px rgba(0,0,0,.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.4), 0 10px 10px -5px rgba(0,0,0,.2);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.4s cubic-bezier(.68,-.55,.265,1.55);--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--max-width:1200px;--border-radius-button:30px}