:root{--text: #1a1a1a;--text-muted: #666;--bg: #fff;--link: #3a86d0;--border: #e0e0e0;--code-bg: #f5f5f5}@media (prefers-color-scheme: dark){:root{--text: #e0e0e0;--text-muted: #999;--bg: #1a1a1a;--link: #7ab6ec;--border: #333;--code-bg: #2a2a2a}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;max-width:80ch;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}header nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}header nav .site-title{font-weight:700;color:var(--text)}header nav .nav-left{display:flex;align-items:center;gap:1rem}header nav .nav-left svg{width:1.2em;height:1.2em;vertical-align:middle}header nav .site-id{display:flex;flex-direction:column;line-height:1.2}header nav .site-id .at{color:var(--link)}header nav .site-name{font-size:.8rem;color:var(--text-muted)}header nav .nav-links{display:flex;align-items:flex-end;gap:1rem;justify-content:flex-end}header nav .nav-links svg{width:1.2em;height:1.2em;vertical-align:middle}main{flex:1}main h1{margin-bottom:1rem}main h1 svg{width:.6em;height:.6em;vertical-align:middle}main h2,main h3,main h4{margin-top:1.5rem;margin-bottom:.5rem}main p,main ul,main ol,main blockquote,main pre,main hr,main table{margin-bottom:1rem}.post-header{margin-bottom:2rem}.post-header h1{margin-bottom:.25rem}.post-meta{color:var(--text-muted);font-size:.9rem}.post-meta .tags a{margin-left:.25rem}.post-meta .tags a::before{content:"#"}.post-list{list-style:none}.post-list li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.4rem 0}.post-list time{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.tag-list{list-style:none}.tag-list li{display:inline-block;margin:.25rem .5rem .25rem 0}.tag-list .count{color:var(--text-muted);font-size:.85rem}.pagination{display:flex;justify-content:space-between;margin-top:2rem}article img{max-width:100%;height:auto}article blockquote{border-left:3px solid var(--border);padding-left:1rem;color:var(--text-muted)}article code{background:var(--code-bg);padding:.15rem .3rem;border-radius:3px;font-size:.9em}article pre{position:relative;overflow-x:auto;padding:1rem;border-radius:4px}article pre code{background:none;padding:0}article pre .copy-btn{position:absolute;top:.5rem;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:.8rem;opacity:0;transition:opacity .15s}article pre:hover .copy-btn{opacity:.6}article pre .copy-btn:hover{opacity:1}article hr{border:none;border-top:1px solid var(--border);margin:2rem 0}.toc{margin-bottom:2rem;font-size:.9rem}.toc summary{cursor:pointer;color:var(--text-muted);font-weight:600}.toc ul{margin-top:.5rem;margin-bottom:0;padding-left:1.25rem}.toc li{padding:.15rem 0}.zola-anchor{color:var(--text-muted);text-decoration:none;margin-left:.5rem;opacity:0;font-size:0}.zola-anchor::after{content:"¶";font-size:1rem}.zola-anchor:hover{opacity:1}*:hover>.zola-anchor{opacity:.4}.back-to-top{display:block;margin-top:3rem;font-size:.85rem;color:var(--text-muted)}