*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--coral:#ff6b6b;--mint:#4cd4a1;--orange:#ffa349;--purple:#a7b8fa}[data-theme=dark]{--bg:#0d0d14;--surface:#111118;--surface2:#16161f;--border:#1a1a26;--text:#f9fafb;--text-2:#6b7280;--text-3:#374151;--terminal-bg:#07070f;--terminal-border:#ffffff12;--terminal-divider:#ffffff0f;--terminal-text:#b0bac9;--dash-bg:#0a0a12;--dash-surface:#0f0f1a;--dash-border:#ffffff12;--dash-border-subtle:#ffffff0f;--dash-sep:#ffffff14;--dash-text:#f9fafb;--dash-text-2:#6b7280;--dash-text-3:#374151;--dash-card-bg:#ffffff08;--dash-card-border:#ffffff0d;--dash-selected-bg:#ff6b6b0f;--dash-code-bg:#ffffff06;--dash-code-border:#ffffff0d;--dash-code-text:#9ca3af;--dash-ok-text:#4cd4a1;--dash-err-text:#ff6b6b;--dash-method-text:#a7b8fa;--dash-path-text:#6b7280;--dash-shadow:#00000080}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface2:#f1f5f9;--border:#cbd5e1;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--terminal-bg:#f0f4f8;--terminal-border:#cbd5e1;--terminal-divider:#cbd5e1;--terminal-text:#334155;--dash-bg:#f8fafc;--dash-surface:#fff;--dash-border:#e2e8f0;--dash-border-subtle:#e2e8f0;--dash-sep:#e2e8f0;--dash-text:#0f172a;--dash-text-2:#64748b;--dash-text-3:#94a3b8;--dash-card-bg:#f1f5f9;--dash-card-border:#e2e8f0;--dash-selected-bg:#fff5f5;--dash-code-bg:#f8fafc;--dash-code-border:#e2e8f0;--dash-code-text:#334155;--dash-ok-text:#059669;--dash-err-text:#e11d48;--dash-method-text:#4f46e5;--dash-path-text:#64748b;--dash-shadow:#00000014}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Satoshi,sans-serif;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::selection{background:var(--coral);color:#fff}@keyframes fadein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-12px)rotate(2deg)}}.mascot-float{animation:4s ease-in-out infinite float}.github-cta{color:#fff}[data-theme=dark] .github-cta{color:#0d0d14}@media (width<=900px){.hero-mascot{display:none!important}}@media (width<=768px){.nav-links{display:none!important}.nav-links.open{background:var(--surface);border-bottom:1px solid var(--border);z-index:199;flex-direction:column;gap:10px;padding:16px 20px;position:fixed;top:58px;left:0;right:0;display:flex!important}.hamburger{display:flex!important}.compare-scroll{overflow-x:auto}}@media (width>=769px){.hamburger{display:none!important}.nav-links{display:flex!important}}@media (width<=768px){.flow-diagram{flex-direction:column!important;align-items:center!important;min-width:0!important}.flow-diagram-arrow{transform:rotate(90deg)}.oss-stats{border-left:none!important;border-top:1px solid var(--border)!important}}
