:root{--bg-base:#f5f5fa;--bg-surface:#fff;--bg-elevated:#fff;--bg-hover:#e8e8f0;--bg-active:#ddddf0;--text-primary:#1a1a2e;--text-secondary:#6b6b80;--text-muted:#99a;--border:#e2e2ea;--border-light:#eef;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#e8e8ff;--accent-glow:#6366f126;--success:#16a34a;--error:#dc2626;--warning:#d97706;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 20px #6366f11a;--code-bg:#f0f0f6;--code-text:#1a1a2e;--sidebar-bg:#f0f0f8;--sidebar-width:240px;--transition:.2s ease;--transition-slow:.4s ease}[data-theme=dark]{--bg-base:#0a0a0f;--bg-surface:#12121e;--bg-elevated:#1a1a2e;--bg-hover:#1f1f35;--bg-active:#2a2a45;--text-primary:#e2e2f0;--text-secondary:#8888b0;--text-muted:#55557a;--border:#1e1e32;--border-light:#16162a;--accent:#818cf8;--accent-hover:#6366f1;--accent-light:#1a1a3e;--accent-glow:#818cf81f;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px #818cf814;--code-bg:#18182a;--code-text:#c8c8e0;--sidebar-bg:#0e0e18}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);transition:background var(--transition-slow), color var(--transition-slow);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;line-height:1.6;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-weight:600;line-height:1.3}code,pre{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.25s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor:after{content:"▊";color:var(--accent);animation:.8s step-end infinite blink}.glass{-webkit-backdrop-filter:blur(20px);background:#fff9}[data-theme=dark] .glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fb3}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}button:disabled{opacity:.4;cursor:not-allowed}