@layer base.props{:root{--indigo-7:#4263eb;--purple-7:#ae3ec9;--gray-9:#212529;--gray-7:#495057;--gray-0:#f8f9fa;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-lineheight-3:1.5;--red-6:#fa5252;--red-3:#ffa8a8;--gray-6:#868e96;--indigo-3:#91a7ff;--purple-3:#e599f7;--gray-1:#f1f3f5;--gray-8:#343a40;--ease-2:cubic-bezier(.25,0,.4,1);--font-weight-9:900;--font-lineheight-1:1.25;--font-size-8:3.5rem;--size-header-1:20ch;--font-size-6:2.5rem;--size-header-2:25ch;--font-size-5:2rem;--font-size-4:1.5rem;--font-size-3:1.25rem;--size-header-3:35ch;--font-size-2:1.1rem;--size-1:.25rem;--indigo-2:#bac8ff;--purple-2:#eebefa;--size-2:.5rem;--radius-2:5px;--size-3:1rem;--size-10:5rem;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--border-size-1:1px;--size-8:3rem;--size-content-2:45ch;--size-content-3:60ch;--font-weight-7:700;--size-5:1.5rem;--font-size-0:.75rem;--size-content-1:20ch;--border-size-2:2px;--size-fluid-5:clamp(4rem,5vw,5rem);--font-size-1:1rem;--border-size-3:5px;--size-4:1.25rem;--red-9:#c92a2a;--red-2:#ffc9c9;--green-9:#2b8a3e;--green-1:#d3f9d8;--blue-5:#339af0;--radius-3:1rem;--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--gray-5:#adb5bd;--layer-1:1;--ratio-widescreen:16/9;--purple-6:#be4bdb;--lime-6:#82c91e;--orange-6:#fd7e14;--yellow-3:#ffe066;--ratio-square:1;--radius-round:1e5px;--shadow-color:220 3% 15%;--shadow-strength:1%;--font-weight-5:500;--ease-elastic-1:cubic-bezier(.5,.75,.75,1.25);--gray-11:#0d0f12;--size-6:1.75rem;--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--font-weight-4:400;--font-lineheight-5:2;--size-fluid-4:clamp(2rem,4vw,3rem);--size-7:2rem;--font-lineheight-4:1.75;--font-weight-8:800;--size-fluid-3:clamp(1.5rem,3vw,2rem);--radius-5:4rem;--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--cyan-5:#22b8cf;--indigo-5:#5c7cfa;--purple-5:#cc5de8;--ease-out-4:cubic-bezier(0,0,.1,1);--pink-5:#f06595;--lime-5:#94d82d;--cyan-3:#66d9e8;--ease-squish-3:cubic-bezier(.5,-.5,.1,1.5);--ease-3:cubic-bezier(.25,0,.3,1);--indigo-0:#edf2ff;--indigo-8:#3b5bdb;--indigo-1:#dbe4ff;--font-letterspacing-3:.075em;--indigo-12-hsl:230 57% 30%;--animation-fade-out:fade-out .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-fade-in:fade-in .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--font-letterspacing-2:.050em;--font-weight-2:200;--font-weight-3:300;--gray-12:#030507;--gray-10:#16191d;--font-size-7:3rem;--size-9:4rem;--ease-elastic-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-4:cubic-bezier(.5,1.5,.75,1.25);--ease-out-5:cubic-bezier(0,0,0,1)}@media (prefers-color-scheme:dark){:root{--shadow-color:220 40% 2%;--shadow-strength:25%}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-in-right{0%{transform:translateX(-100%)}}}@layer base.normalize{:where(html){--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-9);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);-webkit-text-size-adjust:none;accent-color:var(--brand,var(--link));background-color:var(--surface-1);block-size:100%;caret-color:var(--brand,var(--link));color:var(--text-2);color-scheme:light;font-family:var(--font-sans);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){:where(html){--link:color(display-p3 .1 .4 1);--link-visited:color(display-p3 .6 .2 1)}}}:where(html) :where(dialog){background-color:var(--surface-1)}:where(html) :where(button){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) :where(button,input:is([type=button],[type=submit],[type=reset]))[disabled]{--_text:var(--gray-6)}:where(html) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media (prefers-color-scheme:dark){:where(html){--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}}:where(h1,h2,h3,h4,h5,h6,dt){color:var(--text-1)}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):visited{color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:after,:before{box-sizing:border-box}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}@media (prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media (prefers-reduced-motion:no-preference){:where(:focus-visible){transition:outline-offset 145ms var(--ease-2)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){font-weight:var(--font-weight-9);line-height:var(--font-lineheight-1)}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports (-moz-appearance:none){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}:where(a){margin-block:calc(var(--size-1)*-1);margin-inline:calc(var(--size-1)*-1);padding-block:var(--size-1);padding-inline:var(--size-1)}:where(a):where([href]){text-decoration-color:var(--indigo-2)}:where(a):where([href]):where(:visited){text-decoration-color:var(--purple-2)}:where(a):where(:not(:hover)){text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font:inherit;font-size:inherit;letter-spacing:inherit}::placeholder{color:var(--gray-7);opacity:.75}:where(input:not([type=range]),textarea){padding-block:var(--size-1);padding-inline:var(--size-2)}:where(select){padding-block:.75ch;padding-inline:1.25ch 0}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2);border-radius:var(--radius-2)}:where(textarea){resize:block}:where(input[type=checkbox],input[type=radio]){block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){max-inline-size:max-content;min-inline-size:0;white-space:pre;writing-mode:lr}:where(:not(pre)>code){background:var(--surface-2);border-radius:var(--radius-2);padding:var(--size-1) var(--size-2);writing-mode:lr}:where(kbd,var){border-color:var(--surface-4);border-radius:var(--radius-2);border-width:var(--border-size-1);padding:var(--size-1) var(--size-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3)}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){background-color:var(--surface-3);height:var(--border-size-2);margin-block:var(--size-fluid-5)}:where(figure){display:grid;gap:var(--size-2);place-items:center}:where(figure)>:where(figcaption){font-size:var(--font-size-1)}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){display:grid;gap:var(--size-3);max-inline-size:var(--size-content-2);padding-block:var(--size-3);padding-inline:var(--size-4)}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);border-radius:var(--radius-2);margin:calc(var(--size-2)*-1) calc(var(--size-3)*-1);padding:var(--size-2) var(--size-3)}:where(details){background:var(--surface-2);border-radius:var(--radius-2);padding-block:var(--size-2);padding-inline:var(--size-3)}:where(details[open]>summary){border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--size-2)}:where(fieldset){border:var(--border-size-1) solid var(--surface-4);border-radius:var(--radius-2)}:where(del){background:var(--red-9);color:var(--red-2)}:where(ins){background:var(--green-9);color:var(--green-1)}:where(abbr){text-decoration-color:var(--blue-5)}:where(dialog){background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-6);color:inherit}:where(dialog)::backdrop{backdrop-filter:blur(25px)}:where(html[\:has\(dialog\[open\]\)]){overflow:hidden}:where(html:has(dialog[open])){overflow:hidden}:where(menu){display:flex;gap:var(--size-3);padding-inline-start:0}:where(sup){font-size:.5em}@media (prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}::placeholder{color:var(--gray-6)}}}@layer base.theme{:where([data-theme=light],.light,.light-theme){--link:var(--indigo-7);--link-visited:var(--purple-7);--text-1:var(--gray-9);--text-2:var(--gray-7);--surface-1:var(--gray-0);--surface-2:var(--gray-2);--surface-3:var(--gray-3);--surface-4:var(--gray-4);--scrollthumb-color:var(--gray-7);--shadow-color:220 3% 15%;--shadow-strength:1%;color-scheme:light}@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){:where([data-theme=light],.light,.light-theme){--link:color(display-p3 .1 .4 1);--link-visited:color(display-p3 .6 .2 1)}}}:where([data-theme=light],.light,.light-theme) :where(dialog){background-color:var(--surface-1)}:where([data-theme=light],.light,.light-theme) :where(button){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where([data-theme=light],.light,.light-theme) :where(button):where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where([data-theme=light],.light,.light-theme) :where(button,input:is([type=button],[type=submit],[type=reset]))[disabled]{--_text:var(--gray-6)}:where([data-theme=light],.light,.light-theme) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}}@layer base.theme{:where([data-theme=dark],.dark,.dark-theme){--link:var(--indigo-3);--link-visited:var(--purple-3);--text-1:var(--gray-1);--text-2:var(--gray-4);--surface-1:var(--gray-9);--surface-2:var(--gray-8);--surface-3:var(--gray-7);--surface-4:var(--gray-6);--scrollthumb-color:var(--gray-6);--shadow-strength:10%;--shadow-color:220 40% 2%;color-scheme:dark}:where([data-theme=dark],.dark,.dark-theme) :where(dialog){background-color:var(--surface-2)}:where([data-theme=dark],.dark,.dark-theme) :where(button){--_highlight:var(--_highlight-dark);--_bg:var(--_bg-dark);--_ink-shadow:var(--_ink-shadow-dark)}:where([data-theme=dark],.dark,.dark-theme) :where(button):where([type=reset]){--_text:var(--red-2);--_border:var(--surface-3)}:where([data-theme=dark],.dark,.dark-theme) :where(button,input:is([type=button],[type=submit],[type=reset]))[disabled]{--_text:var(--gray-5)}:where([data-theme=dark],.dark,.dark-theme) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where([data-theme=dark],.dark,.dark-theme) :where([disabled]),:where([data-theme=dark],.dark,.dark-theme) :where([type=reset]),:where([data-theme=dark],.dark,.dark-theme) :where([type=submit]),:where([data-theme=dark],.dark,.dark-theme) :where(form button:not([type=button])){--_bg:var(--surface-1)}}@layer base.utilities{.center-center{flex-direction:column;justify-content:center}.center-center,.inline-wrap{align-items:center;display:flex;gap:var(--size-2)}.inline-wrap{flex-wrap:wrap}.block-stack{display:grid;gap:var(--size-3);justify-items:start}:is(.visually-hidden,.sr-only){block-size:0;inline-size:0;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer base.containers{cq-document-vi{container-type:inline-size;container-name:cq-document-vi}}@layer base.nojs{[nojs] .ThemeSwitch,[nojs] .share-button,body:not([nojs]) .nojs{display:none}[nojs] .PostItem{cursor:auto}}@layer components.toast{.gui-toast-group{display:grid;gap:var(--size-2);inset-block-end:0;inset-inline:0;justify-content:center;justify-items:center;padding-block-end:5vh;pointer-events:none;position:fixed;z-index:var(--layer-1)}.gui-toast{--_duration:3s;--_travel-distance:0;animation:fade-in .3s ease,slide-in .3s var(--ease-elastic-1),fade-out .3s ease var(--_duration);background:var(--surface-2);border-radius:var(--radius-round);font-weight:var(--font-weight-5);max-inline-size:min(25ch,90vw);padding-block:var(--size-2);padding-inline:var(--size-3);will-change:transform}@media (prefers-reduced-motion:no-preference){.gui-toast{--_travel-distance:5vh}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes slide-in{0%{transform:translateY(var(--_travel-distance,10px))}}}@layer components.markdown{p:empty{display:none}pre{border-radius:var(--radius-3);overflow:auto;padding:var(--size-3)}:not(pre)>code,pre{background:#fff;border:1px solid var(--surface-2);font-size:var(--font-size-2)}@media (min-width:1024px){:not(pre)>code,pre{font-size:var(--font-size-3)}}@media (prefers-color-scheme:dark){:not(pre)>code,pre{background:var(--gray-11);border:none}}[data-theme=light] :is(pre,:not(pre)>code){background:#fff;border:1px solid var(--surface-2)}[data-theme=dark] :is(pre,:not(pre)>code){background:var(--gray-11);border:none}:not(pre)>code{font-size:var(--font-size-1)}a:has(code){text-underline-offset:3px}.codepen-embed{aspect-ratio:var(--ratio-widescreen);inline-size:1024px;max-inline-size:100%}@media (prefers-reduced-motion:no-preference){.BlogDetail article li{view-timeline-name:--list-item-timeline;animation-timeline:--list-item-timeline;animation-range:entry 25% cover 50%;animation-fill-mode:both;animation-name:list-item-scroll-effect}}@keyframes list-item-scroll-effect{0%{opacity:0;transform:translateX(-15px)}}}@layer components.syntax{:root{--_syntax-color-1:var(--neon-pink);--_syntax-color-2:var(--link);--_syntax-color-3:#639;--_syntax-color-read:var(--text-1);--_syntax-color-subdued:var(--text-2);--shiki-token-comment:var(--gray-7)}@media (prefers-color-scheme:dark){:root{--_syntax-color-1:var(--neon-purple-on-dark);--_syntax-color-2:var(--neon-cyan);--_syntax-color-3:var(--neon-pink);--shiki-token-comment:var(--gray-6)}}[data-theme=light]{--_syntax-color-1:var(--neon-pink);--_syntax-color-2:var(--link);--_syntax-color-3:#639;--shiki-token-comment:var(--gray-7)}[data-theme=dark]{--_syntax-color-1:var(--neon-purple-on-dark);--_syntax-color-2:var(--neon-cyan);--_syntax-color-3:var(--neon-pink);--shiki-token-comment:var(--gray-6)}[style$="color: var(--shiki-token-comment)"]{font-style:italic}[class*=language-]{display:grid}.language-css{--shiki-color-text:var(--_syntax-color-read);--shiki-token-constant:var(--_syntax-color-read);--shiki-token-string:var(--_syntax-color-read);--shiki-token-keyword:var(--_syntax-color-1);--shiki-token-function:var(--_syntax-color-2);--shiki-token-string-expression:var(--_syntax-color-2);--shiki-token-punctuation:var(--_syntax-color-3);--shiki-token-link:var(--_syntax-color-1)}:is(.language-html,.language-xml){--shiki-color-text:var(--_syntax-color-subdued);--shiki-token-constant:var(--_syntax-color-read);--shiki-token-string:var(--_syntax-color-read);--shiki-token-keyword:var(--_syntax-color-2);--shiki-token-function:var(--_syntax-color-1);--shiki-token-string-expression:var(--_syntax-color-2);--shiki-token-punctuation:var(--_syntax-color-3);--shiki-token-link:var(--_syntax-color-1)}.language-js{--shiki-color-text:var(--_syntax-color-read);--shiki-token-constant:var(--_syntax-color-3);--shiki-token-string:var(--_syntax-color-read);--shiki-token-keyword:var(--_syntax-color-1);--shiki-token-function:var(--_syntax-color-2);--shiki-token-string-expression:var(--_syntax-color-read);--shiki-token-punctuation:var(--_syntax-color-3);--shiki-token-link:var(--_syntax-color-1)}}@layer components.p3{:root{--neon-red:var(--red-6);--neon-cyan:cyan;--neon-pink:#ff1493;--neon-purple:var(--purple-6);--neon-purple-on-dark:#9461fd;--neon-blue:#2dd9fe;--neon-green:var(--lime-6);--neon-orange:var(--orange-6);--neon-yellow:var(--yellow-3)}}@layer components.p3{@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){:root{--neon-red:color(display-p3 1 0 0);--neon-cyan:color(display-p3 0 0.75 1);--neon-pink:color(display-p3 1 0 1);--neon-purple:color(display-p3 .5 0 1);--neon-purple-on-dark:color(display-p3 .5 0.35 1);--neon-blue:color(display-p3 0 0 1);--neon-green:color(display-p3 0 1 0);--neon-orange:color(display-p3 1 .5 0);--neon-yellow:color(display-p3 1 1 0)}}}}@layer components.quote{q{background-color:var(--surface-1);border-radius:var(--radius-3);box-shadow:var(--shadow-2);display:inline-grid;max-inline-size:var(--size-content-2);padding:var(--size-4);padding-inline:var(--size-6);position:relative}q:before{background-color:var(--surface-document);clip-path:circle(40%);content:url(https://api.iconify.design/mingcute:quote-right-fill.svg?color=%23495057);inset-block-start:0;inset-inline-start:0;padding:var(--size-3);position:absolute;transform:translateX(-50%) translateY(-50%)}q.warning:before{content:url(https://api.iconify.design/mdi:lightning-bolt.svg?color=%2300ff00)}q.info:before{content:url(https://api.iconify.design/material-symbols:rocket-launch-rounded.svg?color=%235c7cfa)}q.twitter:before{content:url(https://api.iconify.design/mdi:twitter.svg?color=%231DA1F2)}q.mastodon:before{content:url(https://api.iconify.design/mdi:mastodon.svg?color=%236a43fd)}q:after{display:none}q>cite{align-items:center;background:var(--surface-2);border:none;border-radius:var(--radius-3);box-shadow:var(--shadow-2);color:var(--text-1);display:flex;font-size:var(--font-size-1);font-style:normal;font-weight:var(--font-weight-4);gap:var(--size-2);inset-block-end:-3.5ex;justify-self:end;line-height:var(--font-lineheight-5);margin-top:-1.5ex;padding-inline:var(--size-3);position:relative}q>cite img{aspect-ratio:1;border-radius:var(--radius-round);object-fit:cover;overflow:hidden}q>cite:has(img){padding-inline:var(--size-1) var(--size-2)}}@layer components.glitch{@media (prefers-reduced-motion:no-preference){:not([scroll-direction=down]) .gui-skull:not(:hover){animation:cyberpunk-glitch 7s step-end infinite,skew-glitch 7s step-end infinite}}}@layer components.glitch{@keyframes skew-glitch{0%{transform:skew(83deg,2deg) scaleY(.15)}27%{transform:skew(-83deg,2deg) scaleY(.15)}66%{transform:skew(93deg,-2deg) scaleY(.15)}91%{transform:skew(-89deg,-2deg) scaleY(.15)}1%,28%,67%,92%{transform:none}}@keyframes cyberpunk-glitch{0%{clip-path:polygon(96% 81%,23% 67%,3% 70%,81% 58%,63% 65%,71% 18%,60% 85%,22% 27%,26% 25%,60% 53%,79% 62%,61% 6%,8% 1%,12% 81%,12% 21%,75% 7%,31% 61%,69% 79%,41% 46%,3% 7%,94% 96%,16% 40%,10% 99%,22% 67%,83% 41%,92% 76%)}4%{clip-path:polygon(25% 86%,59% 45%,12% 89%,25% 14%,1% 82%,36% 13%,85% 53%,59% 8%,12% 76%,69% 93%,3% 49%,74% 64%,6% 87%,36% 94%,55% 30%,53% 16%,26% 39%,7% 69%,23% 96%,83% 38%,33% 25%,7% 36%,28% 41%,27% 85%,9% 77%,64% 47%)}27%{clip-path:polygon(39% 7%,81% 81%,97% 19%,37% 54%,19% 66%,98% 57%,10% 45%,60% 82%,10% 96%,46% 53%,70% 68%,89% 24%,6% 45%,81% 29%,68% 54%,77% 32%,90% 44%,28% 36%,66% 72%,12% 98%,83% 10%,11% 71%,71% 78%,11% 93%,50% 29%,36% 36%)}51%{clip-path:polygon(18% 34%,31% 77%,73% 57%,69% 50%,62% 33%,34% 10%,3% 66%,76% 4%,44% 97%,43% 50%,68% 3%,72% 17%,94% 57%,46% 74%,69% 17%,56% 24%,93% 59%,10% 84%,93% 76%,70% 26%,93% 2%,84% 83%,25% 4%,49% 93%,14% 64%,31% 60%)}66%{clip-path:polygon(91% 2%,50% 60%,51% 75%,11% 27%,96% 3%,36% 12%,22% 49%,21% 75%,13% 30%,29% 41%,2% 76%,72% 52%,40% 56%,19% 38%,32% 7%,30% 34%,3% 27%,48% 17%,1% 33%,16% 41%,24% 21%,47% 42%,16% 4%,81% 91%,45% 83%,21% 21%)}91%{clip-path:polygon(21% 73%,5% 5%,41% 55%,3% 59%,99% 94%,66% 86%,30% 46%,69% 100%,81% 83%,34% 55%,36% 8%,2% 5%,94% 91%,90% 71%,38% 92%,55% 46%,67% 68%,59% 98%,30% 87%,22% 45%,59% 76%,47% 6%,79% 3%,20% 61%,61% 96%,46% 18%)}1%,28%,5%,53%,67%,92%{clip-path:none}}}@layer components.fresh{.BlogDetail{align-items:start;gap:var(--size-8);grid-template-columns:1fr;justify-items:start;margin-inline:auto;max-inline-size:max-content;padding-block-end:var(--size-fluid-4);padding-inline:var(--size-inline-1)}:not(.BlogHero)+.BlogMeta+.BlogDetail{margin-block-start:20vh}@container cq-document-vi (min-inline-size: 900px){.BlogDetail{grid-template-columns:var(--size-content-3) var(--size-content-1);margin-block-start:var(--size-10)}.BlogDetail>aside{grid-column:2}}.BlogDetail>article{border-radius:var(--radius-3);gap:var(--size-7);grid-row:1}.BlogDetail>article :is(img,video){border-radius:var(--radius-3);justify-self:center}.BlogDetail>article p{line-height:var(--font-lineheight-4)}.BlogDetail>article>p:first-of-type:first-letter{float:left;float:start;font-size:7ex;font-size:2lh;font-weight:var(--font-weight-8);line-height:.85;margin-inline-end:var(--size-2);text-transform:uppercase}@supports (initial-letter:2){.BlogDetail>article>p:first-of-type:first-letter{initial-letter:2;float:none;line-height:1}}.BlogDetail>article>p:first-of-type:first-line{font-size:var(--font-size-4);font-weight:var(--font-weight-4)}.BlogDetail>article :is(h2,h3,h4,h6){text-wrap:balance;margin-block-end:calc(var(--size-5)*-1)}.BlogDetail>article :is(h2,h3,h4,h6):not(:first-child){margin-block-start:var(--size-fluid-3)}.BlogDetail>article :is(h2,h3,h4,h6):not(:hover)>a{opacity:.15}@media (max-width:767px){.BlogDetail>article h2{font-size:var(--font-size-5)}.BlogDetail>article h3{font-size:var(--font-size-4)}.BlogDetail>article h4{font-size:var(--font-size-3)}}.BlogDetail>.Footer{justify-self:center}.BlogDetail code{font-size:max(1em,var(--font-size-1))}.BlogDetail pre{max-inline-size:100%}.BlogDetail>article>pre{padding:0}.BlogDetail iframe{block-size:auto;max-inline-size:100%}.BlogDetail a{word-break:break-word}.BlogDetail ol>li:hover::marker{font-weight:var(--font-weight-8)}}@layer components.fresh{.BlogHero{display:flex;justify-content:center;margin-inline:var(--size-3)}@media (min-width:768px){.BlogHero{margin-block-start:var(--size-5);margin-inline:var(--size-5)}}.BlogHero>div{max-inline-size:calc(var(--size-content-3)*1.5)}.BlogHero img{border-radius:var(--radius-5);box-shadow:var(--shadow-5)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.BlogHero img{animation-timeline:scroll();animation-range:0 90vh;animation-fill-mode:both;animation-name:hero-scroll-effect}}}@keyframes hero-scroll-effect{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(10vh)}}}@layer components.fresh{.BlogMeta{column-gap:var(--size-8);grid-template-columns:auto minmax(0,var(--size-content-3));margin-block-end:var(--size-fluid-4);margin-inline:auto;padding-inline:var(--size-inline-1);row-gap:var(--size-2)}.BlogMeta>*{grid-column:2}@media (max-width:767px){.BlogMeta>*{grid-column:-1/1}}.BlogMeta .read-time{display:flex;gap:var(--size-2)}.BlogMeta>h1{--color-1:var(--cyan-5);--color-2:var(--indigo-5);--color-3:var(--purple-5);--color-4:var(--indigo-5);--color-5:var(--cyan-5);text-wrap:balance;background:linear-gradient(to top right,var(--color-1) calc(19% - 1px),transparent 19%,transparent calc(20% - 1px),var(--color-2) 20%,var(--color-2) calc(39% - 1px),transparent 39%,transparent calc(40% - 1px),var(--color-3) 40%,var(--color-3) calc(59% - 1px),transparent 59%,transparent calc(60% - 1px),var(--color-4) 60%,var(--color-4) calc(79% - 1px),transparent 79%,transparent calc(80% - 1px),var(--color-5) 80%);background-clip:text;-webkit-background-clip:text;color:transparent;margin-block-start:var(--size-3);word-break:break-word}@media (prefers-color-scheme:dark){.BlogMeta>h1{--color-1:var(--neon-green);--color-2:var(--neon-pink);--color-3:var(--neon-cyan);--color-4:var(--neon-pink);--color-5:var(--neon-green)}}@media (max-width:479px){.BlogMeta>h1{font-size:var(--font-size-7)}}@media (max-width:359px){.BlogMeta>h1{font-size:var(--font-size-6)}}@media (max-width:239px){.BlogMeta>h1{font-size:var(--font-size-5)}}.BlogMeta>.Persona{--_avatar-size:calc(var(--size-content-1)*0.5);box-shadow:0 0 0 var(--size-2) var(--surface-document);grid-column:1;grid-row:span 3;inline-size:var(--_avatar-size);margin-block-start:calc(var(--_avatar-size)/2*-1)}@media (min-width:768px){.BlogMeta>.Persona{--_avatar-size:calc(var(--size-content-1)*0.75)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.BlogMeta>.Persona{animation-timeline:scroll();animation-range:0 90vh;animation-fill-mode:both;animation-name:author-scroll-effect}}}.BlogMeta>time{color:var(--text-2);line-height:1}.BlogMeta>p{font-size:var(--size-font-0);max-inline-size:var(--size-content-2)}@media (max-width:767px){.BlogMeta>p{grid-column:-1/1}}@keyframes author-scroll-effect{0%{transform:scale(1)}to{transform:scale(.8) translateY(10vh)}}}@layer components.fresh{.Footer{view-timeline-name:--footer-timeline;flex-direction:row;gap:var(--size-5);padding-block:var(--size-10)}@media (prefers-reduced-motion:no-preference){.Footer>a{animation-timeline:--footer-timeline;animation-fill-mode:both;animation-name:footer-scroll-effect}}@keyframes footer-scroll-effect{entry 75%{opacity:0;transform:scale(.5) translateY(10vh)}entry 99%{opacity:1;transform:scale(1) translateY(0)}}}@layer components.fresh{.Home{display:grid;gap:var(--size-inline-1);grid-template-columns:[feed] 1fr;justify-content:center}@media (min-width:768px){.Home{grid-template-columns:[aside] var(--size-content-1) [feed] minmax(0,var(--size-content-3));margin-block-start:var(--size-5)}}@media (min-width:1024px){.Home{gap:var(--size-9);margin-block-start:var(--size-9);margin-inline:auto}}@media (max-height:500px){.Home{margin-block-start:0}}@media (min-width:768px){.Home .Footer{grid-column:2}}@media (horizontal-viewport-segments:2){.Home{--col-padding:calc(var(--size-inline-1)*2);gap:calc(env(viewport-segment-left 1 0) - env(viewport-segment-right 0 0) + var(--col-padding));grid-template-columns:[aside] calc(env(viewport-segment-width 1 0) - var(--col-padding)) [feed] calc(env(viewport-segment-width 0 0) - var(--col-padding))}}}@layer components.fresh{.filled-icon{fill:var(--text-2)}.icon-button{--_shadow-size:0;--_shadow-color:var(--link);aspect-ratio:var(--ratio-square);border-radius:var(--radius-round);box-shadow:0 0 var(--_shadow-size) var(--_shadow-color);padding:var(--size-2);transition:outline-offset 145ms var(--ease-2),box-shadow .5s var(--ease-out-4)}.icon-button:hover:not(:active){--_shadow-size:5em}.icon-button:active{--_shadow-size:1.5em}.icon-button:nth-of-type(2n){--_shadow-color:var(--pink-5)}.icon-button:nth-of-type(3n){--_shadow-color:var(--lime-5)}.icon-button:nth-of-type(4n){--_shadow-color:var(--cyan-5)}.gui-skull>svg{--skull-outline:#fff;--eyes-and-hat:#8929ff;--hat:#e662e6;stroke-width:8px;stroke:#8929ff}}@layer components.fresh{[data-theme=dark] :is(.gui-skull>svg){--hat:var(--cyan-3)}}@layer components.fresh{.MediaScroller{aspect-ratio:var(--ratio-widescreen);display:flex;gap:var(--size-3);overflow-x:auto;overscroll-behavior-x:contain;padding-block-end:var(--size-3);scroll-snap-type:x mandatory}.MediaScroller>overscroll-effect{flex-shrink:0;inline-size:25%}.PostItem .MediaScroller{--_inline-offset:calc(var(--size-inline-1)*2 + var(--_avatar-column-size));grid-column:span 2;margin-inline:calc(var(--size-inline-1)*-1);padding-inline-start:var(--_inline-offset);scroll-padding-inline:var(--_inline-offset)}.PostItem .MediaScroller :is(img,video){border-radius:var(--radius-3);max-inline-size:min-content;scroll-snap-align:start}}@layer components.fresh{.Likes{display:flex;flex-wrap:wrap;list-style-type:none;padding-inline:0 24px;row-gap:0}.Likes>li{margin-inline-end:-24px;padding:0;transition:translate .8s var(--ease-squish-3)}.Likes>li:hover{translate:0 -5px}.Likes>li>a{margin:0;padding:0}.Likes>li img{aspect-ratio:var(--ratio-square);border-radius:var(--radius-round)}.Mentions{display:grid;gap:var(--size-7);max-inline-size:var(--size-content-2)}.Mentions .join-convo{align-items:center;display:flex;gap:var(--size-2)}.Mentions .join-convo a{border-radius:var(--radius-round)}.Mention{margin-block-end:2ex}.Mention q{font-size:var(--font-size-2)}}@layer components.fresh{.Mention q:has(.reply-gallery){gap:var(--size-3)}.Mention .reply-gallery{display:flex;gap:var(--size-2);max-block-size:var(--size-content-1)}.Mention .reply-gallery img{block-size:100%;border-radius:var(--radius-3);object-fit:cover}.Reposts{display:flex;flex-wrap:wrap;list-style-type:none;padding-inline:0 24px;row-gap:0}.Reposts>li{margin-inline-end:-24px;padding:0;transition:translate .8s var(--ease-squish-3)}.Reposts>li:hover{translate:0 -5px}.Reposts>li>a{margin:0;padding:0}.Reposts>li img{aspect-ratio:var(--ratio-square);border-radius:var(--radius-round)}.Nav{view-transition-name:site-nav;align-items:center;display:flex;gap:var(--size-3);inset-block-start:0;justify-content:end;padding-block:var(--size-3);padding-inline:var(--size-inline-1);position:sticky;z-index:var(--layer-1)}.Nav>:nth-child(2){transition-delay:0s,0s,50ms}.Nav>:nth-child(3){transition-delay:0s,0s,.1s}.Nav>:nth-child(4){transition-delay:0s,0s,.15s}.Nav>:nth-child(5){transition-delay:0s,0s,.2s}.Nav[scroll-direction=down]>*{translate:0 -200%}}@layer components.fresh{@media (prefers-reduced-motion:no-preference){.Nav>*{transition:outline-offset 145ms var(--ease-2),box-shadow .5s var(--ease-out-4),translate .3s var(--ease-3)}}@media (min-width:768px){.Nav>a:first-of-type{margin-inline-end:auto}}[page-type=detail] :is(.Nav>a:first-of-type){margin-inline-end:auto}.Nav>h1{font-size:var(--font-size-5)}#skip-link{opacity:0;position:absolute;transition:opacity .3s var(--ease-3)}#skip-link:focus{opacity:1}.PostDetail{display:grid;gap:var(--size-fluid-5);grid-template-columns:100%;margin-block-end:var(--size-10);margin-inline:auto;max-inline-size:var(--size-content-3);place-content:center;place-items:center}}@layer components.fresh{@media (min-width:1024px){.PostDetail{grid-template-columns:var(--size-content-3)}}.PostDetail>header{text-align:center}.PostDetail>:is(article,.Mentions){margin-inline:var(--size-inline-1)}}@layer components.fresh{.Persona{aspect-ratio:var(--ratio-square);background:var(--surface-3);border-radius:var(--radius-round);inline-size:50px;object-fit:cover}}@layer components.fresh{@media (prefers-reduced-motion:reduce){.PostItem,.PostItem>figure>img,.PostItem>h2,.PostItem>img:first-of-type{view-transition-name:none!important}}}@layer components.fresh{.PostItem{--_avatar-column-size:40px;background:var(--surface-1);border:0 solid transparent;border-radius:var(--radius-3);box-shadow:var(--shadow-5);display:grid;font-size:var(--font-size-2);gap:var(--size-2) var(--size-inline-1);grid-template-columns:var(--_avatar-column-size) minmax(1ch,1fr);max-inline-size:max-content;padding:var(--size-inline-1)}@media (min-width:768px){.PostItem{--_avatar-column-size:50px;font-size:var(--font-size-3);padding-block:var(--size-inline-1) var(--size-4)}}@media (forced-colors:active){.PostItem{border-width:var(--border-size-1)}}.PostItem:focus-visible{scroll-snap-align:start}.PostDetail .PostItem footer,.PostItem .like-button{display:none}.PostItem>*{grid-column:2}.PostItem.note .Tags{display:none}.PostItem>.Persona{grid-column:1;grid-row:span 2;inset-block-start:var(--size-inline-1);position:sticky;z-index:1}.PostItem :is(ul,ol){padding:0}.PostItem :is(ul,ol)>li:hover{list-style-type:disc}.PostItem ul{gap:0}.PostItem li{list-style-type:circle;padding:0}.PostItem li::marker{color:var(--gray-6)}.PostItem>footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-3);justify-content:end;margin-block-start:var(--size-3)}.PostItem h2{text-wrap:balance;font-size:var(--font-size-4);grid-column:-1/1;margin-block:var(--size-3) calc(var(--size-2)*-1);max-inline-size:100%}.PostItem h3{font-size:var(--font-size-2)}.PostItem code{padding-inline:var(--size-1)}.PostItem>figure{margin-block:var(--size-3)}:is(.PostItem>figure)+footer{margin-block-start:0}.PostItem>section{display:grid;gap:var(--size-3);margin-block:var(--size-2) var(--size-4)}.PostItem>section:has(>p:only-child){margin-block:0}.PostItem>section :is(img,video){border-radius:var(--radius-3)}.PostItem>header{align-items:baseline;color:var(--text-2);justify-content:space-between}.PostItem>header time{font-size:var(--font-size-0)}.PostItem>header .username{color:var(--text-1);font-weight:var(--font-weight-7)}.PostItem code,.PostItem pre{background:var(--gray-0)}@media (prefers-color-scheme:dark){.PostItem code,.PostItem pre{background:var(--gray-11)}}[data-theme=light] :is(.PostItem code),[data-theme=light] :is(.PostItem pre){background:var(--gray-0)}[data-theme=dark] :is(.PostItem code),[data-theme=dark] :is(.PostItem pre){background:var(--gray-11)}.PostItem blockquote{border:none;padding-block-end:0;padding-inline-start:0}.PostItem blockquote:before{color:var(--surface-4);content:"❞";display:flex;font-size:var(--font-size-8);line-height:.5}.PostItem small{font-size:var(--font-size-1)}.PostItem hr{background-color:var(--surface-2);block-size:1px;margin-block:var(--size-4)}.PostItem cite{border:none;display:inline-block;margin-block-start:var(--size-3);padding-inline:0}.PostItem cite:before{content:"~ "}.PostItem iframe{aspect-ratio:var(--ratio-widescreen);max-inline-size:100%}.PostItem details{justify-self:start;margin-block-end:var(--size-3)}.PostItem:has(figure)>figure,.PostItem:has(figure)>footer,.PostItem:has(figure)>p{grid-column:span 2}.PostItem:has(figure)>figure{margin-inline:calc(var(--size-inline-1)*-1)}.PostItem:has(section>pre)>section{display:contents}.PostItem:has(section>pre)>section>:not(pre){grid-column:2}.PostItem:has(section>pre) section>pre{border-radius:0;grid-column:1/-1;margin-inline:calc(var(--size-inline-1)*-1);max-inline-size:none;padding:0}.PostItem:has(section>pre) section>pre>code{padding:0}.PostItem:has(section>pre) section>pre>code>pre,.PostItem:has(section>pre) section>pre>code>pre>code{border-radius:0}.PostItem:has(section>pre) section>pre>code>pre>code{padding:0}.PostItem:has(section>pre) section>pre>code>pre{padding:var(--size-3)}@media (min-width:480px){.PostItem:has(section>pre) section>pre>code>pre{--column-plus-padding-and-gap:calc(var(--_avatar-column-size) + var(--size-inline-1)*2);padding-inline-start:var(--column-plus-padding-and-gap)}}.PostItem[data-tags*=blog]>footer{justify-content:space-between}.PostList{display:flex;flex-direction:column;gap:var(--size-fluid-3);justify-content:center;justify-items:start;list-style-type:none;margin-inline:auto;max-inline-size:var(--size-content-3);min-block-size:100vh;padding-block-end:var(--size-10);padding-inline:var(--size-inline-1)}}@layer components.fresh{@media (min-width:768px){.PostList{flex-basis:var(--size-content-2)}}@media (min-width:1024px){.PostList{flex-basis:var(--size-content-3);padding-inline:0}}.PostList>li{max-inline-size:inherit;padding-inline-start:0}.TableOfContents{align-items:start;display:none;flex-direction:column;gap:var(--size-2);inset-block-start:calc(var(--nav-height) + var(--size-5));margin-block-start:var(--size-10);max-block-size:calc(100vh - var(--nav-height) - var(--size-5));max-block-size:calc(100dvb - var(--nav-height) - var(--size-5));overflow:auto;padding-block-end:var(--size-2);padding-inline-end:var(--size-2);position:sticky}}@layer components.fresh{@container (min-inline-size: 900px){.TableOfContents{display:flex}}.TableOfContents a:not(:hover){color:var(--text-2);text-transform:capitalize}.Tags{gap:var(--size-2)}.Tag{background-color:var(--indigo-0);border:var(--border-size-1) solid var(--indigo-1);border-radius:var(--radius-round);color:var(--indigo-8);font-size:var(--font-size-0);letter-spacing:var(--font-letterspacing-3);padding-inline:var(--size-2);text-transform:uppercase}}@layer components.fresh{@media (prefers-color-scheme:dark){.Tag{background-color:hsl(var(--indigo-12-hsl)/50%);border-color:hsl(var(--indigo-12-hsl)/75%);color:var(--indigo-2)}}[data-theme=light] .Tag{background-color:var(--indigo-0);border:var(--border-size-1) solid var(--indigo-1);color:var(--indigo-8)}[data-theme=dark] .Tag{background-color:hsl(var(--indigo-12-hsl)/50%);border-color:hsl(var(--indigo-12-hsl)/75%);color:var(--indigo-2)}.ThemeSwitch{--size:40px;--icon-fill:var(--text-2);--icon-fill-hover:var(--text-1);-webkit-tap-highlight-color:transparent;aspect-ratio:var(--ratio-square);background:none;block-size:var(--size);border:none;border-radius:var(--radius-round);cursor:pointer;inline-size:var(--size);padding:calc(var(--size-2) + 2px);touch-action:manipulation}.ThemeSwitch>svg{stroke-linecap:round;block-size:100%;inline-size:100%}}@layer components.fresh{.sun-and-moon>:is(.moon,.sun,.sun-beams){transform-origin:center center}.sun-and-moon>:is(.moon,.sun){fill:var(--icon-fill)}.theme-toggle:is(:hover,:focus-visible)>:is(.sun-and-moon>:is(.moon,.sun)){fill:var(--icon-fill-hover)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}.theme-toggle:is(:hover,:focus-visible) :is(.sun-and-moon>.sun-beams){stroke:var(--icon-fill-hover)}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translateX(-7px)}@supports (cx:1){[data-theme=dark] .sun-and-moon>.moon>circle{cx:17;transform:translateX(0)}}@media (prefers-reduced-motion:no-preference){.sun-and-moon>.sun{transition:transform .5s var(--ease-elastic-3)}.sun-and-moon>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}.sun-and-moon .moon>circle{transition:transform .25s var(--ease-out-5)}@supports (cx:1){.sun-and-moon .moon>circle{transition:cx .25s var(--ease-out-5)}}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75);transition-duration:.25s;transition-timing-function:var(--ease-3)}[data-theme=dark] .sun-and-moon>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}[data-theme=dark] .sun-and-moon>.moon>circle{transition-delay:.25s;transition-duration:.5s}}}@layer components.fresh{.TopicsAsideMobile{--icon-arrow-down:url(https://api.iconify.design/ic:keyboard-arrow-down.svg?color=%23adb5bd);appearance:none;background-image:var(--icon-arrow-down);background-position:calc(100% - .25ch);background-repeat:no-repeat;background-size:3ex;margin-inline-end:auto;padding-inline-end:1.75rem}.TopicsAsideMobile:not(:focus-visible){background-color:#0000}@media (min-width:768px){.TopicsAsideMobile{display:none}}.TopicsAsideMobile option{background:var(--surface-document)}}@layer components.fresh{@media (prefers-reduced-motion:no-preference){.TopicsAside{view-transition-name:sidenav}::view-transition-old(sidenav){animation:var(--animation-fade-out) forwards,var(--animation-scale-down) forwards}::view-transition-new(sidenav){animation:var(--animation-fade-in) forwards,var(--animation-slide-in-right) forwards}}}@layer components.fresh{.TopicsAside{align-items:center;align-self:start;border:none;display:inline-grid;gap:var(--size-1);inset-block-start:calc(var(--nav-height) + var(--size-5));inset-inline-start:calc(var(--size-inline-1) - var(--size-3));padding:0;position:sticky}@media (min-width:1024px){.TopicsAside{inset-block-start:calc(var(--nav-height) + var(--size-9))}}@media (max-width:767px){.TopicsAside{display:none}}@media (max-height:500px){.TopicsAside{inset-block-start:var(--nav-height);max-block-size:calc(100vh - var(--nav-height));overflow:auto;padding-block-end:var(--size-2);padding-inline-end:var(--size-2)}}.TopicsAside>label{align-items:center;border-radius:var(--radius-round);color:var(--text-1);display:inline-flex;font-size:var(--font-size-3);gap:var(--size-3);margin-inline-start:calc(var(--size-4)*-1);margin:0;outline-offset:0;padding:var(--size-1);padding-inline-start:var(--size-4);position:relative;transition:outline-offset 145ms var(--ease-2) .2s}.TopicsAside>label>input[type=radio]{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.TopicsAside>label>input[type=radio]:focus{outline:none}.TopicsAside>label:not(:hover,:focus,:target){text-transform:capitalize}.TopicsAside>label:where([for=css],[for=js]):not(:hover,:focus,:target){text-transform:uppercase}.TopicsAside>label:focus-within{outline:1px solid var(--link);outline-offset:5px}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)){background:var(--surface-1);color:var(--text-1);text-decoration:none}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked))>.TopicCount{background:var(--surface-document);color:var(--text-1)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):first-child>.filled-icon{fill:var(--link)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(2)>.filled-icon{fill:var(--neon-purple)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(3)>.filled-icon{fill:var(--neon-blue)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(4)>.filled-icon{fill:var(--neon-cyan)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(5)>.filled-icon{fill:var(--neon-green)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(6)>.filled-icon{fill:var(--neon-pink)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(7)>.filled-icon{fill:var(--neon-orange)}.TopicsAside>label:is(:hover,:target,:focus-visible,:has(:checked)):nth-child(8)>.filled-icon{fill:var(--neon-red)}.TopicsAside>label>svg{flex-shrink:0}.TopicsAside>label>span{flex:2}.TopicsAside>label>.filled-icon{fill:var(--text-2)}@media (prefers-color-scheme:dark){.TopicsAside>label>.filled-icon{fill:var(--gray-6)}}.TopicsAside>label>.TopicCount{align-items:center;aspect-ratio:var(--ratio-square);block-size:4ch;border-radius:var(--radius-round);color:var(--text-2);display:inline-flex;flex-grow:0;font-size:var(--font-size-1);justify-content:center}@media (prefers-color-scheme:dark){.TopicsAside>label>.TopicCount{color:var(--gray-6)}}}@layer components.fresh{.Modal{display:grid;inset:0;padding:0;place-content:center;position:fixed;transition:opacity .5s var(--ease-3)}@media (prefers-reduced-motion:no-preference){.Modal{transform:scale(.9);transition:opacity .5s var(--ease-3),transform .5s var(--ease-elastic-3)}.Modal[open]{transform:scale(1)}}.Modal:not([open]){opacity:0;pointer-events:none}.Modal[loading]{visibility:hidden}.Modal img{max-block-size:90vh;max-block-size:90svh;max-inline-size:90vw}}@layer base.normalize{html{--nav-height:72px;view-timeline:document-timeline}html:has(.PostList .PostItem:focus-visible){scroll-padding-block-start:calc(var(--nav-height) + var(--size-5));scroll-snap-type:y mandatory}@media (min-width:1024px){html:has(.PostList .PostItem:focus-visible){scroll-padding-block-start:calc(var(--nav-height) + var(--size-9))}}body{display:grid;grid-template-rows:auto 1fr}[data-theme=dark] body:has(.PostDetail .note){background:radial-gradient(circle at 35% 50%,rgba(5,88,255,.15),transparent 50%),radial-gradient(circle at 65% 50%,rgba(128,0,74,.15),transparent 50%),radial-gradient(circle at 50% 65%,rgba(74,128,0,.15),transparent 50%);background-attachment:fixed}@media (prefers-color-scheme:light){body:has(.BlogDetail){background-image:linear-gradient(to bottom,#fff 100vh,300vh,var(--surface-2));background-image:linear-gradient(to bottom,#fff 100vb,300vb,var(--surface-2))}}[data-theme=light] body:has(.BlogDetail){background-image:linear-gradient(to bottom,#fff 100vh,300vh,var(--surface-2));background-image:linear-gradient(to bottom,#fff 100vb,300vb,var(--surface-2))}[data-theme=dark] body:has(.BlogDetail){background-image:none}li,p,q{font-size:var(--font-size-2);font-weight:var(--font-weight-2);letter-spacing:var(--font-letterspacing-2)}@media (min-width:768px){li,p,q{font-size:var(--font-size-3)}}@media (prefers-color-scheme:light){li,p,q{font-weight:var(--font-weight-3)}}[data-theme=light] li,[data-theme=light] p,[data-theme=light] q{font-weight:var(--font-weight-3)}[data-theme=dark] li,[data-theme=dark] p,[data-theme=dark] q{font-weight:var(--font-weight-2)}summary{font-size:var(--font-size-2)}a{font-weight:var(--font-weight-3)}@media (prefers-color-scheme:light){a{font-weight:var(--font-weight-4)}}[data-theme=light] a{font-weight:var(--font-weight-4)}[data-theme=dark] a{font-weight:var(--font-weight-3)}ol,ul{display:grid;gap:var(--size-3)}}@layer overrides{:root{--surface-document:var(--surface-2);--surface-1:#fff;--size-inline-1:var(--size-3);background:var(--surface-document)}@media (prefers-color-scheme:dark){:root{--surface-document:var(--gray-12);--surface-1:var(--gray-10)}}@media (prefers-color-scheme:dark) and (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){:root{--surface-document:color(display-p3 0.001 0.015 0.03)}}}[data-theme=light]:root{--surface-document:var(--surface-2);--surface-1:#fff}[data-theme=dark]:root{--surface-document:var(--gray-12);--surface-1:var(--gray-10)}@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){[data-theme=dark]:root{--surface-document:color(display-p3 0.001 0.015 0.03)}}}@media (min-width:768px){:root{--size-inline-1:var(--size-5)}}@media (min-width:1024px){:root{--size-inline-1:var(--size-7)}}}