/* base.css — reset + typography + the shell. */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background:
    radial-gradient(1200px 820px at 50% -12%, #201b3a 0%, #0c0a18 55%, var(--ink) 100%);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 18px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--gold); text-decoration: none; }
a:hover { text-decoration: underline; }

#app { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2.5rem 1.25rem; }
#app[data-loading] { color: var(--muted); font-style: italic; letter-spacing: .04em; }

.muted { color: var(--muted); }
.small { font-size: .85rem; }