:root {
  color-scheme: dark;
  --ink: #f3f6ff;
  --muted: #aeb9d1;
  --muted-strong: #cad3e8;
  --night: #080d1d;
  --night-raised: #101a32;
  --panel: rgba(15, 25, 49, .9);
  --line: rgba(181, 203, 255, .18);
  --sky: #51d9ff;
  --sky-strong: #278bff;
  --gold: #ffd66b;
  --abyss: #ed5dbe;
  --ember: #ff745c;
  --success: #6ff0bd;
  --danger: #ff8c9d;
  --focus: #fff0a6;
  --shadow: 0 18px 55px rgba(0, 0, 0, .32);
  --radius: 18px;
  --radius-small: 11px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { min-width: 320px; margin: 0; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at 42% -12%, #27467d 0, transparent 31rem), radial-gradient(circle at 101% 42%, #4b1d54 0, transparent 34rem), var(--night); }
button, input { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
button:disabled { cursor: not-allowed; opacity: .48; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; }