:root { --night:#221e33; --dusk:#2e2946; --cream:#fff4e0; --muted:#b0a8c7; --marigold:#f4b23e; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--night); color: var(--cream); font-family: ui-rounded, 'Nunito', system-ui, sans-serif; font-size: 17px; line-height: 1.55; }
main { max-width: 680px; margin: 0 auto; padding: 32px max(20px, env(safe-area-inset-left)) 60px; }
h1 { font-size: 34px; margin: 0 0 4px; }
h2 { font-size: 21px; margin: 30px 0 8px; color: var(--marigold); }
p, li { color: #eee6d6; }
.muted { color: var(--muted); }
a { color: var(--marigold); }
.back { display: inline-block; margin-bottom: 18px; font-weight: 700; text-decoration: none; }
.box { background: var(--dusk); border-radius: 18px; padding: 16px 18px; }