@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap";
:root{--bg:#04050b;--surface:#0a0c1cb3;--surface2:#0e102499;--border:#a0b4f017;--border2:#b4c8ff2e;--ink:#e7ecff;--ink-2:#aab2d4;--ink-3:#5a6180;--violet:#a78bfa;--cyan:#67e8f9;--green:#86efac;--rose:#fda4af;--gold:#fde68a;--pink:#f0abfc;--blue:#93c5fd}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.serif{font-family:Instrument Serif,Times New Roman,serif;font-style:italic}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.glass-panel{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);border-radius:16px}.badge{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.badge-on{color:var(--green);background:#86efac14;border:1px solid #86efac2e}.badge-off{color:var(--ink-3);border:1px solid var(--border);background:#ffffff0a}.badge-violet{color:var(--violet);background:#a78bfa1a;border:1px solid #a78bfa33}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.nl{color:var(--ink-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;text-decoration:none;transition:all .14s;display:flex}.nl:hover{color:var(--ink);border-color:var(--border2)}.nl.active{color:var(--violet);background:#a78bfa0f;border-color:#a78bfa59}.nl svg{width:11px;height:11px}
@keyframes mIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@keyframes pls{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideInRight{0%{transform:translate(105%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}
