:root {
  --bg:#0b0b0b;
  --panel:#151515;
  --text:#f5f5f5;
  --muted:#9aa0a6;
  --accent:#80eec0;

  --border:#222;
  --surface:#111;
  --chip:#1c1c1c;

  --topbar-h: 48px;

  /* layout caps for centered sections/mini-player */
  --page-max: 640px;
  --page-pad: 16px;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial;
}

img{ max-width: 100%; display: block; }
a{ color: inherit; text-decoration: none; }
button{ font: inherit; }

.view{ display:none; }
.view.active{ display:block; }