@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=DM+Sans:wght@300;400;500&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#0d0f12;--surface:#13161b;--green:#2ecc8a;--blue:#185FA5;--amber:#eab428;--red:#e05555;--purple:#7F77DD;--border:rgba(255,255,255,0.07);--text:rgba(255,255,255,0.85);--muted:rgba(255,255,255,0.35);--faint:rgba(255,255,255,0.18)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}:focus-visible{outline:2px solid var(--green);outline-offset:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fadeUp{animation:fadeUp .35s ease both}.animate-pulse-sl{animation:livePulse 2s ease-in-out infinite}.animate-spin{animation:spin .7s linear infinite}