:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2332;--bg-card-alt: #1e293b;--bg-input: #0f172a;--bg-hover: #243044;--border: #2d3a4d;--border-light: #1e293b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--accent-blue: #3b82f6;--accent-blue-dim: #1e40af;--accent-green: #22c55e;--accent-green-dim: #166534;--accent-red: #ef4444;--accent-red-dim: #7f1d1d;--accent-yellow: #eab308;--accent-orange: #f97316;--accent-purple: #a78bfa;--accent-pink: #f472b6;--accent-cyan: #22d3ee;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow: 0 2px 8px rgba(0,0,0,.3);--shadow-lg: 0 4px 16px rgba(0,0,0,.4);--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-weight:600;line-height:1.3}button{font-family:inherit;cursor:pointer;transition:all .15s ease;outline:none}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default;opacity:.45}select,input{font-family:inherit;outline:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-blue);border:2px solid var(--bg-primary);box-shadow:0 0 4px #3b82f680;cursor:pointer}input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:2000px}}::selection{background:var(--accent-blue);color:#fff}