:root{--bg:#F2F0EA;--surface:#FFFEFA;--ink:#1E1810;--muted:#5F5446;--faint:#7F7361;--link:#8A5A00;--lamp:#F2B72E;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#17120B;--surface:#221B12;--ink:#F8EEDC;--muted:#C3B498;--faint:#978870;--link:#F7C23A;--lamp:#F7C23A;color-scheme:dark}}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0 auto;max-width:720px;padding:32px 16px 64px;color:var(--ink);background:var(--bg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--link)}h1,h2{font-family:"Fraunces",ui-serif,Georgia,serif;font-weight:400}h1{font-size:40px;line-height:1.15;margin:24px 0 12px}h2{font-size:24px;margin:36px 0 8px}
p,li{color:var(--muted)}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-size:15px}nav .brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-weight:600;margin-right:auto}
nav img{width:32px;height:32px;border-radius:8px}.hero{text-align:center;padding:48px 0 24px}.hero img{width:120px;height:120px;border-radius:27px;box-shadow:0 18px 48px -18px var(--lamp)}
.hero p{font-size:19px}.card{background:var(--surface);border-radius:18px;padding:18px 20px;margin:12px 0}.card h3{margin:0 0 4px;font-size:17px;color:var(--ink)}.card p{margin:0}
footer{margin-top:48px;font-size:14px;color:var(--faint)}.updated{color:var(--faint);font-size:14px}
