:root { --bg: #0A0A0C; --fg: #EDEDF0; --muted: #A2A3AB; --link: #7DA7FF; }
@media (prefers-color-scheme: light) { :root { --bg: #F5F5F7; --fg: #151619; --muted: #5C5D62; --link: #1A6FE1; } }
body { margin: 0; padding: 40px 20px 72px; background: var(--bg); color: var(--fg);
       font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; }
main { max-width: 660px; margin: 0 auto; }
img.icon { width: 72px; height: 72px; border-radius: 16px; }
h1 { font-size: 30px; margin: 16px 0 4px; } h2 { font-size: 19px; margin-top: 32px; }
p, li { font-size: 16px; } .muted { color: var(--muted); font-size: 14px; } a { color: var(--link); }
nav a { margin-right: 16px; }