:root { --bg:#faf7f2; --card:#ffffff; --ink:#1d1a16; --muted:#6b5f53; --accent:#c95f1b; --line:#e2d8ca; --input:#fbf8f3; --chip:#f3ece2; --onaccent:#ffffff; --err:#b3261e; color-scheme:light }
:root[data-theme="dark"] { --bg:#14110f; --card:#1f1a15; --ink:#f5efe6; --muted:#b8a99a; --accent:#f0a35e; --line:#3a3129; --input:#14110f; --chip:#2a231c; --onaccent:#14110f; --err:#ff9d8a; color-scheme:dark }
* { box-sizing:border-box }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }
a { color:var(--accent) }
.site-head { display:flex; align-items:center; gap:12px; padding:14px 20px; border-bottom:1px solid var(--line) }
.site-head .brand { font-size:18px; font-weight:700; color:var(--ink); text-decoration:none; margin-right:auto }
.site-foot { max-width:700px; margin:0 auto; padding:20px; color:var(--muted); font-size:13px; text-align:center; border-top:1px solid var(--line) }
.site-foot a { color:var(--muted); margin:0 6px }
.page { max-width:700px; margin:0 auto; padding:20px; display:grid; gap:12px }
.page h1 { font-size:26px; margin:8px 0 0 }
.page h2 { font-size:17px; margin:18px 0 0 }
.page p, .page li { color:var(--ink) }
.page .updated { color:var(--muted); font-size:13px; margin:0 }
#themeBtn { background:transparent; border:1px solid var(--accent); color:var(--accent); border-radius:999px; padding:6px 14px; cursor:pointer; font:inherit; font-size:14px }