:root { --bg:#0A0A0C; --surface:#141418; --ink:#F7F7F8; --ink2:#A6A6B0; --accent:#FFE14D; --sep:#26262E; }
@media (prefers-color-scheme: light) { :root { --bg:#F6F6F8; --surface:#FFFFFF; --ink:#111114; --ink2:#5C5C66; --accent:#8A6D00; --sep:#E6E6EB; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font: 17px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 32px 16px 64px; }
h1 { font-size: 28px; line-height: 1.2; margin: 0 0 8px; }
h2 { font-size: 22px; margin: 32px 0 8px; }
p, li { color: var(--ink); }
.muted { color: var(--ink2); }
a { color: var(--accent); }
header { display:flex; align-items:center; gap:12px; margin-bottom: 24px; }
header img { width: 44px; height: 44px; border-radius: 10px; }
.card { background: var(--surface); border: 1px solid var(--sep); border-radius: 16px; padding: 16px; }
footer { margin-top: 48px; color: var(--ink2); font-size: 14px; }