:root{--bg:#F4F1EA;--card:#FFFDF8;--ink:#1B2420;--soft:#55615A;--line:#D9D4C7;--brand:#1F5A3C;--accent:#B84A06}
:root[data-theme="dark"]{--bg:#161B26;--card:#1F2635;--ink:#E6EAF2;--soft:#A8B2C3;--line:#34423A;--brand:#6CC08F;--accent:#FF8A45}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#161B26;--card:#1F2635;--ink:#E6EAF2;--soft:#A8B2C3;--line:#34423A;--brand:#6CC08F;--accent:#FF8A45}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.65}
header{border-bottom:4px solid var(--accent);background:var(--card)}
.bar{max-width:760px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:12px}
.bar img{width:40px;height:40px;border-radius:9px}
.bar a.name{font-weight:700;color:var(--ink);text-decoration:none;flex:1}
#theme{background:none;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:6px 10px;font:inherit;font-size:14px;cursor:pointer}
main{max-width:760px;margin:0 auto;padding:8px 20px 40px}
h1{color:var(--brand);line-height:1.25}
h2{margin-top:32px;font-size:1.15rem}
a{color:var(--brand)}
.note{background:var(--card);border-left:4px solid var(--accent);padding:12px 16px;border-radius:6px}
.muted{color:var(--soft);font-size:14px}
footer{max-width:760px;margin:0 auto;padding:20px;border-top:1px solid var(--line);color:var(--soft);font-size:14px}