@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600&family=Syne:wght@400;500;600;700;800&display=swap";
:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a24;--bg4:#22222f;--border:#2a2a3a;--border2:#3a3a50;--text:#e8e8f0;--muted:#6b6b8a;--accent:#00ff9d;--accent2:#00cc7d;--purple:#8b5cf6;--blue:#3b82f6;--yellow:#fbbf24;--red:#f87171;--orange:#fb923c;--font-mono:"JetBrains Mono", monospace;--font-sans:"Syne", sans-serif;--radius:8px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-sans)}input,textarea{font-family:var(--font-mono)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}