*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  background: #080b10;
  color: #c8d6e5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-track {
  background: #0d1117;
}
::-webkit-scrollbar-thumb {
  background: #1e2d40;
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2a3f55;
}

/* Number inputs */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* Selection */
::selection {
  background: rgba(0, 255, 136, 0.2);
  color: #00ff88;
}


:root {
  --green: #00ff88;
  --red: #ff3355;
  --bg: #060910;
  --surface: #0c1018;
  --surface2: #0f1620;
  --border: #131d2a;
  --border2: #1a2535;
  --text: #c4d4e8;
  --muted: #3a5068;
  --font-display: 'Syne', sans-serif;
  --font-mono: 'DM Mono', monospace;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-mono);
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: var(--surface); }
::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: #2a3f55; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type="number"] { -moz-appearance: textfield; }

::selection { background: rgba(0,255,136,0.2); color: #00ff88; }

a { text-decoration: none; }
button { font-family: var(--font-mono); }