*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:#0d0d0d; --surface:#1a1a1a; --surface2:#222222; --border:#2a2a2a;
  --text:#e0e0e0; --muted:#888888; --faint:#444444;
  --accent:#00d4aa; --bull:#00d4aa; --bear:#ff4757; --warning:#ffa502;
  --radius:8px; --radius-sm:4px;
}
html { scroll-behavior: smooth; }
body { font-family:"Inter",-apple-system,sans-serif; font-size:14px; background:var(--bg); color:var(--text); min-height:100dvh; -webkit-font-smoothing:antialiased; }
button { cursor:pointer; border:none; background:none; font:inherit; color:inherit; }
.tag-bull    { color:var(--bull);    background:rgba(0,212,170,0.12); padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }
.tag-bear    { color:var(--bear);    background:rgba(255,71,87,0.12);  padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }
.tag-neutral { color:var(--muted);   background:rgba(136,136,136,0.12); padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }
.tag-warning { color:var(--warning); background:rgba(255,165,2,0.12);  padding:2px 8px; border-radius:4px; font-size:11px; font-weight:600; }