:root{--paper:#FFFCF2;--ink:#3A332C;--body:#42392F;--muted:#6B6055;--rule:#E0D6BE;--accent:#E8657C}
@media (prefers-color-scheme:dark){:root{--paper:#26231E;--ink:#F1E9D8;--body:#E6DECD;--muted:#A79D8B;--rule:#4A4438}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--body);
  font:16.5px/1.6 ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:28px 16px 72px}
a{color:var(--ink)}
header{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:2.5px solid var(--rule)}
header img{width:44px;height:44px;border-radius:12px;display:block}
header b{font-size:20px;color:var(--ink)}
header span{color:var(--muted);font-size:14px}
h1{font-size:27px;line-height:1.2;color:var(--ink);margin:26px 0 4px}
h2{font-size:18.5px;color:var(--ink);margin:30px 0 6px}
.date{color:var(--muted);font-size:14px;margin:0}
ul{padding-left:20px}li{margin:5px 0}
.note{border:2.5px solid var(--rule);border-radius:14px;padding:13px 15px;margin:22px 0}
footer{margin-top:40px;padding-top:16px;border-top:2.5px solid var(--rule);color:var(--muted);font-size:14px}