:root{--bg:#faf9f6;--fg:#1b1b1d;--dim:#6b6b70;--acc:#3a5bd0;--line:#e7e4dd;--card:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#131315;--fg:#e9e9ec;--dim:#9a9aa1;--acc:#8ea2ff;--line:#2a2a2e;--card:#1a1a1d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
header{max-width:44rem;margin:0 auto;padding:2.4rem 1.2rem 1rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;border-bottom:1px solid var(--line)}
.name{font:700 1.5rem/1 -apple-system,system-ui,sans-serif;color:var(--fg);text-decoration:none}
.tag{color:var(--dim);font:400 .95rem/1.4 -apple-system,system-ui,sans-serif}
a{color:var(--acc)}
main{max-width:44rem;margin:0 auto;padding:1.6rem 1.2rem 3rem}
.pages{list-style:none;padding:0;margin:0}
.pages li{padding:.7rem 0;border-bottom:1px solid var(--line);font:1.15rem/1.4 -apple-system,system-ui,sans-serif}
.pages a{text-decoration:none}
.empty{color:var(--dim)}
.back{font:.95rem/1 -apple-system,system-ui,sans-serif;margin:0 0 1.5rem}
article h1{font:700 2rem/1.2 -apple-system,system-ui,sans-serif;margin:.2rem 0 1.2rem}
article h2{font:700 1.35rem/1.3 -apple-system,system-ui,sans-serif;margin:2rem 0 .6rem}
article img{max-width:100%}
article pre{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:.9rem;overflow-x:auto;font:14px/1.5 ui-monospace,monospace}
article code{font:.9em ui-monospace,monospace}
article blockquote{margin:1.2rem 0;padding:.2rem 1rem;border-left:3px solid var(--line);color:var(--dim)}
footer{max-width:44rem;margin:0 auto;padding:1.5rem 1.2rem 3rem;color:var(--dim);font:.85rem/1.5 -apple-system,system-ui,sans-serif;border-top:1px solid var(--line)}