/* Design tokens + reset */
:root {
  --bg: #161413;
  --bar: rgba(28, 26, 24, 0.95);
  --bar-line: rgba(255, 255, 255, 0.08);
  --ink: rgba(255, 255, 255, 0.88);
  --ink-dim: rgba(255, 255, 255, 0.5);
  --pink: #FF2D6E;
  --pink-glow: rgba(255, 45, 110, 0.4);
  --div: rgba(255, 255, 255, 0.08);
  --shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.6);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  width: 100%; height: 100%; overflow: hidden;
  background: var(--bg); color: var(--ink);
  font-family: 'Poppins', system-ui, sans-serif;
  font-weight: 500;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}