@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0f1117;--surface:#171a21;--surface-2:#1c2029;--code-bg:#12151c;--code-header:#191d25;--border:#262b36;--border-strong:#333a48;--text:#d8dce3;--text-strong:#f2f4f7;--text-dim:#8a93a3;--accent:#5b9df9;--accent-dim:#3d6fb8;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--content-width:720px;--toc-width:220px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.75}a{color:var(--accent);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}img{max-width:100%;height:auto}header{border-bottom:1px solid var(--border);backdrop-filter:blur(8px);z-index:20;background:#0f1117d9;position:sticky;top:0}header nav{align-items:center;gap:28px;max-width:1180px;height:62px;margin:0 auto;padding:0 24px;display:flex}header nav a{color:var(--text-dim);font-size:15px;font-weight:500}header nav a:hover,header nav a.active{color:var(--text-strong);text-decoration:none}header h2{margin:0;font-size:16px;font-weight:600}header h2 a{color:var(--text-strong)}footer{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);margin-top:96px;padding:32px 24px;font-size:14px}.article-shell{grid-template-columns:minmax(0, var(--content-width)) var(--toc-width);justify-content:center;align-items:start;gap:64px;max-width:1180px;margin:0 auto;padding:56px 24px 0;display:grid}.back-link{color:var(--text-dim);margin-bottom:28px;font-size:14px;display:inline-block}.back-link:hover{color:var(--accent);text-decoration:none}.post-title{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 20px;font-size:2.45rem;font-weight:600;line-height:1.2}.tag-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tag{letter-spacing:.01em;color:var(--accent);background:#5b9df91a;border:1px solid #5b9df938;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:500}.byline{color:var(--text-dim);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:28px;font-size:14.5px;display:flex}.byline .author{color:var(--text);font-weight:500}.byline .dot:before{content:"·"}.hero-image{border:1px solid var(--border);border-radius:10px;margin:32px 0 0;display:block;overflow:hidden}.prose{padding-top:8px}.prose>:first-child{margin-top:0}.prose p{margin:0 0 1.35em}.prose h2{letter-spacing:-.015em;color:var(--text-strong);margin:3rem 0 1rem;padding-top:.5rem;font-size:1.6rem;font-weight:600;line-height:1.3}.prose h3{color:var(--text-strong);margin:2.2rem 0 .8rem;font-size:1.22rem;font-weight:600;line-height:1.35}.prose h4{color:var(--text-strong);margin:1.8rem 0 .6rem;font-size:1.05rem;font-weight:600}.prose ul,.prose ol{margin:0 0 1.35em;padding-left:1.4em}.prose li{margin-bottom:.55em;padding-left:.2em}.prose li::marker{color:var(--text-dim)}.prose strong{color:var(--text-strong);font-weight:600}.prose hr{border:none;border-top:1px solid var(--border);margin:3rem 0}.prose blockquote{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);color:var(--text);border-radius:0 8px 8px 0;margin:1.8em 0;padding:16px 20px}.prose blockquote p:last-child{margin-bottom:0}.prose table{border-collapse:collapse;width:100%;margin:1.8em 0;font-size:15.5px}.prose th,.prose td{border:1px solid var(--border);text-align:left;padding:10px 14px}.prose th{background:var(--surface);color:var(--text-strong);font-weight:600}.prose img{border:1px solid var(--border);border-radius:8px;margin:1.8em 0}.prose :not(pre)>code{font-family:var(--font-mono);background:var(--surface-2);border:1px solid var(--border);color:#e6b9a0;border-radius:5px;padding:1.5px 6px;font-size:.86em}.prose pre{border:1px solid var(--border);border-radius:8px;margin:1.5em 0;padding:18px 20px;font-size:14.5px;line-height:1.65;position:relative;overflow-x:auto;background:var(--code-bg)!important}.prose pre code{font-family:var(--font-mono);font-size:inherit;background:0 0;border:none;padding:0}.prose p:has(>strong:only-child):has(+pre){background:var(--code-header);border:1px solid var(--border);font-family:var(--font-mono);border-bottom:none;border-radius:8px 8px 0 0;margin:1.5em 0 0;padding:9px 16px;font-size:12.5px;line-height:1.5}.prose p:has(>strong:only-child):has(+pre) strong{color:var(--text-dim);font-weight:500}.prose p:has(>strong:only-child):has(+pre)+pre{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.copy-btn{background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text-dim);font-family:var(--font-sans);cursor:pointer;opacity:0;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:opacity .15s,color .15s;position:absolute;top:10px;right:10px}.prose pre:hover .copy-btn,.copy-btn:focus-visible{opacity:1}.copy-btn:hover{color:var(--text-strong);border-color:var(--accent-dim)}.toc{max-height:calc(100vh - 120px);font-size:14px;position:sticky;top:90px;overflow-y:auto}.toc-heading{letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);margin:0 0 14px;font-size:11.5px;font-weight:600}.toc ul{border-left:1px solid var(--border);margin:0;padding:0;list-style:none}.toc li{margin:0}.toc a{color:var(--text-dim);border-left:1px solid #0000;margin-left:-1px;padding:5px 0 5px 14px;line-height:1.45;display:block}.toc a:hover{color:var(--text);text-decoration:none}.toc a.depth-3{padding-left:26px;font-size:13.5px}.toc a.is-active{color:var(--accent);border-left-color:var(--accent)}.post-list{max-width:var(--content-width);margin:0 auto;padding:56px 24px;list-style:none}.post-list h1{letter-spacing:-.02em;color:var(--text-strong);margin:0 0 8px;font-size:2.2rem;font-weight:600}.post-list .intro{color:var(--text-dim);margin-bottom:44px}.post-list ul{margin:0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--border);padding:22px 0}.post-list li a{color:var(--text-strong);font-size:1.15rem;font-weight:500}.post-list li .date{color:var(--text-dim);margin-top:4px;font-size:14px;display:block}@media (width<=1080px){.article-shell{max-width:var(--content-width);grid-template-columns:minmax(0,1fr);gap:0}.toc{display:none}}@media (width<=640px){body{font-size:16px}.article-shell{padding-top:32px}.post-title{font-size:1.85rem}.prose h2{font-size:1.4rem}.copy-btn{opacity:1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}