:root{--bg:#fdf8f3;--fg:#2b2420;--muted:#6b5f57;--accent:#c26a2e;--card:#fff}
@media (prefers-color-scheme:dark){:root{--bg:#1c1816;--fg:#f1e9e2;--muted:#b3a69c;--accent:#f0a46a;--card:#26211e}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
main{max-width:640px;margin:0 auto;padding:48px 16px}
header{display:flex;align-items:center;gap:16px;margin-bottom:32px}
header img{width:64px;height:64px;border-radius:50%}
header a{color:inherit;text-decoration:none}
h1{font-size:1.6rem;margin:0}
h2{font-size:1.15rem;margin-top:2em}
a{color:var(--accent)}
.sub{color:var(--muted);margin:0}
nav{margin-top:40px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--muted) 30%,transparent);color:var(--muted);font-size:.9rem}