:root{--bg:#fffaf1;--ink:#2b2418;--muted:#7a6a52;--acc:#b97b12;--card:#fff;--line:#eadcc0;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1024;--ink:#ece6d8;--muted:#a9a08c;--acc:#f3c060;--card:#121a38;--line:#2a3360;color-scheme:dark}}
:root:is([data-theme=dark],[data-theme=month]){--bg:#0b1024;--ink:#ece6d8;--muted:#a9a08c;--acc:#f3c060;--card:#121a38;--line:#2a3360;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Space Grotesk",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}
.wrap{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + 48px)}
.top{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.top img{width:42px;height:42px;border-radius:11px}
.top a{color:var(--ink);text-decoration:none;font:600 13px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
h1{font:500 italic 44px/1.1 "Cormorant Garamond",Georgia,serif;margin:0 0 6px;color:var(--acc)}
h2{font:600 19px/1.3 "Space Grotesk",system-ui,sans-serif;margin:30px 0 8px}
.meta{color:var(--muted);font-size:13px;margin:0 0 22px}
a{color:var(--acc)}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;margin:18px 0}
.todo{background:#ffe9a8;color:#5a3d00;border:1px dashed #c9961d;border-radius:6px;padding:1px 6px;font-weight:600}
ul{padding-left:20px}li{margin:4px 0}
.verse{font:italic 20px/1.5 "Cormorant Garamond",Georgia,serif;color:var(--muted);border-left:2px solid var(--acc);padding-left:14px;margin:28px 0}
footer{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}

:root[data-theme=month]{--bg:#05070A;--ink:#E6F2EE;--muted:#7C8F89;--acc:#3EF0B0;--card:#0B1014;--line:rgba(62,240,176,.35)}