/* Colours are the app's Depth tokens (iOS/DuoWorlds/Theme/Theme.swift): ground, ink, ink2, ice, hair. */
:root { --ground: #000000; --glow: rgba(140,207,255,.14); --ink: #f5f7fa; --ink-2: rgba(235,240,248,.64); --ice: #8ccfff; --hair: rgba(255,255,255,.10); }
* { box-sizing: border-box; margin: 0; }
html { color-scheme: dark; }
body {
  background: radial-gradient(ellipse 80% 40% at 50% 0%, var(--glow), transparent 70%), var(--ground);
  color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.55; padding: 48px 16px 64px; min-height: 100vh;
}
main { max-width: 640px; margin: 0 auto; }
h1 { font-size: 34px; letter-spacing: -0.01em; }
h2 { font-size: 19px; margin-top: 32px; }
p, li { color: var(--ink-2); margin-top: 8px; font-size: 16px; }
ul { padding-left: 20px; }
a { color: var(--ice); }
strong { color: var(--ink); }
.meta { margin-top: 4px; }
.home { margin: 0 0 16px; font-size: 15px; }
.home a { text-decoration: none; font-weight: 600; }
.icon { display: block; border-radius: 28px; margin-bottom: 24px; }
.links { margin-top: 24px; display: flex; gap: 24px; flex-wrap: wrap; }