.astro-code span{color:var(--shiki-light)}:is([data-theme=dark],[data-theme=chalk]) .astro-code span{color:var(--shiki-dark)}[data-theme=kanagawa] .astro-code span{color:var(--shiki-kanagawa)}[data-theme=dracula] .astro-code span{color:var(--shiki-dracula)}.prose pre.astro-code{background:var(--code-bg);color:var(--fg)}.code-block{margin:0 0 var(--gap);position:relative}.code-block pre{margin:0}.code-title{border-bottom:1px solid var(--line);background:var(--code-bg);color:var(--muted);overflow-wrap:anywhere;border-radius:4px 4px 0 0;padding:.4em 7em .4em 1em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.code-block.has-title pre{border-radius:0 0 4px 4px}.astro-code .line.hl{min-width:100%;box-shadow:inset 3px 0 0 var(--link);background:color-mix(in srgb, var(--fg) 8%, transparent);display:inline-block}.code-copy{border:1px solid var(--line);background:var(--bg);min-height:32px;color:var(--muted);cursor:pointer;opacity:.85;border-radius:4px;padding:0 .7em;font-size:.75rem;position:absolute;top:.35em;right:.35em}.code-copy:hover,.code-copy:focus-visible{opacity:1;color:var(--fg)}.toc{margin:0 0 var(--gap);font-size:.85rem;line-height:1.6}.toc__toggle{min-height:44px;font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:0;display:inline-flex}.toc__toggle:hover{color:var(--fg)}.toc svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.toc__chev{transition:transform .15s}.toc[data-open=false] .toc__chev{transform:rotate(-90deg)}.toc__list{border-left:1px solid var(--line);margin:.2em 0 0 .45em;padding:0;list-style:none;display:none}.toc[data-open=true] .toc__list{display:block}.toc__sub{margin:0;padding:0;list-style:none}.toc__list li{margin:0}.toc__list a{color:var(--muted);overflow-wrap:anywhere;border-left:1px solid #0000;margin-left:-1px;padding:.3em 0 .3em 1em;text-decoration:none;display:block}.toc__list a:visited{color:var(--muted)}.toc__list li.d3>a{padding-left:1.9em}.toc__list li.d4>a{padding-left:2.8em;font-size:.95em}.toc__list a:hover{color:var(--fg);text-decoration:none}.toc__list a.is-active{color:var(--link);border-left-color:var(--link)}@media (width>=1100px){.post-body>.toc{top:calc(var(--hdr) + var(--rpb) + 24px);grid-area:1/2;align-self:start;max-width:15rem;margin:0;position:sticky}.toc__list{max-height:calc(100vh - var(--hdr) - var(--rpb) - var(--ftr) - 120px);overflow:auto}}@property --rp{syntax:"<number>";inherits:true;initial-value:0}@property --pc{syntax:"<integer>";inherits:true;initial-value:0}.reading-progress{top:var(--hdr,0px);z-index:100;pointer-events:none;height:4px;position:fixed;left:0;right:0}[data-rpo=off] .reading-progress{display:none}.reading-progress__bar{background:var(--fg);opacity:.75;transform-origin:0;height:100%;transform:scaleX(var(--rp,0))}@supports (animation-timeline:scroll()){.reading-progress{animation:linear both rp-grow;animation-duration:auto;animation-timeline:scroll(root)}@keyframes rp-grow{0%{--rp:0;--pc:0}to{--rp:1;--pc:100}}}.rp-head,.rp-head svg,.rp-ruler{display:none}[data-rp=ruler] .reading-progress{height:var(--rpb)}[data-rp=ruler] .reading-progress__bar{opacity:1;background:var(--ruler-bg);border-bottom:1px solid var(--fg);clip-path:inset(0 calc((1 - var(--rp)) * 100%) 0 0);transform:none}[data-rp=ruler] .rp-ruler{height:100%;color:var(--fg);display:block;position:relative}.reading-progress .rp-ruler svg{width:100%;height:12px;display:block}.rp-ruler path{stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke}.rp-ruler i{font:normal 10px/1 var(--sans);font-variant-numeric:tabular-nums;position:absolute;bottom:1px;transform:translate(-50%)}@media (width<=560px){.reading-progress .rp-ruler svg{height:10px}.rp-ruler path{stroke-width:.6px}.rp-ruler i{letter-spacing:-.04em;font-size:8px}}[data-rp=cat] .rp-head,[data-rp=spiral] .rp-head,[data-rp=arrow] .rp-head,[data-rp=pct] .rp-head{top:0;left:calc(var(--rp) * 100%);color:var(--fg);opacity:.75;display:block;position:absolute;transform:translate(-100%)}.rp-head svg{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}[data-rp=cat] .reading-progress__bar,[data-rp=spiral] .reading-progress__bar,[data-rp=rocket] .reading-progress__bar{opacity:.35}[data-rp=cat] .rp-cat{width:36px;height:22px;margin-top:1px;animation:.5s ease-in-out infinite rp-walk;display:block;overflow:visible}.rp-cat .rp-eye{fill:currentColor;stroke:none;transform-box:fill-box;transform-origin:50%;animation:4s infinite rp-blink}.rp-cat .rp-lg{transform-box:fill-box;transform-origin:50% 0;animation:.5s ease-in-out infinite alternate rp-leg}.rp-cat .rp-lb2,.rp-cat .rp-lf2{animation-direction:alternate-reverse}.rp-cat .rp-lb1,.rp-cat .rp-lf2{opacity:.55}.rp-cat .rp-tail{transform-box:fill-box;transform-origin:100% 100%;animation:1.2s ease-in-out infinite alternate rp-tail}@keyframes rp-walk{50%{transform:translateY(-.6px)}}@keyframes rp-leg{0%{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes rp-tail{0%{transform:rotate(-10deg)}to{transform:rotate(14deg)}}@keyframes rp-blink{0%,94%,to{transform:none}97%{transform:scaleY(.1)}}[data-rp=spiral] .rp-sp{transform-origin:50%;width:20px;height:20px;transform:rotate(calc(var(--rp) * 30turn));margin-top:-8px;display:block}[data-rp=arrow] .rp-head{border:6px solid #0000;border-left:10px solid;border-radius:2px;width:0;height:0;margin-top:-4px;transform:translate(-2px)}[data-rp=pct] .reading-progress__bar{opacity:.25}[data-rp=pct] .rp-head{top:auto;left:auto;right:16px;bottom:calc(var(--ftr,0px) + env(safe-area-inset-bottom,0px) + 12px);color:var(--muted);font-variant-numeric:tabular-nums;counter-reset:p var(--pc);font-size:.75rem;position:fixed;transform:none}[data-rp=pct] .rp-head:after{content:counter(p) "%"}[data-rp=train] .rp-head,[data-rp=rocket] .rp-head,[data-rp=pixel] .rp-head,[data-rp=candle] .rp-head{top:0;left:calc(var(--rp) * 100%);color:var(--fg);opacity:.8;display:block;position:absolute;transform:translate(-100%)}[data-rp=train] .reading-progress{background:repeating-linear-gradient(90deg,var(--muted) 0 2px,transparent 0 20%);height:10px}[data-rp=train] .reading-progress:after{content:"";background:var(--fg);width:5px;height:16px;position:absolute;top:0;right:0}[data-rp=train] .reading-progress__bar{height:4px}[data-rp=train] .rp-tr{width:38px;height:18px;margin-top:5px;animation:.3s steps(2,end) infinite rp-walk;display:block}[data-rp=rocket] .rp-rk{width:46px;height:19px;margin-top:-7px;display:block;overflow:visible}.rp-rk .rp-flg{transform-origin:11px 7px;transform:scaleX(calc(.55 + var(--rv,0) * 1.6));transition:transform .12s linear}.rp-rk .rp-fl{fill:currentColor;fill-opacity:.35;stroke:none;transform-origin:11px 7px;animation:.12s ease-in-out infinite alternate rp-fire}.rp-rk .rp-fc{fill:currentColor;fill-opacity:.8;stroke:none;transform-origin:11px 7px;animation:90ms ease-in-out infinite alternate-reverse rp-fire}.rp-rk circle{fill:var(--bg)}@keyframes rp-fire{to{transform:scale(.82,.9)}}[data-rp=pixel] .rp-px{fill:currentColor;stroke:none;shape-rendering:crispedges;width:20px;height:20px;margin-top:3px;animation:1.6s steps(8,end) infinite rp-jump;display:block}[data-rp=pixel] .rp-f2{animation:.3s step-end infinite rp-step}[data-rp=pixel] .rp-f1{animation:.3s step-end infinite reverse rp-step}@keyframes rp-step{50%{opacity:0}}@keyframes rp-jump{75%{transform:none}85%{transform:translateY(-6px)}}[data-rp=candle] .rp-head{top:auto;left:16px;bottom:calc(var(--ftr,0px) + env(safe-area-inset-bottom,0px) + 12px);width:8px;height:calc(4px + (1 - var(--rp)) * 44px);border:1.2px solid;border-radius:1px;position:fixed;transform:none}[data-rp=candle] .rp-head:before{content:"";transform-origin:50% 100%;background:currentColor;border-radius:50%/60% 60% 40% 40%;width:6px;height:10px;margin-bottom:2px;animation:.4s infinite alternate rp-flick;position:absolute;bottom:100%;left:0}@keyframes rp-flick{to{transform:scale(.8,1.1)}}[data-rp=neon] .reading-progress__bar{opacity:1;height:4px;color:var(--link);box-shadow:0 0 calc(4px + var(--rv,0) * 8px) calc(var(--rv,0) * 2px) currentColor;background:currentColor;border-radius:0 2px 2px 0;transition:box-shadow .2s}.rp-snake{display:none}[data-rp=snake] .reading-progress{height:var(--rpb)}[data-rp=snake] .reading-progress__bar{display:none}[data-rp=snake] .rp-snake{width:calc(var(--rp) * 100% - 14px);display:block;position:absolute;inset:0 auto 0 0;overflow:hidden}.reading-progress .rp-snake svg{fill:none;width:2600px;height:20px;stroke:var(--sn);stroke-width:6px;stroke-linecap:round;margin-top:-10px;animation:.8s linear infinite rp-slither;position:absolute;top:50%;left:0}.rp-snake .rp-sn-dot{stroke:var(--sn2);stroke-width:2px;stroke-dasharray:4 8}@keyframes rp-slither{to{transform:translate(-40px)}}[data-rp=snake] .rp-head{top:50%;left:calc(var(--rp) * 100%);display:block;position:absolute;transform:translate(-100%,-50%)}[data-rp=snake] .rp-sn{width:22px;height:16px;fill:var(--sn);stroke:none;animation:.8s ease-in-out infinite rp-walk;display:block}[data-rp=snake] .rp-sn circle{fill:var(--sn2)}.reading-progress{--sn:color-mix(in srgb, var(--fg) 72%, var(--bg));--sn2:var(--link)}@media (width<=560px){.rp-head svg{stroke-width:1.7px}[data-rp=cat] .rp-cat{width:30px;height:18px}[data-rp=train] .rp-tr{width:32px;height:15px;margin-top:4px}[data-rp=pixel] .rp-px{width:16px;height:16px}[data-rp=rocket] .rp-rk{width:40px;height:16px;margin-top:-6px}}.rp-head,.rp-head *,.rp-head:before,.reading-progress__bar,.reading-progress .rp-snake svg{animation-play-state:paused!important}[data-rpm="1"] :is(.rp-head,.rp-head *,.reading-progress__bar,.rp-snake svg){animation-play-state:running!important}.rp-cf{top:calc(var(--hdr,0px) - 12px);z-index:101;pointer-events:none;width:6px;height:10px;animation:2.6s ease-in forwards rp-fall;position:fixed}@keyframes rp-fall{to{transform:translate(var(--dx),105vh) rotate(720deg)}}@media (prefers-reduced-motion:reduce){.reading-progress__bar{transition:none}.rp-cat{animation:none!important}.rp-sp{transform:none!important}.rp-head,.rp-head *,.rp-head:before,.reading-progress__bar,.rp-cf,.reading-progress .rp-snake svg{animation:none!important}.rp-cf{top:var(--hdr,0px);transform:translateY(var(--y))}.rp-cat *,.rp-rk *{animation:none!important;transform:none!important}.rp-rk .rp-flg{transition:none;transform:scaleX(.55)!important}}.related[data-astro-cid-vrecybdq]{border-top:1px solid var(--border,color-mix(in srgb, var(--muted) 30%, transparent));margin:3rem 0 1.5rem;padding-top:1.5rem}.related[data-astro-cid-vrecybdq] h2[data-astro-cid-vrecybdq]{color:var(--muted);margin:0 0 .75rem;font-size:1rem;font-weight:600}.related[data-astro-cid-vrecybdq] ul[data-astro-cid-vrecybdq]{margin:0;padding:0;list-style:none}.related[data-astro-cid-vrecybdq] a[data-astro-cid-vrecybdq]{min-height:44px;color:var(--fg);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;text-decoration:none;display:flex}.related[data-astro-cid-vrecybdq] a[data-astro-cid-vrecybdq]:hover .r-title[data-astro-cid-vrecybdq]{color:var(--link);text-underline-offset:3px;text-decoration:underline}.r-title[data-astro-cid-vrecybdq]{overflow-wrap:anywhere}.related[data-astro-cid-vrecybdq] time[data-astro-cid-vrecybdq]{color:var(--muted);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}@media (width<=480px){.related[data-astro-cid-vrecybdq] a[data-astro-cid-vrecybdq]{flex-direction:column;gap:.25rem}}