:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a24;--bg-elevated: #22222e;--border-primary: #2a2a3a;--border-secondary: #3a3a4a;--border-accent: #4a4a5a;--text-primary: #e4e4ed;--text-secondary: #9898a8;--text-muted: #6a6a7a;--accent-green: #00ff88;--accent-green-dim: #00cc6a;--accent-green-bg: rgba(0, 255, 136, .1);--accent-red: #ff3366;--accent-red-dim: #cc2952;--accent-red-bg: rgba(255, 51, 102, .1);--accent-blue: #00aaff;--accent-blue-dim: #0088cc;--accent-blue-bg: rgba(0, 170, 255, .1);--accent-yellow: #ffcc00;--accent-purple: #aa66ff;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .1s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}.text-green{color:var(--accent-green)}.text-red{color:var(--accent-red)}.text-blue{color:var(--accent-blue)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bg-green{background-color:var(--accent-green-bg)}.bg-red{background-color:var(--accent-red-bg)}.font-mono{font-family:var(--font-mono)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-slide-in{animation:slideIn var(--transition-normal) ease-out}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background:var(--accent-blue);color:var(--bg-primary)}