:root {
  --bg: #0b0f14;
  --fg: #e2e8f0;
  --accent: #38bdf8;
  --accent-glow: rgba(56, 189, 248, 0.2);
  --muted: #64748b;
  --err: #f43f5e;
  --warn: #fbbf24;
  --success: #34d399;
  --line: #1e293b;
  --line-light: #334155;
  --panel: rgba(15, 23, 42, 0.82);
  --font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }

body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font);
  min-height: 100vh;
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
}

canvas#rain {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: block;
}

.crt-overlay {
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  background: radial-gradient(circle at 50% 30%, rgba(56, 189, 248, 0.03), transparent 70%);
}