:root{--bg:#f5f2ed;--bg-alt:#ebe6df;--fg:#2c2825;--muted:#787067;--border:#d4cec4;--link:#5c534a;--hover:#2c2825}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1f1d1a;--bg-alt:#2a2723;--fg:#e8e4de;--muted:#9a938a;--border:#3d3935;--link:#c4bdb4;--hover:#e8e4de}}:root[data-theme=dark]{--bg:#1f1d1a;--bg-alt:#2a2723;--fg:#e8e4de;--muted:#9a938a;--border:#3d3935;--link:#c4bdb4;--hover:#e8e4de}#theme-toggle{background:0 0;border:none;color:var(--link);cursor:pointer;font-size:1rem;margin-left:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.6;max-width:40rem;margin:0 auto;padding:2rem 1rem;background:var(--bg);color:var(--fg);min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--link);text-decoration:none}a:hover{color:var(--hover);text-decoration:underline}header{margin-bottom:3rem}nav{display:flex;gap:1rem}nav a{font-weight:500}h1{font-size:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}.posts{list-style:none}.posts li{display:block;gap:1rem;margin:.25rem 0;padding-top:1rem}.posts li:not(:first-child){border-top:1px solid var(--border)}.posts time{color:var(--muted);font-size:.875rem}.posts p{color:var(--muted);font-size:.8rem;margin:.25rem 0 .5rem}.post-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.post-nav{display:flex;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.post-nav .prev{margin-right:auto}.post-nav .next{margin-left:auto}article header{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}article time{display:block;color:var(--muted);font-size:.875rem}article h2{font-size:1.3rem}article h3{font-size:1.15rem}article h4{font-size:1rem}article h2,article h3,article h4{position:relative}article ul{margin-left:1rem}.anchor{opacity:0;left:-1.2em;position:absolute;text-decoration:none}h2:hover .anchor,h3:hover .anchor,h4:hover .anchor{opacity:1}.code-block{position:relative}.copy{position:absolute;top:.5rem;right:.5rem;background:var(--bg);border:1px solid var(--border);color:var(--muted);padding:.2em .5em;font-size:.75rem;border-radius:3px;cursor:pointer}.copy:hover{color:var(--fg)}code{font-family:ui-monospace,monospace;font-size:.875em;background:var(--bg-alt);padding:.1em .3em;border-radius:3px}pre{background:var(--bg-alt);padding:1rem;overflow-x:auto;border-radius:4px;margin:1rem 0}pre code{background:0 0;padding:0}blockquote{border-left:2px solid var(--border);padding-left:1rem;color:var(--muted);margin:1rem 0}footer{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}.tags{margin-top:.5rem}.tags a{font-size:.7rem;color:var(--muted);margin-right:.5rem}.tags a:hover{color:var(--fg)}