:root,[data-theme=dark]{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2234;--bg-card-hover: #1f2b42;--bg-code: #0d1117;--bg-input: #151d2e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--text-heading: #f1f5f9;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-subtle: rgba(245, 158, 11, .12);--accent-glow: rgba(245, 158, 11, .25);--green: #10b981;--green-subtle: rgba(16, 185, 129, .12);--red: #ef4444;--red-subtle: rgba(239, 68, 68, .12);--blue: #3b82f6;--blue-subtle: rgba(59, 130, 246, .12);--purple: #8b5cf6;--purple-subtle: rgba(139, 92, 246, .12);--cyan: #06b6d4;--cyan-subtle: rgba(6, 182, 212, .12);--border: #1e293b;--border-hover: #334155;--border-accent: rgba(245, 158, 11, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--shadow-glow: 0 0 30px rgba(245, 158, 11, .1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--font-display: "Outfit", -apple-system, sans-serif;--font-body: "Outfit", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-width: 280px;--header-height: 64px}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-code: #f6f8fa;--bg-input: #ffffff;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-heading: #0f172a;--accent: #d97706;--accent-hover: #b45309;--accent-subtle: rgba(217, 119, 6, .1);--accent-glow: rgba(217, 119, 6, .15);--green: #059669;--green-subtle: rgba(5, 150, 105, .1);--red: #dc2626;--red-subtle: rgba(220, 38, 38, .08);--blue: #2563eb;--blue-subtle: rgba(37, 99, 235, .08);--purple: #7c3aed;--purple-subtle: rgba(124, 58, 237, .08);--cyan: #0891b2;--cyan-subtle: rgba(8, 145, 178, .08);--border: #e2e8f0;--border-hover: #cbd5e1;--border-accent: rgba(217, 119, 6, .3);--shadow: 0 4px 24px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .08);--shadow-glow: 0 0 30px rgba(217, 119, 6, .06)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background .3s ease,color .3s ease}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;transition:all .2s ease}input,textarea,select{font-family:var(--font-body);outline:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-heading);line-height:1.3;font-weight:700}code{font-family:var(--font-mono);background:var(--bg-code);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--accent)}pre{font-family:var(--font-mono);background:var(--bg-code);border-radius:var(--radius-sm);padding:1rem;overflow-x:auto;border:1px solid var(--border);font-size:.875rem;line-height:1.7}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:var(--bg-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .5s ease forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}