:root {
  color-scheme: dark;
  --bg: #020611;
  --bg-deep: #01030a;
  --panel: rgba(7, 14, 36, .82);
  --panel-strong: rgba(8, 17, 43, .94);
  --ink: #f7f1e2;
  --muted: #aab5cf;
  --muted-2: #74809d;
  --gold: #e8c878;
  --gold-bright: #fff0ad;
  --gold-deep: #9d6427;
  --aqua: #6bded7;
  --violet: #765bff;
  --danger: #f2a9aa;
  --line: rgba(232, 200, 120, .27);
  --line-soft: rgba(232, 200, 120, .13);
  --body-font: Inter, "Hiragino Kaku Gothic ProN", "Yu Gothic", system-ui, sans-serif;
  --display-font: "Iowan Old Style", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --mono-font: ui-monospace, SFMono-Regular, Menlo, monospace;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); color: var(--ink); scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100svh;
  overflow-x: clip;
  color: var(--ink);
  font-family: var(--body-font);
  background:
    radial-gradient(circle at 50% -12%, rgba(51,84,156,.27), transparent 40%),
    radial-gradient(circle at 18% 42%, rgba(118,91,255,.11), transparent 28%),
    radial-gradient(circle at 88% 54%, rgba(107,222,215,.08), transparent 24%),
    linear-gradient(165deg, #01030a 0%, #030b22 52%, #01030b 100%);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image: linear-gradient(rgba(255,255,255,.017) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.013) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at center, black, transparent 80%);
}
button, textarea { font: inherit; }
button {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: .8rem 1.12rem;
  color: var(--ink);
  background: rgba(5,12,32,.9);
  cursor: pointer;
}
button:focus-visible, textarea:focus-visible { outline: 2px solid var(--aqua); outline-offset: 3px; }
button:disabled { opacity: .5; cursor: not-allowed; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--display-font); font-weight: 500; }
h1 { margin-bottom: .4rem; font-size: clamp(2.4rem, 8vw, 5.7rem); letter-spacing: .045em; line-height: 1.03; }
p { line-height: 1.8; }
.screen[hidden] { display: none; }