:root {
  --bg: #111;
  --bg2: #1a1a1a;
  --text: #eee;
  --accent: #00e5ff;
  --green: #00ff88;
  --red: #ff3b3b;
}
body.light {
  --bg: #f5f5f5;
  --bg2: #fff;
  --text: #111;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);transition:.3s}
header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg2)}
header h1 span{color:var(--accent)}
#themeToggle{background:none;border:none;font-size:1.5rem;cursor:pointer}
main{padding:1rem 2rem;display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:900px){main{grid-template-columns:2fr 1fr}}
#tickers{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:600px}
th,td{padding:.75rem 1rem;text-align:left}
th{background:var(--bg2);color:var(--accent)}
tr{cursor:pointer}
tr:hover{background:#ffffff08}
.pos{color:var(--green)}
.neg{color:var(--red)}
#chartSection{background:var(--bg2);border-radius:12px;padding:1rem}
footer{text-align:center;padding:1rem;font-size:.75rem;color:#888}