@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');:root{--bg:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2128;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--text-faint:#484f58;--accent:#58a6ff;--accent-dim:#1f6feb;--accent-glow:rgba(88,166,255,0.15);--tag-bg:#1c2128;--tag-border:#30363d;--tag-text:#79c0ff;--code-bg:#161b22;--code-border:#30363d;--success:#3fb950;--warning:#d29922;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'JetBrains Mono','Fira Code','Cascadia Code',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading:1.75;--leading-tight:1.3;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--content-width:760px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition:0.18s ease}@media (prefers-color-scheme:light){:root{--bg:#ffffff;--bg-surface:#f6f8fa;--bg-elevated:#eaeef2;--border:#d0d7de;--text:#1f2328;--text-muted:#636c76;--text-faint:#9198a1;--accent:#0969da;--accent-dim:#0550ae;--accent-glow:rgba(9,105,218,0.1);--tag-bg:#ddf4ff;--tag-border:#54aeff;--tag-text:#0550ae;--code-bg:#f6f8fa;--code-border:#d0d7de}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);color:var(--text);background-color:var(--bg);min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none;transition:color var(--transition),opacity var(--transition)}a:hover{color:var(--text);opacity:0.85}img{max-width:100%;height:auto;display:block}.site-wrapper{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6);flex:1}.site-header{border-bottom:1px solid var(--border);padding:var(--space-6) 0;margin-bottom:var(--space-12)}.site-header-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-title{font-size:var(--text-xl);font-weight:700;letter-spacing:-0.02em}.site-title a{color:var(--text);display:flex;align-items:center;gap:var(--space-2)}.site-title a::before{content:'◆';color:var(--accent);font-size:var(--text-sm)}.site-title a:hover{opacity:0.8}.site-nav{display:flex;align-items:center;gap:var(--space-1)}.site-nav a{color:var(--text-muted);font-size:var(--text-sm);font-weight:500;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition)}.site-nav a:hover{color:var(--text);background:var(--bg-elevated);opacity:1}main{flex:1}.archive-header{margin-bottom:var(--space-8)}.archive-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em;color:var(--text)}.archive-header p{color:var(--text-muted);margin-top:var(--space-2);font-size:var(--text-sm)}.posts-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.posts-list li{border-radius:var(--radius-md);transition:background var(--transition)}.posts-list li:hover{background:var(--bg-surface)}.post-list-link{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--text-base);font-weight:500}.post-list-link:hover{opacity:1;color:var(--accent)}.post-list-date{font-size:var(--text-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--font-mono)}.post{}.post-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.post-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-0.03em;line-height:var(--leading-tight);color:var(--text);margin-bottom:var(--space-4)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-sm)}.post-meta-sep{color:var(--text-faint)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.tag{display:inline-flex;align-items:center;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text);font-size:var(--text-xs);font-weight:500;padding:2px var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none}.tag::before{content:'#';opacity:0.6;margin-right:1px}.tag:hover{opacity:1;color:var(--accent);border-color:var(--accent)}.post-content{font-size:var(--text-base);line-height:var(--leading)}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-weight:700;letter-spacing:-0.02em;line-height:var(--leading-tight);color:var(--text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.post-content h1{font-size:var(--text-2xl)}.post-content h2{font-size:var(--text-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.post-content h3{font-size:var(--text-lg)}.post-content h4{font-size:var(--text-base)}.post-content p{margin-bottom:var(--space-4);color:var(--text)}.post-content ul,.post-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.post-content li{margin-bottom:var(--space-1)}.post-content blockquote{border-left:3px solid var(--accent);margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);font-style:italic}.post-content blockquote strong{color:var(--text);font-style:normal}.post-content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);overflow-x:auto;margin:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6}.post-content code{font-family:var(--font-mono);font-size:0.875em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--accent)}.post-content pre code{background:none;border:none;padding:0;color:var(--text);font-size:inherit}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.post-content th{background:var(--bg-surface);border:1px solid var(--border);padding:var(--space-2) var(--space-3);font-weight:600;text-align:left;color:var(--text-muted)}.post-content td{border:1px solid var(--border);padding:var(--space-2) var(--space-3);vertical-align:top}.post-content tr:nth-child(even) td{background:var(--bg-surface)}.post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-content a:hover{color:var(--text)}.post-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.tag-header{margin-bottom:var(--space-8)}.tag-header h1{font-size:var(--text-2xl);font-weight:700;letter-spacing:-0.02em}.tag-header .tag-chip{display:inline-block;background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text);font-size:var(--text-xl);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.page-title{font-size:var(--text-3xl);font-weight:700;letter-spacing:-0.03em;line-height:var(--leading-tight)}.page-content{font-size:var(--text-base);line-height:var(--leading)}.page-content h2{font-size:var(--text-xl);font-weight:700;margin:var(--space-8) 0 var(--space-3);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.page-content h3{font-size:var(--text-lg);font-weight:600;margin:var(--space-6) 0 var(--space-2)}.page-content p{margin-bottom:var(--space-4)}.page-content ul,.page-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.page-content li{margin-bottom:var(--space-1)}.page-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.page-content code{font-family:var(--font-mono);font-size:0.875em;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--accent)}.page-content pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);overflow-x:auto;margin:var(--space-6) 0;font-family:var(--font-mono);font-size:var(--text-sm)}.page-content pre code{background:none;border:none;padding:0;color:var(--text)}.page-content blockquote{border-left:3px solid var(--accent);margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);background:var(--bg-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);font-style:italic}.site-footer{border-top:1px solid var(--border);padding:var(--space-8) 0;margin-top:var(--space-16)}.site-footer-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted)}.site-footer a{color:var(--text-muted)}.site-footer a:hover{color:var(--text);opacity:1}.footer-links{display:flex;gap:var(--space-4)}@media (max-width:640px){.site-header-inner{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.post-title{font-size:var(--text-2xl)}.post-list-link{flex-direction:column;gap:var(--space-1)}.site-footer-inner{flex-direction:column;text-align:center}}