@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.surge-route-veil{--surge-veil-color:#efede7;z-index:80;background:var(--surge-veil-color);pointer-events:none;display:none;position:fixed;inset:0}.surge-entry-loader{z-index:1;background:var(--label-3);opacity:1;border-radius:999px;width:140px;height:6px;transition:opacity .25s cubic-bezier(.25,1,.5,1);display:none;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.surge-entry-loader span{width:var(--surge-load-progress,0%);border-radius:inherit;background:var(--label-1);height:100%;transition:width .52s cubic-bezier(.22,1,.36,1);display:block}.surge-route-veil.is-loading .surge-entry-loader{display:block}.surge-route-veil.is-loader-fading .surge-entry-loader{opacity:0}html.surge-js .surge-route-veil:not(.is-done){pointer-events:auto;display:block}html.dark .surge-route-veil{--surge-veil-color:#191b1b}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:tiktok;src:url(/vendor/temporary-assets/fonts/TikTokSans.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:mono;src:url(/vendor/temporary-assets/fonts/GeistMono%5Bwght%5D.ttf)format("truetype");font-display:swap;font-weight:100 900}@font-face{font-family:smiley;src:url(/fonts/smiley-sans-zh-subset.woff2?v=2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:tronica-mono;src:url(/vendor/temporary-assets/fonts/DepartureMono-Regular.otf)format("opentype");font-display:swap;font-weight:400}:root{color-scheme:light;--spacing:.25rem;--label:0, 0, 0;--label-d:54, 54, 48;--background-deep:251, 250, 244;--label-1:rgba(var(--label), 1);--label-2:rgba(var(--label-d), .6);--label-3:rgba(var(--label-d), .32);--line:rgba(var(--label-d), .1);--background-1:rgb(var(--background-deep));--surge-accent:#ff4d00;--selection-bg:var(--surge-accent);--font-sans:"tiktok", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;--font-prose:"tiktok", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Segoe UI", system-ui, sans-serif;--font-mono:"mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-mono-2:"tronica-mono", ui-monospace, monospace;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-3xl:1.875rem;--text-5xl:3rem;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--tracking-tight:-.025em;--radius-xl:.75rem}html.dark{color-scheme:dark;--label:255, 255, 255;--label-d:230, 232, 232;--background-deep:15, 17, 17;--label-1:rgba(var(--label), 1);--label-2:rgba(var(--label-d), .6);--label-3:rgba(var(--label-d), .32);--line:rgba(var(--label-d), .08);--background-1:rgb(var(--background-deep))}*,:before,:after{box-sizing:border-box}html,body{background:var(--background-1);min-height:100%;color:var(--label-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--selection-bg);color:#000}a{color:inherit;text-decoration:none}.surge-shell{min-height:100dvh}body.is-listing .surge-shell{flex-direction:column;display:flex}body.is-listing .surge-shell>.surge-main{flex:1 0 auto}body.is-listing .surge-shell>.site-footer{flex-shrink:0;margin-top:auto}.surge-topbar{z-index:50;padding:calc(var(--spacing) * 4);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.surge-topbar:before{content:"";inset:0 0 calc(var(--spacing) * -6);z-index:-1;background:color-mix(in srgb, var(--background-1) 32%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.3);pointer-events:none;position:absolute;mask-image:linear-gradient(#000 45%,#0000 100%)}.surge-brand,.surge-topnav a,.surge-entry-control,.surge-menu-toggle{pointer-events:auto}.surge-brand{padding:calc(var(--spacing) * 2);font-size:var(--text-base);text-transform:uppercase;font-variation-settings:"wght" 700, "wdth" 120;font-weight:700;line-height:1.5}.surge-top-actions{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 3);display:flex}.surge-topbar.is-home .surge-top-actions{display:none}.surge-menu-toggle{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10);color:var(--label-1);cursor:pointer;background:0 0;border:0;padding:0;display:flex;position:relative}.surge-menu-toggle span{right:calc(var(--spacing) * 2);width:calc(var(--spacing) * 6);background:currentColor;height:2px;transition:transform .18s;position:absolute}.surge-menu-toggle span:first-child{top:calc(var(--spacing) * 3.5)}.surge-menu-toggle span:last-child{bottom:calc(var(--spacing) * 3.5)}.surge-topbar.is-menu-open .surge-menu-toggle span:first-child,.surge-topbar.is-menu-open .surge-menu-toggle span:last-child{top:50%;bottom:auto}.surge-topbar.is-menu-open .surge-menu-toggle span:first-child{transform:translateY(-50%)rotate(45deg)}.surge-topbar.is-menu-open .surge-menu-toggle span:last-child{transform:translateY(-50%)rotate(-45deg)}.surge-topnav{justify-content:flex-end;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 3);font-family:var(--font-mono-2);font-size:var(--text-base);flex-wrap:wrap;display:none}.surge-topnav a,.surge-theme-toggle{padding:calc(var(--spacing) * 2);font-family:var(--font-mono-2);font-size:var(--text-base);text-transform:uppercase;cursor:pointer;user-select:none;line-height:1.5}.surge-topnav a,.surge-lang-link{align-items:center;gap:calc(var(--spacing) * 1.5);display:inline-flex}.surge-topnav a{border-radius:999px;position:relative}.surge-topnav a:before{opacity:0;content:"";pointer-events:none;background-image:radial-gradient(currentColor 1.1px,#0000 1.2px);background-position:50%;background-size:5px 5px;border-radius:999px;transition:opacity .24s,transform .48s cubic-bezier(.2,0,0,1);position:absolute;inset:0;transform:scale(.62)}.surge-topnav a:hover:before,.surge-topnav a:focus-visible:before{opacity:.24;transform:scale(1)}.surge-lang-link{padding:calc(var(--spacing) * 2);font-family:var(--font-mono-2);font-size:var(--text-base);text-transform:uppercase;line-height:1.5}.surge-theme-toggle{padding:0}@keyframes surge-control-enter{0%{opacity:0;filter:blur(3px);transform:translateY(6px)rotate(-12deg)scale(.72)}65%{opacity:1;filter:blur();transform:translateY(-1px)rotate(4deg)scale(1.08)}to{opacity:1;filter:blur();transform:translateY(0)rotate(0)scale(1)}}.surge-entry-control{--surge-control-delay:.68s;cursor:pointer;place-items:center;width:2.5rem;height:2.5rem;padding:0;transition:transform .22s cubic-bezier(.2,0,0,1);display:grid;position:relative}.surge-entry-control:before{opacity:0;content:"";pointer-events:none;background-image:radial-gradient(currentColor 1.1px,#0000 1.2px);background-position:50%;background-size:5px 5px;border-radius:999px;transition:opacity .24s,transform .48s cubic-bezier(.2,0,0,1);position:absolute;inset:2px;transform:scale(.62)}.surge-entry-control--theme{--surge-control-delay:.8s}html.surge-js body:not(.surge-scramble-ready) .surge-entry-control{opacity:0}body.surge-scramble-ready .surge-entry-control{animation:surge-control-enter 1.15s cubic-bezier(.16, 1, .3, 1) var(--surge-control-delay) backwards}.surge-entry-control:hover:before,.surge-entry-control:focus-visible:before{opacity:.24;transform:scale(1)}.surge-entry-control:active{transform:scale(.96)}.surge-language-icon{place-items:center;transition:transform .68s cubic-bezier(.2,0,0,1);display:grid}.surge-lang-link:hover .surge-language-icon{transform:rotate(-10deg)scale(1.08)}.surge-lang-link:focus-visible,.surge-theme-toggle:focus-visible,.surge-menu-toggle:focus-visible{outline:2px dotted var(--label-1);outline-offset:2px}@media (prefers-reduced-motion:reduce){html.surge-js body .surge-entry-control{opacity:1;transition:none;animation:none}.surge-entry-control:before,.surge-language-icon,.surge-menu-toggle span{transition:none}}.surge-main{width:min(100%,880px);padding:calc(var(--spacing) * 14) calc(var(--spacing) * 6) calc(var(--spacing) * 24);margin:0 auto}.surge-article{width:min(100%,44rem);min-width:0;margin-inline:auto}.surge-work-header{gap:calc(var(--spacing) * 7);flex-direction:column;padding-top:3vh;display:flex}.surge-work-header.is-blog{gap:calc(var(--spacing) * 5)}.surge-work-header.is-blog .surge-work-lede{font-family:var(--font-prose);text-wrap:balance;margin:0}.surge-back-link,.surge-share-btn{border:1px solid var(--line);width:2.5rem;height:2.5rem;color:var(--label-2);cursor:pointer;font:inherit;background:0 0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:color .18s,border-color .18s,background-color .18s,transform .18s cubic-bezier(.25,1,.5,1);display:inline-flex}.surge-back-link:hover,.surge-back-link:focus-visible{color:var(--label-1);border-color:color-mix(in srgb, var(--label-2) 40%, transparent);background:color-mix(in srgb, var(--label-2) 8%, transparent);transform:translate(-2px)}.surge-share-btn:hover,.surge-share-btn:focus-visible{color:var(--label-1);border-color:color-mix(in srgb, var(--label-2) 40%, transparent);background:color-mix(in srgb, var(--label-2) 8%, transparent)}.surge-share-btn.is-copied{color:#000;background:var(--selection-bg);border-color:#0000}.surge-back-link:focus-visible,.surge-share-btn:focus-visible{outline:none}.surge-back-link svg,.surge-share-btn svg{display:block}.surge-work-toolbar{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:nowrap;min-width:0;display:flex}.surge-work-toolbar.is-blog-bar{width:100%}.surge-work-product{align-items:flex-end;gap:calc(var(--spacing) * 2);flex-direction:column;min-width:0;display:flex}.surge-work-hero-wrap{width:fit-content;max-width:100%;display:block;position:relative}.surge-work-hero-wrap .surge-share-btn{background:color-mix(in srgb, var(--background-1) 88%, transparent);-webkit-backdrop-filter:blur(8px);width:2.15rem;height:2.15rem;box-shadow:0 1px 0 color-mix(in srgb, var(--label-2) 10%, transparent);position:absolute;top:-.45rem;right:-.45rem}.surge-work-hero{border:1px solid color-mix(in srgb, var(--label-2) 12%, transparent);background:rgba(var(--label-d), .05);object-fit:cover;object-position:center;border-radius:.85rem;flex-shrink:0;width:7.5rem;height:5rem;margin:0;display:block}.surge-work-id{text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem .65rem;min-width:0;max-width:min(100%,22rem);display:flex}.surge-work-id h1{color:var(--label-1);font-size:var(--text-base);letter-spacing:var(--tracking-tight);font-variation-settings:"wdth" 110;margin:0;font-weight:600;line-height:1.2}.surge-work-id .surge-work-date{color:var(--label-3);font-family:var(--font-mono-2);letter-spacing:.02em;white-space:nowrap;font-size:.78rem;line-height:1.2}.surge-work-lede{width:100%;min-width:0;color:var(--label-1);letter-spacing:-.03em;text-wrap:pretty;font-variation-settings:"wdth" 115;margin:0;font-size:clamp(1.85rem,4.8vw,2.85rem);font-weight:700;line-height:1.16}.surge-work-date,.surge-prose,.surge-note,.surge-index a{color:color-mix(in srgb, var(--label-1) 72%, var(--label-2));font-size:var(--text-sm);line-height:1.7}.surge-work-date{font-variant-numeric:tabular-nums;margin:0}.surge-work-site{border:1px solid color-mix(in srgb, var(--label-2) 18%, transparent);color:var(--label-2);background:color-mix(in srgb, var(--label-2) 5%, transparent);font-family:var(--font-mono-2);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;align-items:center;gap:.32em;max-width:15rem;margin:0;padding:.2em .55em .2em .45em;font-size:.72rem;line-height:1.35;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,transform .15s;display:inline-flex;overflow:hidden}.surge-work-site svg{opacity:.85;flex-shrink:0}.surge-work-site:hover,.surge-work-site:focus-visible{background:var(--selection-bg);color:#000;border-color:#0000;transform:translateY(-1px)}.surge-work-site:focus-visible{outline:none}.surge-source-link{border:1px solid color-mix(in srgb, var(--label-2) 18%, transparent);color:var(--label-1);background:color-mix(in srgb, var(--label-2) 6%, transparent);font-family:var(--font-mono-2);vertical-align:baseline;white-space:nowrap;border-radius:999px;align-items:center;gap:.3em;max-width:100%;margin:0 .1em;padding:.12em .55em .12em .4em;font-size:.86em;line-height:1.4;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.surge-source-link svg{color:var(--label-2);flex-shrink:0}.surge-source-link:hover,.surge-source-link:focus-visible{background:var(--selection-bg);color:#000;border-color:#0000}.surge-source-link:hover svg,.surge-source-link:focus-visible svg{color:#000}.surge-source-link:focus-visible{outline:none}@media (width>=720px){.surge-work-hero{border-radius:.95rem;width:9.5rem;height:6.35rem}.surge-work-id h1{font-size:var(--text-lg)}.surge-work-header{gap:calc(var(--spacing) * 8)}}@media (width>=1024px){.surge-main{padding-block:calc(var(--spacing) * 16) calc(var(--spacing) * 28)}.surge-work-lede{font-size:clamp(2.15rem,2.8vw,3rem)}.surge-work-hero{width:10.5rem;height:7rem}}.surge-work-period{color:var(--label-1);margin:0;font-size:clamp(1.85rem,4.8vw,2.85rem);font-weight:700;line-height:1.16}.surge-work-rule{display:none}.surge-prose{margin-top:calc(var(--spacing) * 9);width:100%;max-width:none;color:color-mix(in srgb, var(--label-1) 88%, var(--label-2));font-family:var(--font-prose);letter-spacing:.005em;text-wrap:pretty;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-size:1.0625rem;font-weight:420;line-height:1.78}.surge-work-header.is-blog+.surge-prose{margin-top:calc(var(--spacing) * 11)}.surge-prose>*+*{margin-top:1.1em}.surge-prose>p+p{margin-top:1.15em}.surge-prose>ol{gap:1.1em;margin-top:1.35em}.surge-prose>ol>li{padding-left:.15em}.surge-prose>.surge-section-rule{border:0;border-top:1px solid color-mix(in srgb, var(--label-2) 14%, transparent);height:0;margin:2.75em 0 2.25em}.surge-prose>.surge-section-rule+*{margin-top:0}.surge-prose>:is(.surge-figure-block,.surge-image-grid,.surge-code),.surge-prose>img.surge-figure{margin-top:2em;margin-bottom:1.75em}.surge-prose>:is(.surge-figure-block,.surge-image-grid,.surge-code)+*,.surge-prose>img.surge-figure+*{margin-top:0}.surge-prose>.surge-download{margin-top:1.5em}.surge-prose :is(h1,h2,h3){margin:calc(var(--spacing) * 10) 0 0;color:var(--label-1);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.surge-prose h1{font-size:1.5rem}.surge-prose h2{font-size:1.25rem}.surge-prose h3{font-size:1.125rem}.surge-prose :is(p,li){margin:0}.surge-prose :is(ul,ol){flex-direction:column;gap:.85em;margin:1.25em 0 0;padding-left:1.25rem;display:flex}.surge-prose li::marker{color:var(--selection-bg)}.surge-prose strong{color:var(--label-1);font-variation-settings:"wght" 640;font-weight:640}.surge-prose code{background:rgba(var(--label-d), .08);font-family:var(--font-mono);color:var(--label-1);border-radius:.25rem;padding:.1rem .35rem;font-size:.9em}.surge-link,.surge-download{color:var(--label-1);text-underline-offset:.25em;text-decoration:underline;text-decoration-color:var(--label-3);transition:text-decoration-color .15s}.surge-link:hover,.surge-download:hover{text-decoration-color:var(--label-2)}.surge-download{font-weight:600;display:inline-flex}.surge-figure-block{--figure-radius:1rem;flex-direction:column;align-items:flex-start;gap:.45rem;width:100%;margin-inline:0;display:flex}.surge-figure-block .surge-figure{margin:0}.surge-figure-cap{color:var(--label-3);letter-spacing:.01em;text-align:left;background:0 0;border:0;margin:0;padding:0;font-size:.75rem;line-height:1.4}.surge-figure{border-radius:var(--figure-radius);object-fit:contain;cursor:zoom-in;user-select:none;background:0 0;border:0;width:auto;max-width:100%;height:auto;margin-inline:0;display:block}.surge-figure-block[data-kind=embed] .surge-figure{object-fit:contain;object-position:center top;width:100%;max-width:min(100%,28rem);max-height:12rem}.surge-figure-block[data-kind=diagram] .surge-figure{object-fit:contain;object-position:center;width:100%;max-width:min(100%,36rem);max-height:none}.surge-figure-block[data-kind=ui]{align-items:flex-start}.surge-figure-block[data-kind=ui] .surge-figure{object-fit:contain;object-position:center;background:0 0;width:100%;max-width:min(100%,28rem);height:auto;max-height:min(40vh,20rem)}.surge-prose>img.surge-figure{border-radius:var(--figure-radius);background:0 0;border:0;width:100%;max-width:min(100%,28rem);max-height:min(40vh,18rem);margin-inline:0}.surge-image-grid{gap:calc(var(--spacing) * 3);grid-template-columns:1fr;width:100%;min-width:0;margin-inline:0;display:grid}.surge-image-grid .surge-figure{max-width:100%;max-height:min(36vh,16rem);margin:0}.surge-code{margin:calc(var(--spacing) * 4) 0 0;border:1px solid var(--line);border-radius:var(--radius-xl);background:rgba(var(--label-d), .04);padding:calc(var(--spacing) * 2.5) calc(var(--spacing) * 4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--label-1);overflow-x:auto}.surge-code code{font:inherit;color:inherit;white-space:pre;background:0 0;border-radius:0;padding:0}.surge-preview{width:100%;min-height:37.5rem;margin-top:calc(var(--spacing) * 6);border:1px solid var(--line);border-radius:var(--radius-xl);background:rgba(var(--label-d), .03);display:block}.surge-promo{margin-top:calc(var(--spacing) * 14);border:1px solid color-mix(in srgb, var(--label-2) 14%, transparent);border-radius:calc(var(--radius-xl) + .35rem);background:color-mix(in srgb, var(--label-2) 4%, var(--background-1));overflow:hidden}.surge-promo-media{line-height:0;text-decoration:none;display:block}.surge-promo-img{aspect-ratio:16/9;object-fit:cover;object-position:center;background:rgba(var(--label-d), .04);width:100%;height:auto;display:block}.surge-promo-bar{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing) * 4) calc(var(--spacing) * 5);padding:calc(var(--spacing) * 4) calc(var(--spacing) * 4.5);border-top:1px solid color-mix(in srgb, var(--label-2) 10%, transparent);flex-wrap:wrap;display:flex}.surge-promo-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.surge-promo-name{color:var(--label-1);letter-spacing:var(--tracking-tight);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.surge-promo-tagline{max-width:28rem;color:var(--label-2);margin:.2rem 0 0;font-size:.9rem;line-height:1.45}.surge-promo-actions{align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 2.5);flex-wrap:wrap;display:flex}.surge-promo-cta{background:var(--label-1);color:var(--background-1);font-family:var(--font-mono-2);border-radius:999px;align-items:center;gap:.4em;padding:.55em .95em .55em .8em;font-size:.8125rem;font-weight:500;line-height:1.2;text-decoration:none;transition:opacity .15s,transform .15s;display:inline-flex}.surge-promo-cta svg{opacity:.92;flex-shrink:0}.surge-promo-host{font-weight:500}.surge-promo-cta:hover,.surge-promo-cta:focus-visible{opacity:.92;transform:translateY(-1px)}.surge-promo-cta:focus-visible{outline:2px solid var(--selection-bg);outline-offset:2px}.surge-promo-sec{border:1px solid color-mix(in srgb, var(--label-2) 22%, transparent);color:var(--label-2);border-radius:999px;align-items:center;gap:.35em;padding:.5em .8em .5em .7em;font-size:.8125rem;font-weight:500;line-height:1.2;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.surge-promo-sec svg{opacity:.9;flex-shrink:0}.surge-promo-sec:hover,.surge-promo-sec:focus-visible{color:var(--label-1);border-color:color-mix(in srgb, var(--label-2) 40%, transparent);background:color-mix(in srgb, var(--label-2) 8%, transparent)}.surge-promo-sec:focus-visible{outline:none}@media (width>=720px){.surge-promo-bar{padding:calc(var(--spacing) * 5) calc(var(--spacing) * 5.5)}.surge-promo-name{font-size:1.35rem}}.surge-promo+.surge-footer{margin-top:calc(var(--spacing) * 8)}.surge-footer{margin-top:calc(var(--spacing) * 16);border-radius:calc(var(--radius-xl) + .25rem);background:rgba(var(--label-d), .035);padding:calc(var(--spacing) * 5)}.surge-footer-title{margin:0 0 calc(var(--spacing) * 5);font-size:var(--text-base);color:var(--label-1);font-weight:600}.surge-meta{gap:calc(var(--spacing) * 5) calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.surge-meta div{gap:calc(var(--spacing) * 1.5);flex-direction:column;min-width:0;display:flex}.surge-meta dt{font-size:var(--text-sm);color:var(--label-1);margin:0;font-weight:600}.surge-meta dd{color:var(--label-2);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;line-height:1.45}.surge-footer-rule{margin:calc(var(--spacing) * 6) 0;border-top:1px dashed color-mix(in srgb, var(--label-2) 22%, transparent)}.surge-footer-links{gap:calc(var(--spacing) * 4) calc(var(--spacing) * 6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.surge-footer-links-label{font-size:var(--text-sm);color:var(--label-1);font-weight:600;display:none}.surge-footer-links-col{align-items:flex-start;gap:calc(var(--spacing) * 1);font-family:var(--font-mono);font-size:var(--text-sm);flex-direction:column;display:flex}.surge-footer-links-col a{margin-inline:calc(var(--spacing) * -1);padding:.2rem calc(var(--spacing) * 1);color:var(--label-2);border-radius:.35rem;transition:color .15s,background-color .15s}.surge-footer-links-col a:hover,.surge-footer-links-col a:focus-visible{color:var(--label-1);background:color-mix(in srgb, var(--label-2) 8%, transparent)}.surge-footer-links-col a:focus-visible{outline:none}.surge-index{margin-top:calc(var(--spacing) * 8);display:grid}.surge-index a{padding:calc(var(--spacing) * 3) 0;border-bottom:1px solid var(--line);color:var(--label-1);justify-content:space-between;gap:1rem;display:flex}.surge-index span:last-child{color:var(--label-2);font-family:var(--font-mono-2);font-variant-numeric:tabular-nums;white-space:nowrap}.surge-note{margin:calc(var(--spacing) * 3) 0 0}.surge-note code{font-family:var(--font-mono);font-size:.9em}@keyframes surge-menu-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1023px){.surge-topbar.is-home.is-menu-open .surge-top-actions{top:calc(100% - var(--spacing) * 1);right:calc(var(--spacing) * 4);justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 1);width:min(calc(100vw - var(--spacing) * 8), 18rem);padding:calc(var(--spacing) * 2);border:1px solid var(--line);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--background-1) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.45);box-shadow:0 1px 0 color-mix(in srgb, var(--label-1) 6%, transparent) inset, 0 18px 48px #0000003d;pointer-events:auto;flex-wrap:wrap;animation:.2s cubic-bezier(.2,0,0,1) both surge-menu-in;display:flex;position:absolute}.surge-topbar.is-home.is-menu-open .surge-topnav{flex:100%;justify-content:stretch;gap:0;width:100%;display:grid}html.surge-js body .surge-topbar.is-home.is-menu-open .surge-topnav a,html.surge-js body .surge-topbar.is-home.is-menu-open .surge-entry-control{opacity:1;filter:none;animation:none;transform:none}.surge-topbar.is-home.is-menu-open .surge-topnav a{padding:calc(var(--spacing) * 3) calc(var(--spacing) * 2);border-radius:calc(var(--radius-xl) - 2px);justify-content:flex-start}.surge-topbar.is-home.is-menu-open .surge-topnav a+a{margin-top:1px}.surge-topbar.is-home.is-menu-open .surge-topnav a:hover:before,.surge-topbar.is-home.is-menu-open .surge-topnav a:focus-visible:before{opacity:.16}@media (prefers-reduced-motion:reduce){.surge-topbar.is-home.is-menu-open .surge-top-actions{animation:none}}}@media (width>=1024px){.surge-topbar{padding:calc(var(--spacing) * 7) calc(var(--spacing) * 14)}.surge-top-actions,.surge-topbar.is-home .surge-top-actions{flex-basis:50%;justify-content:flex-end;display:flex}.surge-menu-toggle{display:none}.surge-topnav{display:flex}.surge-main{padding-block:calc(var(--spacing) * 24)}.surge-work-date,.surge-note,.surge-index a{font-size:var(--text-base)}.surge-prose{font-size:1.125rem;line-height:1.8}.surge-prose h1{font-size:var(--text-3xl)}.surge-prose h2{margin-top:calc(var(--spacing) * 12);font-size:1.5rem}.surge-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surge-code{padding-inline:calc(var(--spacing) * 5)}.surge-footer{padding:calc(var(--spacing) * 6)}.surge-meta,.surge-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.surge-footer-links-label{display:block}}.surge-music-toggle.svelte-1enfi1q{width:2.5rem;height:2.5rem;color:inherit;background:0 0;border:0;position:relative}.surge-music-icon.svelte-1enfi1q{opacity:0;pointer-events:none;place-items:center;transition:transform .45s cubic-bezier(.2,0,0,1),opacity .3s;display:grid;position:absolute;inset:0;transform:scale(.4)}.surge-music-icon.is-active.svelte-1enfi1q{opacity:1;transform:scale(1)}body[data-bgm-blocked] .surge-music-toggle.svelte-1enfi1q:after{content:"";opacity:0;pointer-events:none;border:1.5px solid;border-radius:999px;animation:2.2s ease-out infinite svelte-1enfi1q-bgm-nudge;position:absolute;inset:4px}@keyframes svelte-1enfi1q-bgm-nudge{0%{opacity:.55;transform:scale(.82)}60%,to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){body[data-bgm-blocked] .surge-music-toggle.svelte-1enfi1q:after{opacity:.4;animation:none;transform:none}.surge-music-icon.svelte-1enfi1q{transition:none}}.surge-theme-toggle.svelte-193t3ak{width:2.5rem;height:2.5rem;color:inherit;background:0 0;border:0;position:relative}.surge-theme-icon.svelte-193t3ak{opacity:0;filter:blur(4px);pointer-events:none;place-items:center;transition:transform 1.05s cubic-bezier(.2,0,0,1),opacity .65s,filter .75s;display:grid;position:absolute;inset:0}.surge-theme-icon.is-sun.svelte-193t3ak{transform:rotate(-80deg)scale(.25)}.surge-theme-icon.is-moon.svelte-193t3ak{transform:rotate(65deg)scale(.25)}.surge-theme-icon.is-active.svelte-193t3ak{opacity:1;filter:blur();transform:rotate(0)scale(1)}.surge-theme-toggle.svelte-193t3ak:hover .surge-theme-icon.is-sun.is-active:where(.svelte-193t3ak){transform:rotate(22deg)scale(1.08)}.surge-theme-toggle.svelte-193t3ak:hover .surge-theme-icon.is-moon.is-active:where(.svelte-193t3ak){transform:rotate(-12deg)scale(1.08)}@media (prefers-reduced-motion:reduce){.surge-theme-icon.svelte-193t3ak{filter:none;transition:none}}