*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d1117;--bg-elevated: #161b22;--bg-code: #0d1117;--border: #21262d;--border-subtle: #161b22;--text: #c9d1d9;--text-muted: #8b949e;--heading: #e6edf3;--accent: #58a6ff;--accent-hover: #79c0ff;--tag-bg: #1c2128;--tag-border: #2d3748;--tag-text: #58a6ff;--inline-code-bg: #1c2128;--inline-code: #ff7b72}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased}.container{max-width:820px;margin:0 auto;padding:0 1.5rem}.site-nav{background:var(--bg-elevated);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.nav-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px}.nav-brand{font-size:1rem;font-weight:700;color:var(--heading);text-decoration:none;letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.nav-brand:hover{color:var(--accent-hover)}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .15s}.nav-links a:hover{color:var(--accent-hover)}.tag{display:inline-block;padding:.2rem .55rem;background:var(--tag-bg);color:var(--tag-text);border:1px solid var(--tag-border);border-radius:4px;font-size:.72rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}.tag:hover{background:#1f2d42;border-color:var(--accent);color:var(--accent-hover)}.hero{padding:3rem 0 2rem;border-bottom:1px solid var(--border);margin-bottom:2.5rem}.hero h1{font-size:1.9rem;font-weight:700;color:var(--heading);letter-spacing:-.03em;margin-bottom:.5rem}.hero p{color:var(--text-muted);font-size:1rem;max-width:560px}.tag-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.tag-bar-label{font-size:.8rem;color:var(--text-muted);align-self:center;margin-right:.25rem}.post-list{list-style:none}.post-item{padding:1.75rem 0;border-bottom:1px solid var(--border-subtle)}.post-item:last-child{border-bottom:none}.post-item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.5rem}.post-date{font-size:.82rem;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.post-tags{display:flex;flex-wrap:wrap;gap:.35rem}.post-title{font-size:1.2rem;font-weight:600;margin-bottom:.4rem}.post-title a{color:var(--heading);text-decoration:none;transition:color .15s}.post-title a:hover{color:var(--accent-hover)}.post-excerpt{font-size:.9rem;color:var(--text-muted);line-height:1.6}.back-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;margin:2rem 0 1.5rem;transition:color .15s}.back-link:hover{color:var(--accent)}.post-header{padding-bottom:1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.post-header time{display:block;font-size:.82rem;color:var(--text-muted);margin-bottom:.6rem}.post-header h1{font-size:1.85rem;font-weight:700;color:var(--heading);letter-spacing:-.03em;line-height:1.3;margin-bottom:1rem}article{padding-bottom:4rem}article h2{font-size:1.45rem;font-weight:700;color:var(--heading);margin:2.5rem 0 .75rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);letter-spacing:-.02em}article h3{font-size:1.15rem;font-weight:600;color:var(--heading);margin:2rem 0 .5rem}article h4{font-size:1rem;font-weight:600;color:var(--heading);margin:1.5rem 0 .4rem}article p{margin-bottom:1rem}article ul,article ol{padding-left:1.5rem;margin-bottom:1rem}article li{margin-bottom:.35rem}article li>ul,article li>ol{margin-top:.35rem;margin-bottom:0}article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}article a:hover{color:var(--accent-hover)}article strong{color:var(--heading);font-weight:600}article img{max-width:100%;border-radius:6px;margin:1.5rem auto;display:block;border:1px solid var(--border)}article blockquote{border-left:3px solid var(--accent);padding:.75rem 1.25rem;background:var(--bg-elevated);color:var(--text-muted);margin:1.5rem 0;border-radius:0 6px 6px 0;font-style:italic}article blockquote p{margin-bottom:0}article table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:.875rem;overflow-x:auto;display:block}article th{background:var(--bg-elevated);color:var(--heading);padding:.6rem .9rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border);white-space:nowrap}article td{padding:.55rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}article tr:hover td{background:var(--bg-elevated)}code{font-family:JetBrains Mono,Fira Code,Consolas,Courier New,monospace;font-size:.875em}article :not(pre)>code{background:var(--inline-code-bg);color:var(--inline-code);padding:.15em .45em;border-radius:4px;border:1px solid var(--border)}article pre,.astro-code{border:1px solid var(--border)!important;border-radius:8px!important;padding:1.25rem!important;overflow-x:auto;margin:1.25rem 0!important;font-size:.875rem;line-height:1.6}article pre code{background:none!important;color:inherit!important;padding:0!important;border:none!important;font-size:1em}.tag-page-header{padding:2rem 0 1.5rem;border-bottom:1px solid var(--border);margin-bottom:2rem}.tag-page-header h1{font-size:1.5rem;font-weight:700;color:var(--heading);margin-bottom:.4rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.tag-page-header p{color:var(--text-muted);font-size:.875rem}.about-page h1{font-size:1.75rem;font-weight:700;color:var(--heading);margin-bottom:1.5rem}.about-content p{color:var(--text);margin-bottom:1rem;font-size:1rem;line-height:1.8}.site-footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;color:var(--text-muted);font-size:.8rem}@media (max-width: 640px){.hero h1,.post-header h1{font-size:1.5rem}article h2{font-size:1.25rem}.nav-brand{font-size:.9rem}}