:root{--toc-w:220px;--gap:18px;--content-max:800px;--r-lg:18px;--r-md:14px;--panel:#d180a229;--panel-strong:#ffffff38;--line:#ffffff42;--shadow:#b6171738;--blur:100px;--text:#2c2428;--muted:#273b3d9e;--accent:#9a3458;--bg-a:#91dde7d3;--bg-b:#e79ac186;--bg-c:#62e6e67c;--code-bg:#fffafb;--code-border:#4620301f;--code-shadow:#ee9ccee8;--code-text:#4ba715f8;--inline-code-text:#7a2844;--inline-code-bg:#fffc;--inline-code-border:#78304829;--pill-bg:#ffffff4d;--pill-bg-hover:#ffffff6b;--pill-ghost:#ffffff2e;--pill-border:#0000001f;--pill-text:#0a0a10db}html,body{height:100%;overflow:hidden}body{background:radial-gradient(1200px 900px at 20% 12%, #ffffff38, #fff0 60%), radial-gradient(1000px 800px at 85% 35%, #ffffff24, #fff0 62%), linear-gradient(160deg, var(--bg-a) 0%, var(--bg-b) 48%, var(--bg-c) 100%);background-attachment:fixed}.post-page{width:100vw;height:100vh;color:var(--text);z-index:1;position:relative}.post-bg{z-index:0;pointer-events:none;background-blend-mode:screen, normal, normal;-webkit-backdrop-filter:blur(14px)saturate(1.25);background:radial-gradient(1200px 900px at 55% 18%,#ffffff2e,#fff0 62%),radial-gradient(900px 700px at 25% 80%,#ff69b42e,#ff69b400 58%),linear-gradient(#ffffff14,#ffffff05);position:fixed;inset:0}.post-bg:before{content:"";pointer-events:none;opacity:.2;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff0f 0 1px,#0000 2px 4px),repeating-linear-gradient(90deg,#0000 0 3px,#ffffff0d 4px 5px);position:absolute;inset:0}.toc{width:var(--toc-w);z-index:10;background:var(--panel);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);box-shadow:0 18px 60px var(--shadow), inset 0 1px 0 #ffffff8c, inset 0 -1px 0 #ffffff1f;padding:12px;position:fixed;top:0;bottom:0;left:0;overflow:auto}.post-content{top:0;left:calc(var(--toc-w) + var(--gap));z-index:2;padding:22px 22px 28px;position:absolute;bottom:0;right:0;overflow:auto}.post-shell{max-width:var(--content-max);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(16px)saturate(1.15);background:#fff7f9db;border:1px solid #46203014;margin:0 auto;padding:22px 26px 26px;box-shadow:0 18px 70px #0000002e,inset 0 1px #ffffffa6,inset 0 -1px #ffffff1a}.toc::-webkit-scrollbar,.post-content::-webkit-scrollbar{width:10px}.toc::-webkit-scrollbar-thumb,.post-content::-webkit-scrollbar-thumb{background:#00000024;border:2px solid #ffffff4d;border-radius:999px}.toc::-webkit-scrollbar-track,.post-content::-webkit-scrollbar-track{background:0 0}.toc__head{z-index:2;background:var(--panel-strong);border-radius:var(--r-md);-webkit-backdrop-filter:blur(var(--blur)) saturate(1.35);border:1px solid #0000001a;padding:10px 10px 12px;position:sticky;top:0;box-shadow:0 10px 30px #0000001a,inset 0 1px #fff9}.toc__title{color:#0a0a10eb;letter-spacing:.03em;margin-bottom:10px;font-weight:900}.toc__actions{flex-wrap:wrap;gap:10px;display:flex}.toc__nav{padding:12px 6px 18px}.toc__nav a{color:#0a0a10d1;border:1px solid #0000;border-radius:12px;padding:8px 10px;line-height:1.25;text-decoration:none;display:block}.toc__nav a:hover{background:#ffffff38;border-color:#0000000f}.toc__nav a.is-active{color:#0a0a10f0;background:#ff288c29;border-color:#ff288c4d;font-weight:900}.toc__nav .toc-l2{padding-left:10px}.toc__nav .toc-l3{opacity:.92;padding-left:26px}.post-head{margin-bottom:14px}.post-h2{color:#0a0a10f0;margin:0 0 8px;font-size:clamp(26px,2.6vw,42px);line-height:1.12}.post-meta{color:var(--muted);margin:0}.badge{color:#0a0a10c7;background:#ffffff57;border:1px solid #0000001a;border-radius:999px;align-items:center;padding:2px 10px;font-weight:800;display:inline-flex}.pill{border:1px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-text);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;text-decoration:none;display:inline-flex}.pill:hover{background:var(--pill-bg-hover)}.pill--ghost{background:var(--pill-ghost)}.prose{border-radius:var(--r-md);color:#2c2428;letter-spacing:.01em;background:0 0;border:0;padding:8px 4px 4px;font-size:17px;line-height:1.85}.prose p{margin:0 0 16px}.prose h2{color:#3a2a32;border-left:3px solid #d46a92;margin:28px 0 12px;padding-left:10px;font-size:1.35rem;font-weight:750;line-height:1.35}.prose h3{color:#4a3640;margin:22px 0 8px;font-size:1.12rem;font-weight:700;line-height:1.4}.prose h4{color:#4a3640;margin:18px 0 8px;font-size:1.02rem;font-weight:700}.prose a{color:var(--accent);text-underline-offset:3px;font-weight:650;text-decoration:underline}.prose a:hover{color:#7d2444}.prose strong,.prose b{color:#6e243c;font-weight:700}.prose ul,.prose ol{margin:0 0 16px;padding-left:1.35em}.prose li{margin:.28em 0}.prose li::marker{color:#c45b86}.prose hr{border:0;border-top:1px solid #3c202a1f;margin:20px 0}.prose blockquote{color:#0a0a10c7;background:#ffffff42;border-left:4px solid #ff288c59;border-radius:12px;margin:14px 0;padding:10px 12px}.prose :not(pre)>code{color:var(--inline-code-text);background:var(--inline-code-bg);border:1px solid var(--inline-code-border);border-radius:6px;padding:.12em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose pre.code-block{background:var(--code-bg);border:1px solid var(--code-border);-webkit-backdrop-filter:blur(18px)saturate(1.25);box-shadow:0 12px 40px var(--code-shadow), inset 0 1px 0 #ffffffb3;border-radius:14px;margin:12px 0;position:relative;overflow:auto}.prose pre.code-block>code{color:var(--code-text);background:0 0;padding:16px;font-size:14px;line-height:1.6;display:block}.prose pre.code-block ::selection{background:#ff2c8a38}.prose pre.code-block:before{content:attr(data-lang);color:#0a0a10b3;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#ffffff75;border:1px solid #0000001a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;position:absolute;top:10px;left:10px}.prose pre.code-block .copy-btn{color:#0a0a10d1;cursor:pointer;user-select:none;-webkit-backdrop-filter:blur(12px)saturate(1.2);background:#ffffff75;border:1px solid #0000001a;border-radius:999px;padding:6px 10px;position:absolute;top:10px;right:10px;box-shadow:0 10px 24px #0000001a,inset 0 1px #ffffffb3}.prose pre.code-block .copy-btn:hover{transform:translateY(-1px)}.prose pre.code-block .copy-btn:active{transform:translateY(0)}.prose pre.code-block>code{padding-top:44px}.post-nav{max-width:var(--content-max);justify-content:space-between;gap:10px;margin:12px auto 0;display:flex}@media (width<=920px){:root{--toc-w:250px}.post-content{left:calc(var(--toc-w) + 12px);padding:16px}}@media (width<=720px){html,body{height:auto;overflow:auto}.post-page{width:100%;height:auto;min-height:100vh}.toc{border-right:none;border-bottom:1px solid var(--line);width:auto;max-height:42vh;position:relative;top:auto;bottom:auto;left:auto}.post-content{width:auto;height:auto;padding:12px;position:relative;inset:auto auto auto 0;overflow:visible}.post-h2{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}:root{--hl-black:#0a0a10e6;--hl-red:#dd0808e8;--hl-blue:#ca1871;--hl-purple:#490fbd;--hl-green:#0a8d11;--hl-pink:#0b0c69}.prose pre.code-block,.prose pre[class*=language-]{color:var(--hl-black)}.prose pre.code-block>code,.prose pre[class*=language-]>code{color:var(--hl-black)!important}.prose pre .token.comment,.prose pre .token.prolog,.prose pre .token.doctype,.prose pre .token.cdata{color:var(--hl-green)!important;font-style:normal!important}.prose pre .token.keyword,.prose pre .token.control,.prose pre .token.important{font-weight:700;color:var(--hl-red)!important}.prose pre .token.string,.prose pre .token.char,.prose pre .token.regex,.prose pre .token.attr-value,.prose pre .token.number,.prose pre .token.boolean,.prose pre .token.constant{color:var(--hl-blue)!important}.prose pre .token.function,.prose pre .token.class-name,.prose pre .token.builtin,.prose pre .token.namespace,.prose pre .token.type{font-weight:650;color:var(--hl-purple)!important}.prose pre .token.tag,.prose pre .token.selector{font-weight:700;color:var(--hl-pink)!important}.prose pre .token.attr-name,.prose pre .token.property,.prose pre .token.variable,.prose pre .token.operator,.prose pre .token.punctuation{color:var(--hl-black)!important}.prose pre .token.deleted{color:var(--hl-red)!important}.prose pre .token.inserted{color:var(--hl-green)!important}.prose pre .token{text-shadow:none!important;background:0 0!important}.prose pre .token.keyword,.prose pre .token.function,.prose pre .token.tag{letter-spacing:.01em}.prose pre.astro-code{border:1px solid var(--code-border);color:#241c20;border-radius:12px;margin:16px 0;position:relative;overflow:auto;box-shadow:0 8px 22px #461e300f;background:var(--code-bg)!important;padding:42px 16px 14px!important}.prose pre.astro-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;line-height:1.6;background:0 0!important}.prose pre.astro-code:before{content:attr(data-language);color:#5c3144;letter-spacing:.02em;background:#f3e4ea;border:1px solid #501e321f;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.prose pre.astro-code:not([data-language]):before,.prose pre.astro-code[data-language=""]:before{content:none}.prose pre.astro-code .copy-btn{z-index:1;color:#5c3144;cursor:pointer;background:#f3e4ea;border:1px solid #501e321f;border-radius:999px;padding:6px 10px;position:absolute;top:10px;right:10px}.prose pre.astro-code .copy-btn:hover{transform:translateY(-1px)}.prose img{border-radius:12px;height:auto}