.youtube-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}:root{--bg:#0b0c10;--fg:#e5e7eb;--muted:#9aa1aa;--link:#6cb2ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.container{max-width:900px;margin:0 auto;padding:1rem 1.25rem}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav a{padding:.25rem .5rem;background:#111827;border-radius:.5rem}h1,h2,h3{line-height:1.25}.meta{color:var(--muted);font-size:.95rem}ul.list{list-style:none;padding:0}ul.list li{padding:.35rem 0;border-bottom:1px dashed #1f2937}.badge{display:inline-block;padding:.1rem .4rem;border-radius:.5rem;background:#111827;color:#cbd5e1;font-size:.8rem;margin-right:.35rem}.tag-cloud{font-size:.95rem}.tag-cloud a{margin:.25rem .5rem .25rem 0;display:inline-block;padding:.22rem .6rem;border-radius:.55rem;background:#0e1424;color:#cbd5e1;text-decoration:none;line-height:1.2;font-weight:clamp(500,400 + 100 * (var(--w,1)),650);filter:brightness(calc(1 + (var(--w,0) * .15)))}.tag-cloud a{font-size:clamp(.8rem,1rem + 1vw,2rem)}.tag-cloud a:hover{background:#111827;text-decoration:none transform:translateY(-1px)}.post-title{margin:0 0 .25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav a.active{background:var(--link);color:#fff;text-decoration:none}.nav a.active:hover{background:var(--link);color:#fff}.brand{margin:0 0 .25rem}.brand-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--fg);text-decoration:none;font-size:1.25rem;font-weight:600}.brand-link:hover{text-decoration:none}.logo{width:24px;height:24px;border-radius:.25rem}.float-right-img{float:right;margin:0 0 1rem 1rem;max-width:33%}.float-left-img{float:left;margin:0 1rem 1rem 0;max-width:33%}.clearfix::after{content:"";display:block;clear:both}@media(max-width:720px){.float-right-img,.float-left-img{float:none;display:block;margin:0 auto 1rem;max-width:60%}}@media(max-width:700px){.prose pre,.prose pre code,pre.chroma,pre.chroma code,code.chroma{font-size:clamp(.82rem,.78rem + .6vw,.9rem);line-height:1.45}.chroma .ln{padding-right:.35rem;margin-right:.35rem;min-width:2.6ch}}.meta{color:var(--muted);font-size:.9rem}.meta a{text-decoration:none}.meta .post-date{color:var(--muted);font-variant-numeric:tabular-nums}.meta a:hover{text-decoration:underline}.meta>span[aria-hidden=true]:first-child,.meta>span[aria-hidden=true]:last-child{display:none}.badge--draft{background:#7c2d12;color:#fff;border:1px solid rgba(255,255,255,.15)}.prose.draft{position:relative;border:1px dashed #7c2d12;padding:1rem;border-radius:.5rem;background-image:repeating-linear-gradient( -45deg,rgba(124,45,18,8%) 0,rgba(124,45,18,8%) 10px,transparent 10px,transparent 20px )}.prose.draft::before{content:"DRAFT";position:absolute;top:12px;right:-28px;transform:rotate(30deg);font-weight:700;font-size:2.4rem;letter-spacing:.15rem;color:rgba(124,45,18,.25);pointer-events:none;user-select:none}.draft-banner{background:#3f1d0f;border:1px solid #7c2d12;padding:.75rem 1rem;border-radius:.5rem;margin:.5rem 0 1rem;color:#f8fafc}.draft-banner a{color:#ffd7a6;text-decoration:underline}:root{--bg:#0b0c10;--fg:#e5e7eb;--muted:#9aa1aa;--link:#6cb2ff;--code-bg:var(--bg);--code-fg:var(--fg);--code-muted:var(--muted);--code-func:#93c5fd;--code-keyword:#c4b5fd;--code-string:#86efac;--code-number:#fbbf24;--code-type:#5eead4;--code-const:#f59e0b;--code-attr:#e5e7eb;--code-operator:#e5e7eb;--code-builtin:#a5b4fc;--code-deco:#94a3b8;--code-mark:rgba(255, 255, 0, .15);--code-line:rgba(255, 255, 255, .06);--code-sel:rgba(108, 178, 255, .18);--code-error:#f87171;--code-insert:#102a14;--code-delete:#3b0f10}.chroma{color:var(--code-fg);background:var(--code-bg)}pre.chroma{margin:1rem 0;padding:1rem;border-radius:.75rem;overflow:auto}pre.chroma code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,monospace;font-size:.95rem}pre.chroma ::selection{background:var(--code-sel)}.chroma .lnt,.chroma .ln{color:var(--code-muted)}.chroma .lntd{padding-right:.75rem;border-right:1px solid var(--code-line)}.chroma .hl{background:linear-gradient(90deg,rgba(255,255,255,3%),rgba(255,255,255,0))}.chroma .lnlinks{color:var(--code-muted);text-decoration:none}.chroma .c{color:var(--code-muted);font-style:italic}.chroma .cp{color:var(--code-muted)}.chroma .cm{color:var(--code-muted);font-style:italic}.chroma .c1{color:var(--code-muted);font-style:italic}.chroma .cs{color:var(--code-muted);font-weight:600}.chroma .k{color:var(--code-keyword)}.chroma .kc{color:var(--code-const)}.chroma .kd{color:var(--code-keyword)}.chroma .kn{color:var(--code-operator)}.chroma .kp{color:var(--code-keyword)}.chroma .kr{color:var(--code-keyword);font-weight:600}.chroma .kt{color:var(--code-type)}.chroma .o{color:var(--code-operator)}.chroma .ow{color:var(--code-operator);font-weight:600}.chroma .na{color:var(--code-attr)}.chroma .nb{color:var(--code-builtin)}.chroma .bp{color:var(--code-builtin)}.chroma .nc,.chroma .nn,.chroma .nt{color:var(--code-type)}.chroma .nf{color:var(--code-func)}.chroma .fm{color:var(--code-func);font-style:italic}.chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi{color:var(--code-fg)}.chroma .nl{color:var(--code-func)}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .s1,.chroma .s2,.chroma .sd,.chroma .se,.chroma .sh,.chroma .si,.chroma .sr,.chroma .ss,.chroma .sx{color:var(--code-string)}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{color:var(--code-number)}.chroma .p{color:var(--code-deco)}.chroma .gd{background:var(--code-delete)}.chroma .gi{background:var(--code-insert)}.chroma .ge{font-style:italic}.chroma .gs{font-weight:600}.chroma .err,.chroma .gr{color:var(--code-error)}.chroma .w{color:var(--code-muted)}code.chroma,.chroma code:not(pre code){background:rgba(255,255,255,4%);padding:.1rem .35rem;border-radius:.4rem;color:var(--code-fg)}.chroma .lntable{border-spacing:0;width:100%}.chroma .lntable td:nth-child(1){width:3.25rem;text-align:right;user-select:none}.chroma .lntable td:nth-child(2){padding-left:.75rem}.chroma .x{background:var(--code-mark)}@media(prefers-contrast:more){.chroma .c,.chroma .cm,.chroma .c1,.chroma .lnt,.chroma .ln{color:#b0b7c0}}@media(prefers-color-scheme:light){:root{--code-bg:#f6f7f9;--code-fg:#0f172a;--code-muted:#64748b;--code-func:#1d4ed8;--code-keyword:#7c3aed;--code-string:#15803d;--code-number:#b45309;--code-type:#0e7490;--code-const:#b45309;--code-attr:#0f172a;--code-operator:#0f172a;--code-builtin:#4338ca;--code-deco:#334155;--code-line:rgba(0, 0, 0, .08);--code-sel:rgba(28, 100, 242, .16);--code-mark:rgba(255, 238, 0, .25);--code-error:#b91c1c;--code-insert:#e9f7ee;--code-delete:#fde8e8}}.chroma .line{display:block;white-space:pre}.chroma .ln{display:inline-block;min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;user-select:none;color:var(--code-muted);border-right:1px solid var(--code-line);padding-right:.5rem;margin-right:.5rem}.chroma .cl{display:inline-block}@media(max-width:700px){.chroma .ln{padding-right:.4rem;margin-right:.4rem;min-width:2.8ch}}.prose{line-height:1.7;color:var(--fg)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.25;margin:1.5rem 0 .75rem}.prose h1{font-size:2rem}.prose h2{font-size:1.6rem}.prose h3{font-size:1.3rem}.prose p{margin:.9rem 0}.prose a{color:var(--link);text-decoration:underline}.prose ul,.prose ol{margin:.75rem 0 .75rem 1.25rem}.prose li{margin:.25rem 0}.prose blockquote{margin:1rem 0;padding:.5rem .75rem;border-left:3px solid #334155;color:#cbd5e1;background:#0b1220}.prose code{background:#0f172a;color:#e2e8f0;padding:.1rem .3rem;border-radius:.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,liberation mono,monospace;font-size:1em}.prose pre{overflow:auto;padding:1rem;border-radius:.5rem;background:#0f172a;color:#e2e8f0;font-size:1.05rem;line-height:1.6}.prose pre code{padding:0;background:0 0;text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}.prose hr{border:0;border-top:1px solid #1f2937;margin:1.5rem 0}.prose table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.95rem}.prose th,.prose td{border:1px solid #1f2937;padding:.5rem .6rem}.prose thead th{background:#111827}.prose img,.prose video{max-width:100%;height:auto;border-radius:.5rem}.prose figure{margin:1rem 0;text-align:center}.prose figcaption{color:var(--muted);font-size:.9rem;margin-top:.25rem}.prose kbd{background:#111827;border:1px solid #1f2937;border-bottom-width:3px;padding:.1rem .35rem;border-radius:.25rem;font-size:.85rem}.prose mark{background:#fde047;color:#111827;padding:.05rem .2rem;border-radius:.2rem}@media(max-width:700px){.prose{line-height:1.55}.prose p{margin:.65rem 0}.prose ul,.prose ol{margin:.5rem 0 .5rem 1rem}.prose li{margin:.2rem 0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{line-height:1.2;margin:1.1rem 0 .55rem}.prose pre{font-size:.95rem;line-height:1.45;padding:.8rem}.prose code{font-size:.95em}.prose table{font-size:.9rem}.prose th,.prose td{padding:.45rem .5rem}.prose blockquote{padding:.4rem .6rem}.prose figure{margin:.75rem 0}}.prose ul,.prose ol{margin-left:.75rem}.prose ul ul,.prose ol ol{margin-left:.75rem}.toc-wrap{position:relative}.toc{color:inherit;font-size:.95rem}.toc>summary.toc-summary{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;list-style:none;background:0 0;border:0;padding:0;margin:0 0 .4rem;color:var(--muted);font:inherit;font-weight:600;line-height:1.2}.toc>summary::-webkit-details-marker{display:none}.toc>summary::marker{content:""}.toc>summary::after{content:"▸";margin-left:.25rem}.toc[open]>summary::after{content:"▾"}.toc>summary:hover,.toc>summary:focus-visible{color:var(--fg);text-decoration:underline;outline:none}.toc .toc-body>p:first-child{margin:0 0 .25rem}.toc .toc-body>ul{margin:0;padding-left:0;list-style:none}.toc .toc-body li{margin:.15rem 0}.toc .toc-body ul ul{margin-top:.15rem;padding-left:.75rem}@media(min-width:1100px){.toc-wrap{float:right;width:20rem;margin-left:2rem;margin-bottom:.5rem}.toc{position:sticky;top:6rem;max-height:calc(100vh - 8rem);overflow:auto}}.copy-btn{font:inherit;font-size:.8rem;line-height:1;padding:.2rem .4rem;border:none;border-radius:.3rem;background:0 0;color:var(--muted);cursor:pointer;position:absolute;top:.5rem;right:.5rem;opacity:.7;transition:opacity .2s ease,color .2s ease}.copy-btn:hover,.copy-btn:focus-visible{opacity:1;color:var(--link);outline:none}.copy-btn:active{color:#4da3ff}