* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
body {
  margin: 0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color: var(--text);
  background: radial-gradient(
      1100px 620px at 70% 12%,
      rgba(246, 195, 67, 0.13),
      transparent 62%
    ),
    radial-gradient(
      900px 520px at 12% 28%,
      rgba(90, 200, 255, 0.08),
      transparent 60%
    ),
    radial-gradient(
      900px 700px at 60% 80%,
      rgba(246, 195, 67, 0.08),
      transparent 65%
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 45%),
    var(--bg);
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}
.muted {
  color: var(--muted);
}
.small {
  font-size: 13px;
}
.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

::selection {
  background: rgba(246, 195, 67, 0.28);
  color: #0b0b10;
}