:root {
  --bg: #0a0b0f;
  --surface: #111318;
  --surface2: #181c24;
  --surface3: #1e2330;
  --border: #1e2330;
  --border2: #2a3045;
  --accent: #00e5a0;
  --accent2: #0075ff;
  --accent3: #7c3aed;
  --red: #ff3d5a;
  --green: #00e5a0;
  --yellow: #f5c542;
  --orange: #ff8c42;
  --text: #e8eaf2;
  --text2: #b0b8cc;
  --muted: #6b7280;
  --muted2: #4a5263;
  --font-display: 'Syne', sans-serif;
  --font-mono: 'Space Mono', monospace;
  --radius: 6px;
  --radius2: 10px;
  --shadow: 0 4px 24px rgba(0,0,0,0.4);
  --shadow-accent: 0 0 20px rgba(0,229,160,0.15);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{height:100%;font-size:14px}
body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow-x:hidden;line-height:1.5}
a{color:var(--accent);text-decoration:none}
button{cursor:pointer;font-family:inherit}
input,select,textarea{font-family:inherit;background:var(--bg);color:var(--text);border:1px solid var(--border2);border-radius:var(--radius);padding:7px 12px;outline:none;transition:border-color .2s}
input:focus,select:focus,textarea:focus{border-color:var(--accent)}
input::placeholder,textarea::placeholder{color:var(--muted2)}
select option{background:var(--surface2)}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--muted2)}
.up{color:var(--green)}
.down{color:var(--red)}
.flat{color:var(--muted)}
.bold{font-weight:700}
.mono{font-family:var(--font-mono)}
.display{font-family:var(--font-display)}
.muted{color:var(--muted)}
.text2{color:var(--text2)}
hr{border:none;border-top:1px solid var(--border);margin:16px 0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes slideIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.fade-in{animation:fadeIn .3s ease forwards}
.slide-in{animation:slideIn .25s ease forwards}