:root {
  --bg: #07080b; --bg2: #0d1117; --bg3: #121826; --panel: #0f1520;
  --line: #243044; --line2: #31425b;
  --text: #d7e0ec; --muted: #7f8ea6; --muted2: #566277;
  --accent: #7cf3c6; --accent2: #49d7a3;
  --warn: #ffb84d; --bad: #ff6b7a; --good: #60e0a2;
  --mono: "SFMono-Regular", Consolas, monospace;
  --sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --radius: 10px;
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: var(--sans); }
body {
  background-image:
    linear-gradient(rgba(124,243,198,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(124,243,198,.045) 1px, transparent 1px);
  background-size: 48px 48px;
}
body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: linear-gradient(180deg, rgba(7,8,11,.18), rgba(7,8,11,.82));
}
button, input, textarea { font: inherit; }
button { cursor: pointer; }