:root {
  color-scheme: dark;
  --bg: #000000;
  --ink: #f5f5f7;
  --muted: #a1a1a6;
  --gold: #e8b53a;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--ink); font-family: var(--font); -webkit-font-smoothing: antialiased; line-height: 1.6; }
main { max-width: 680px; margin: 0 auto; padding: calc(40px + env(safe-area-inset-top, 0px)) 16px calc(64px + env(safe-area-inset-bottom, 0px)); }
h1 { font-size: clamp(32px, 5vw, 44px); font-weight: 800; letter-spacing: -0.04em; line-height: 1.1; margin: 8px 0 24px; }
h2 { font-size: 19px; font-weight: 700; letter-spacing: -0.02em; margin: 32px 0 8px; }
p, li { color: #d2d2d7; font-size: 16px; }
b { color: var(--ink); }
a { color: var(--gold); }
ul { padding-left: 20px; }
.back a, .date, .note { color: var(--muted); font-size: 14px; text-decoration: none; }
.back a:hover { color: var(--ink); }