@layer components;@layer components{._1phv3xk0{text-decoration:none;color:inherit}._1phv3xk0:before,._1phv3xk0:after{transition:opacity .14s ease;opacity:0}._1phv3xk0:before{content:"["}._1phv3xk0:after{content:"]"}._1phv3xk0:focus-visible{outline:none}._1phv3xk0:focus-visible:before,._1phv3xk0:focus-visible:after{opacity:1}@media(hover:hover){._1phv3xk0:hover:before,._1phv3xk0:hover:after{opacity:1}}}@layer components;@layer components{[data-blog-slot]{display:contents!important}._1gw9g732{position:relative;background:radial-gradient(circle at 72% 48%,color-mix(in oklch,var(--effect-glow-color) 16%,transparent),transparent 28rem),radial-gradient(circle at 28% 18%,color-mix(in oklch,var(--effect-glow-color-alt) 10%,transparent),transparent 22rem),var(--background);overflow:clip}body:has(._1gw9g732){background:var(--background);color:var(--text-body)}._1gw9g733{position:fixed;inset:0;opacity:0;pointer-events:none;width:100%;height:100%}._1gw9g734{position:fixed;inset:0;opacity:.04;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}._1gw9g735{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 8);backdrop-filter:blur(1px);background:linear-gradient(180deg,color-mix(in oklch,var(--background) 84%,transparent) 60%,color-mix(in oklch,var(--background) 48%,transparent) 80%,transparent 100%);padding:calc(var(--spacing) * 5) calc(var(--spacing) * 7);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 90%,transparent 100%)}._1gw9g736{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 8) calc(var(--spacing) * 7)}._1gw9g737{position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,var(--background) 0%,color-mix(in oklch,var(--background) 70%,transparent) 72%,transparent 100%);pointer-events:none;width:100%;transition:opacity .5s ease}._1gw9g738{position:fixed;inset:0 auto 0 0;opacity:.2;background-image:linear-gradient(color-mix(in oklch,var(--color-white) 3%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--color-white) 3%,transparent) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;width:100%;transition:opacity .5s ease}._1gw9g739{position:relative;padding:calc(var(--spacing) * 16) calc(var(--spacing) * 6);width:100%;transition:opacity .4s ease,transform .4s ease,filter .4s ease}._1gw9g739::-webkit-scrollbar{display:none}._1gw9g73a{display:flex;flex-direction:column;gap:calc(var(--spacing) * 12)}._1gw9g73b{--_1gw9g730: 0px;--_1gw9g731: 0px;position:fixed;top:0;left:0;display:grid;grid-template-columns:7.5rem minmax(0,14rem);gap:calc(var(--spacing) * 3.5);transform:translate3d(var(--_1gw9g730),var(--_1gw9g731),0);backdrop-filter:blur(18px);border:1px solid color-mix(in oklch,var(--color-white) 12%,transparent);border-radius:var(--radius-md);box-shadow:inset 0 0 40px -24px color-mix(in oklch,var(--primary) 60%,transparent),0 18px 52px color-mix(in oklch,var(--color-black) 35%,transparent);background:color-mix(in oklch,var(--popover) 72%,transparent);pointer-events:none;padding:calc(var(--spacing) * 3);width:max-content;max-width:min(28rem,calc(100vw - calc(var(--spacing) * 8)))}._1gw9g73c{display:block;border:1px solid color-mix(in oklch,var(--color-white) 14.000000000000002%,transparent);border-radius:var(--radius-sm);object-fit:cover;width:calc(var(--spacing) * 30);height:calc(var(--spacing) * 19)}._1gw9g73d{min-width:0}._1gw9g73e{font-size:var(--text-base);line-height:var(--text-base--line-height);margin:0;text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 42%,transparent);color:var(--text-heading)}._1gw9g73f{font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:0;margin-top:calc(var(--spacing) * 1.5);color:var(--text-caption)}._1gw9g73g{font-size:var(--text-xs);line-height:var(--text-xs--line-height);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 1.5);margin-top:calc(var(--spacing) * 2);text-transform:uppercase;letter-spacing:.14em;color:var(--primary)}._1gw9g73b:has(._1gw9g73c[hidden]){grid-template-columns:minmax(0,16rem)}._1gw9g73h{position:relative;display:block;transform-origin:center;padding:calc(var(--spacing) * 4) calc(var(--spacing) * 8);text-decoration:none;color:inherit}._1gw9g73i{font-size:var(--text-xs);line-height:var(--text-xs--line-height);display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 3);transition:color .3s ease,text-shadow .3s ease;margin-bottom:calc(var(--spacing) * 2);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted)}._1gw9g73h:focus-visible ._1gw9g73i{text-shadow:0 0 10px color-mix(in oklch,var(--color-white) 38%,transparent);color:var(--text-heading)}._1gw9g73j{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height);position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease,left .3s ease,right .3s ease,color .3s ease,text-shadow .3s ease;opacity:0;pointer-events:none;color:var(--text-caption);font-weight:300}._1gw9g73h:focus-visible ._1gw9g73j{opacity:1;text-shadow:0 0 10px color-mix(in oklch,var(--color-white) 50%,transparent);color:var(--color-white)}._1gw9g73k{left:calc(var(--spacing) * 4)}._1gw9g73k:before{content:"["}._1gw9g73h:focus-visible ._1gw9g73k{left:0}._1gw9g73l{right:calc(var(--spacing) * 4)}._1gw9g73l:before{content:"]"}._1gw9g73h:focus-visible ._1gw9g73l{right:0}._1gw9g73h:focus-visible{outline:none}._1gw9g73m{font-size:var(--text-xl);line-height:var(--text-xl--line-height);transition:color .3s ease,text-shadow .3s ease;margin:0 0 calc(var(--spacing) * 2);color:var(--text-body);font-weight:500}._1gw9g73h:focus-visible ._1gw9g73m{text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 42%,transparent);color:var(--color-white)}._1gw9g73n{font-size:var(--text-sm);line-height:var(--text-sm--line-height);transition:color .3s ease;margin:0;max-width:22rem;color:var(--text-muted);font-weight:300}._1gw9g73h:focus-visible ._1gw9g73n{color:var(--text-body)}._1gw9g73o{position:fixed;z-index:10;inset:0;display:grid;transform:translateY(18px);opacity:0;background:color-mix(in oklch,var(--background) 20%,transparent);pointer-events:none;overflow:clip}._1gw9g73p{position:relative;display:flex;flex-direction:column;backdrop-filter:blur(18px);margin:calc(var(--spacing) * 14) calc(var(--spacing) * 3) 0;border:1px solid color-mix(in oklch,var(--color-white) 12%,transparent);border-radius:var(--radius-lg);box-shadow:0 32px 100px color-mix(in oklch,var(--color-black) 42%,transparent);background:color-mix(in oklch,var(--card) 86%,transparent);pointer-events:none;height:calc(100vh - calc(var(--spacing) * 17));overflow:clip;color:var(--text-body)}._1gw9g73q{content:"";position:absolute;backdrop-filter:blur(18px);border:0px solid color-mix(in oklch,var(--color-white) 10%,transparent);background:color-mix(in oklch,var(--card) 86%,transparent)}._1gw9g73r{top:0;left:0;border-bottom-width:1px;width:100%;height:calc(var(--spacing) * 10)}._1gw9g73s{display:none}._1gw9g73t{z-index:10;display:none}._1gw9g73u{font-size:var(--text-xs);line-height:var(--text-xs--line-height);position:relative;display:flex;flex:0 0 calc(var(--spacing) * 10);align-items:center;gap:calc(var(--spacing) * 4);opacity:0;padding:0 calc(var(--spacing) * 3)}._1gw9g73v{display:none}._1gw9g73w{display:flex;flex:0 0 auto;gap:calc(var(--spacing) * 1);margin-right:calc(var(--spacing) * -1);margin-left:auto;font-family:var(--font-mono)}._1gw9g73x{border:0;background:transparent;cursor:pointer;padding:0;text-transform:uppercase;letter-spacing:.12em;font:inherit}._1gw9g73x:focus-visible{text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 34%,transparent);color:var(--color-white)}._1gw9g73y{position:absolute;z-index:10;top:0;left:0;display:flex;align-items:center;padding:0 calc(var(--spacing) * 3);height:calc(var(--spacing) * 10)}._1gw9g73z{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing) * .5);transition:color .15s ease,text-shadow .15s ease;border:0;background:transparent;cursor:pointer;padding:0;anchor-name:--blog-toc-toggle}._1gw9g73z:focus-visible{outline:none;text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 34%,transparent);color:var(--color-white)}._1gw9g7310{display:block;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}._1gw9g7311{display:block;filter:drop-shadow(0 0 3px color-mix(in oklch,var(--color-white) 20%,transparent));width:100%;height:100%}._1gw9g7312{position:fixed;z-index:10;top:anchor(bottom);left:anchor(left);isolation:isolate;transform:translateY(calc(var(--spacing) * 1.5));transition:opacity .16s ease,transform .22s cubic-bezier(.16,1,.3,1),overlay .16s ease allow-discrete,display .16s ease allow-discrete;opacity:0;backdrop-filter:blur(18px);margin:calc(var(--spacing) * 5) 0 0;border:1px solid color-mix(in oklch,var(--color-white) 13%,transparent);border-radius:var(--radius-lg);box-shadow:inset 0 1px color-mix(in oklch,var(--color-white) 5%,transparent),0 24px 70px color-mix(in oklch,var(--color-black) 42%,transparent);background:color-mix(in oklch,var(--popover) 94%,transparent);padding:calc(var(--spacing) * 4);width:calc(100svw - calc(var(--spacing) * 16));max-width:30rem;max-height:min(22rem,50svh);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--text-caption) 34%,transparent) transparent;position-anchor:--blog-toc-toggle}._1gw9g7312:popover-open{transform:translateY(0);opacity:1}:has(._1gw9g7312:popover-open) ._1gw9g73z{outline:none;text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 34%,transparent);color:var(--color-white)}._1gw9g7313{font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin:0 0 calc(var(--spacing) * 3);text-transform:uppercase;letter-spacing:.16em;color:var(--text-caption)}._1gw9g7314{display:grid;gap:calc(var(--spacing) * 1);margin:0;padding:0;list-style:none}._1gw9g7315{font-size:var(--text-sm);line-height:var(--text-sm--line-height);display:grid;grid-template-columns:4em minmax(0,1fr);align-items:baseline;transition:color .15s ease,background .15s ease,text-shadow .15s ease;border-radius:var(--radius-sm);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);overflow-wrap:anywhere;text-decoration:none;color:var(--text-heading)}._1gw9g7315[aria-current=true],._1gw9g7315:focus-visible{outline:none;background:color-mix(in oklch,var(--color-white) 5%,transparent);text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 28.000000000000004%,transparent);color:var(--color-white)}._1gw9g7316{font-size:var(--text-xs);line-height:var(--text-xs--line-height);letter-spacing:.08em;color:color-mix(in oklch,var(--primary) 60%,transparent);font-family:var(--font-mono);font-style:normal;font-variant-numeric:tabular-nums}._1gw9g7317{position:relative;display:grid;flex:1 1 auto;transform:translateY(10px);min-height:0}._1gw9g7318{position:relative;padding:calc(var(--spacing) * 10) calc(var(--spacing) * 7) 25vh;min-width:0;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--text-caption) 34%,transparent) transparent}._1gw9g7319{transform:translateY(10px);opacity:0;margin:0 0 calc(var(--spacing) * 6)}._1gw9g7319[hidden]{display:none}._1gw9g731a{display:block;margin-inline:auto;object-fit:contain;max-width:100%}._1gw9g731b{font-size:var(--text-sm);line-height:var(--text-sm--line-height);margin:calc(var(--spacing) * 2.5) 0 0;text-align:center;color:var(--text-caption)}._1gw9g731c{font-size:var(--text-xs);line-height:var(--text-xs--line-height);transform:translateY(10px);opacity:0;margin-bottom:calc(var(--spacing) * 10);border-bottom:1px solid color-mix(in oklch,var(--color-white) 9%,transparent);padding-bottom:calc(var(--spacing) * 6);color:var(--text-caption);font-family:var(--font-mono)}._1gw9g731d{display:flex;gap:calc(var(--spacing) * 1.5)}._1gw9g731e{flex-shrink:0}._1gw9g731f{margin:0;color:var(--text-body);font-weight:400}._1gw9g731g{transform:translateY(10px);opacity:0;margin:0 0 calc(var(--spacing) * 4);line-height:1.15;letter-spacing:-.06em;color:var(--color-white);font-size:var(--text-4xl);font-weight:600;scroll-margin-top:calc(var(--spacing) * 14)}._1gw9g731g>a{text-decoration:none;color:inherit}._1gw9g731h{transform:translateY(10px);opacity:0;margin:0 0 calc(var(--spacing) * 8);line-height:1.75;white-space:pre-line;color:var(--text-caption);font-size:var(--text-base)}._1gw9g731i{transform:translateY(10px);opacity:0}[data-blog-route=detail] ._1gw9g739{pointer-events:none;transform:translate(-40px);opacity:0;filter:blur(5px)}[data-blog-route=detail] ._1gw9g73p{pointer-events:auto}[data-blog-route=detail] ._1gw9g737,[data-blog-route=detail] ._1gw9g738{opacity:0}[data-blog-route=detail] ._1gw9g73o{transform:translateY(0);transition:opacity .26s ease,transform .36s cubic-bezier(.16,1,.3,1);opacity:1}[data-blog-route=detail] ._1gw9g73u{transition:opacity .28s ease 70ms;opacity:1}[data-blog-route=detail] ._1gw9g7317{transform:none;transition:opacity .28s ease .11s,transform .36s cubic-bezier(.16,1,.3,1) .11s;opacity:1}[data-blog-route=detail] ._1gw9g7319{transform:none;transition:opacity .28s ease .13s,transform .36s cubic-bezier(.16,1,.3,1) .13s;opacity:1}[data-blog-route=detail] ._1gw9g731c{transform:none;transition:opacity .28s ease .17s,transform .36s cubic-bezier(.16,1,.3,1) .17s;opacity:1}[data-blog-route=detail] ._1gw9g731g{transform:none;transition:opacity .28s ease .21s,transform .36s cubic-bezier(.16,1,.3,1) .21s;opacity:1}[data-blog-route=detail] ._1gw9g731h{transform:none;transition:opacity .28s ease .25s,transform .36s cubic-bezier(.16,1,.3,1) .25s;opacity:1}[data-blog-route=detail] ._1gw9g731i{transform:none;transition:opacity .28s ease .29s,transform .36s cubic-bezier(.16,1,.3,1) .29s;opacity:1}@media(width>=768px){._1gw9g733{opacity:1;pointer-events:auto}._1gw9g735{position:fixed;top:calc(var(--spacing) * 6);right:calc(var(--spacing) * 10);backdrop-filter:none;background:none;padding:0;mask-image:none}._1gw9g736{position:fixed;right:calc(var(--spacing) * 10);bottom:calc(var(--spacing) * 6);flex-direction:column-reverse;align-items:flex-end;padding:0}._1gw9g737{background:linear-gradient(90deg,var(--background) 0%,color-mix(in oklch,var(--background) 72%,transparent) 62%,transparent 100%);width:min(45rem,100%)}._1gw9g738{width:456px}._1gw9g739{position:fixed;inset:0 auto 0 0;padding:45vh calc(var(--spacing) * 12);width:456px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}._1gw9g73p{margin:calc(var(--spacing) * 16) auto 0;width:calc(100% - calc(var(--spacing) * 16));max-width:53.75rem;height:calc(100vh - calc(var(--spacing) * 22))}._1gw9g73s{top:calc(var(--spacing) * 10);bottom:0;left:calc(var(--spacing) * 16);display:block;border-left-width:1px}._1gw9g73t{bottom:0;left:0;display:block;border-top-width:1px;width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 8)}._1gw9g73u{padding:0 calc(var(--spacing) * 4)}._1gw9g73v{display:inline;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono)}._1gw9g73w{gap:calc(var(--spacing) * 1);margin-right:calc(var(--spacing) * -2)}._1gw9g73y{top:auto;bottom:0;left:0;padding:0;width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 8)}._1gw9g73z{width:100%;height:100%}._1gw9g7312{top:auto;right:auto;bottom:anchor(bottom);left:anchor(right);margin:0 0 calc(var(--spacing) * 2) calc(var(--spacing) * 3)}._1gw9g7318{padding:calc(var(--spacing) * 8) calc(var(--spacing) * 13) 12.5vh calc(var(--spacing) * 29)}._1gw9g731g{line-height:1.15;font-size:var(--text-5xl)}._1gw9g731i :is(h1,h2,h3,h4,h5,h6)>i[data-heading-outline]{font-size:var(--text-xs);line-height:1lh;position:relative;left:calc(var(--spacing) * -25);display:inline-block;pointer-events:none;width:0;height:1lh;vertical-align:top;text-align:left;text-shadow:0 0 14px color-mix(in oklch,var(--primary) 18%,transparent);user-select:none;white-space:nowrap;color:color-mix(in oklch,var(--primary) 60%,transparent);font-family:var(--font-mono);font-weight:400;font-style:normal;font-variant-numeric:tabular-nums}._1gw9g731i :is(h1,h2,h3,h4,h5,h6)>i[data-heading-outline]:before{content:attr(data-heading-outline)}[data-blog-route=detail] ._1gw9g737{opacity:1}[data-blog-route=detail] ._1gw9g738{opacity:.2}}@media(hover:hover){._1gw9g73h:hover ._1gw9g73i{text-shadow:0 0 10px color-mix(in oklch,var(--color-white) 38%,transparent);color:var(--text-heading)}._1gw9g73h:hover ._1gw9g73j{opacity:1;text-shadow:0 0 10px color-mix(in oklch,var(--color-white) 50%,transparent);color:var(--color-white)}._1gw9g73h:hover ._1gw9g73k{left:0}._1gw9g73h:hover ._1gw9g73l{right:0}._1gw9g73h:hover ._1gw9g73m{text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 42%,transparent);color:var(--color-white)}._1gw9g73h:hover ._1gw9g73n{color:var(--text-body)}._1gw9g73x:hover{text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 34%,transparent);color:var(--color-white)}._1gw9g7315:hover{background:color-mix(in oklch,var(--color-white) 5%,transparent);text-shadow:0 0 12px color-mix(in oklch,var(--color-white) 28.000000000000004%,transparent);color:var(--color-white)}}@media(width>=1280px){._1gw9g73o{inset:0 0 0 456px;background:transparent}[data-blog-route=detail] ._1gw9g739{pointer-events:auto;transform:translate(-12px) scale(.98);opacity:.46;filter:saturate(70%)}[data-blog-route=detail] ._1gw9g739:has(._1gw9g73h:focus-visible){transform:none;opacity:1;filter:none}}@starting-style{._1gw9g7312:popover-open{transform:translateY(calc(var(--spacing) * 1.5));opacity:0}[data-blog-route=detail] ._1gw9g73o{transform:translateY(18px);opacity:0}[data-blog-route=detail] ._1gw9g73u{opacity:0}[data-blog-route=detail] ._1gw9g7317,[data-blog-route=detail] ._1gw9g7319,[data-blog-route=detail] ._1gw9g731c,[data-blog-route=detail] ._1gw9g731g,[data-blog-route=detail] ._1gw9g731h,[data-blog-route=detail] ._1gw9g731i{transform:translateY(10px);opacity:0}}@media(width>=1280px)and (hover:hover){[data-blog-route=detail] ._1gw9g739:hover{transform:none;opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){._1gw9g733{display:none}}}