:root{--paper:#EDEBE6;--head:#121417;--text:#2A2E35;--muted:#686E78;--line:rgba(18,20,23,.12);--book:#0B8A5C}
@media (prefers-color-scheme:dark){:root{--paper:#15171B;--head:#F4F4F2;--text:#CDD1D8;--muted:#9096A0;--line:rgba(255,255,255,.12);--book:#2BC28D}}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:450 17px/1.6 "Inter Tight",-apple-system,Arial,sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
.mark{display:inline-block;font:600 22px/1 "Fraunces",Georgia,serif;color:var(--head);text-decoration:none;margin-bottom:40px}
.mark span{color:var(--book)}
h1,h2{font-family:"Fraunces",Georgia,serif;font-weight:600;color:var(--head);letter-spacing:-.02em;line-height:1.1}
h1{font-size:44px;margin:0 0 24px}
h2{font-size:24px;margin:36px 0 8px}
a{color:var(--head)}
.todo{background:#FFE58A;color:#121417;padding:0 4px;border-radius:4px}
footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);display:flex;gap:20px}
footer a{color:inherit}