:root{--color-bg-primary:#0a0e1a;--color-bg-secondary:#111827;--color-bg-tertiary:#1a2035;--color-bg-elevated:#111827b3;--color-bg-glass:#11182773;--color-bg-glass-hover:#111827a6;--color-surface-primary:#1a2035cc;--color-surface-secondary:#1e293b99;--color-surface-hover:#1e293bd9;--color-surface-active:#253147e6;--color-accent-cyan:#00d4ff;--color-accent-cyan-dim:#00d4ff26;--color-accent-cyan-glow:#00d4ff66;--color-accent-violet:#8b5cf6;--color-accent-violet-dim:#8b5cf626;--color-accent-violet-glow:#8b5cf666;--color-accent-amber:#f59e0b;--color-accent-amber-dim:#f59e0b26;--color-accent-emerald:#10b981;--color-accent-emerald-dim:#10b98126;--color-accent-rose:#f43f5e;--color-accent-rose-dim:#f43f5e26;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-accent:var(--color-accent-cyan);--color-text-inverse:#0a0e1a;--color-border-subtle:#94a3b814;--color-border-default:#94a3b826;--color-border-accent:#00d4ff4d;--color-border-glow:#00d4ff80;--font-heading:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--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;--text-5xl:3rem;--text-6xl:3.75rem;--leading-tight:1.15;--leading-normal:1.5;--leading-relaxed:1.65;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow-cyan:0 0 20px #00d4ff26,0 0 60px #00d4ff0d;--shadow-glow-violet:0 0 20px #8b5cf626,0 0 60px #8b5cf60d;--shadow-glow-amber:0 0 20px #f59e0b26,0 0 60px #f59e0b0d;--shadow-inner-glow:inset 0 1px 1px #ffffff0d;--glass-blur:blur(20px);--glass-blur-lg:blur(40px);--glass-border:1px solid var(--color-border-subtle);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--z-below:-1;--z-base:0;--z-above:10;--z-sticky:50;--z-modal:100;--z-tooltip:200;--z-overlay:500;--max-width:1200px;--sidebar-width:280px;--header-height:64px}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scrollbar-gutter:stable}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100dvh;overflow-x:hidden}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:inherit;background:0 0;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}::selection{background:var(--color-accent-cyan-dim);color:var(--color-text-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d4ff26}50%{box-shadow:0 0 40px #00d4ff4d,0 0 80px #00d4ff1a}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawLine{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-10deg)scale(.9)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes borderGlow{0%,to{border-color:#00d4ff33}50%{border-color:#00d4ff80}}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}
#root{flex-direction:column;min-height:100dvh;display:flex}.math-bold{font-weight:var(--weight-bold);color:var(--color-text-primary)}.math-highlight{color:var(--color-accent-amber);border-radius:var(--radius-sm);font-weight:var(--weight-medium);background-color:#f59e0b33;padding:0 4px}.math-underline{text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-cyan);text-decoration-color:var(--color-accent-cyan);text-underline-offset:3px;text-decoration-thickness:2px}