:root{--bg:#080b0f;--bg2:#0d1117;--bg3:#111820;--border:#1e2730;--border2:#2a3540;--text:#e2e8f0;--text2:#7c8fa3;--text3:#3d4f60;--green:#00e676;--green-dim:#00b85e;--red:#ff3d5a;--red-dim:#c24;--yellow:#ffd600;--blue:#2196f3;--purple:#ce93d8;--font-head:"Syne",sans-serif;--font-mono:"Space Mono",monospace;--radius:8px;--radius-lg:14px;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-head);line-height:1.15}a{color:inherit;text-decoration:none}button{font-family:var(--font-mono);cursor:pointer;background:0 0;border:none}input,select,textarea{font-family:var(--font-mono);font-size:14px}::selection{background:var(--green);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.badge-long{color:var(--green)}.badge-short{color:var(--red)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}