@layer base.props{:root{--indigo-7:#4263eb;--purple-7:#ae3ec9;--gray-12:#030507;--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-9:#212529;--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-10:#16191d;--gray-5:#adb5bd;--layer-1:1;--font-weight-5:500;--radius-round:1e5px;--ease-elastic-1:cubic-bezier(.5,.75,.75,1.25);--gray-11:#0d0f12;--ratio-widescreen:16/9;--purple-6:#be4bdb;--lime-6:#82c91e;--orange-6:#fd7e14;--yellow-3:#ffe066;--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%));--ratio-square:1;--ease-out-4:cubic-bezier(0,0,.1,1);--pink-5:#f06595;--lime-5:#94d82d;--cyan-5:#22b8cf;--cyan-3:#66d9e8;--ease-squish-3:cubic-bezier(.5,-.5,.1,1.5);--layer-2:2;--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%;--font-letterspacing-2:.050em;--font-weight-2:200;--font-weight-3:300;--shadow-color:220 3% 15%;--shadow-strength:1%;--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);--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)}@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-12);--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-1);color-scheme:light;font-family:var(--font-sans);line-height:var(--font-lineheight-3);scrollbar-color:var(--scrollthumb-color) transparent}@media (dynamic-range:high) or (color-gamut:p3){@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,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(html) :where(button,.btn) :where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where(html) :where(button,.btn,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(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(: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){text-wrap:balance;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:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"])){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;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:var(--size-relative-4) 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){direction:ltr;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){text-wrap:pretty;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){text-wrap:balance;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}:where(table){--nice-inner-radius:calc(var(--radius-3) - 2px);background:var(--surface-2);border:1px solid var(--surface-2);border-radius:var(--radius-3);width:fit-content}:where(table[\:not-has\(tfoot\)] tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-end-start-radius:var(--nice-inner-radius)}:where(table[\:not-has\(tfoot\)] tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-end-end-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:first-child){border-start-start-radius:var(--nice-inner-radius)}:where(table thead tr:first-child th:last-child){border-start-end-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child :is(th,td):first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot tr:last-child :is(th,td):last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){background-color:var(--surface-2);color:var(--text-1)}:where(table :is(a,button,[contenteditable]):is(:focus-visible)){outline-offset:-2px}:where(td){text-wrap:pretty;background:var(--surface-1);max-inline-size:var(--size-content-2)}:where(td,th){padding:var(--size-2);text-align:left}:where(:is(td,th):not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--gray-10)}@media (prefers-color-scheme:light){:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:#fff}}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@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-12);--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) or (color-gamut:p3){@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,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where([data-theme=light],.light,.light-theme) :where(button,.btn):where([type=reset]){--_text:var(--red-6);--_border:var(--red-3)}:where([data-theme=light],.light,.light-theme) :where(button,.btn,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-0);--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,.btn){--_highlight:var(--_highlight-dark);--_bg:var(--_bg-dark);--_ink-shadow:var(--_ink-shadow-dark)}:where([data-theme=dark],.dark,.dark-theme) :where(button,.btn):where([type=reset]){--_text:var(--red-2);--_border:var(--surface-3)}:where([data-theme=dark],.dark,.dark-theme) :where(button,.btn,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{body:not([nojs]) .nojs{display:none}[nojs]{& .ThemeSwitch,& .share-button{display:none}& .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){--_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){font-size:var(--font-size-3)}@media (prefers-color-scheme:dark){background:var(--gray-11);border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;border-left-color:currentcolor;border-left-style:none;border-left-width:medium;border-right-color:currentcolor;border-right-style:none;border-right-width:medium;border-top-color:currentcolor;border-top-style:none;border-top-width:medium}[data-theme=light] &{background:#fff;border:1px solid var(--surface-2)}[data-theme=dark] &{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%}.BlogDetail article li{@media (prefers-reduced-motion:no-preference){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){--_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;&:before{aspect-ratio:1;background-color:var(--surface-document);border-radius:var(--radius-round);content:url(https://api.iconify.design/mingcute:quote-right-fill.svg?color=%23495057);inset-block-start:0;inset-inline-start:0;line-height:0;padding:var(--size-3);position:absolute;transform:translateX(-50%) translateY(-50%);@media (prefers-color-scheme:light){border-bottom-color:var(--link);border-bottom-style:solid;border-bottom-width:1px;border-left-color:var(--link);border-left-style:solid;border-left-width:1px;border-right-color:var(--link);border-right-style:solid;border-right-width:1px;border-top-color:var(--link);border-top-style:solid;border-top-width:1px}}&.warning:before{content:url(https://api.iconify.design/mdi:lightning-bolt.svg?color=%2300ff00)}&.info:before{content:url(https://api.iconify.design/material-symbols:rocket-launch-rounded.svg?color=%235c7cfa)}&.twitter:before{content:url(https://api.iconify.design/mdi:twitter.svg?color=%231DA1F2)}&.mastodon:before{content:url(https://api.iconify.design/mdi:mastodon.svg?color=%236a43fd)}&:after{display:none}&>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;& img{aspect-ratio:1;border-radius:var(--radius-round);object-fit:cover;overflow:hidden}&: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{timeline-scope:--section-1,--section-2,--section-3,--section-4,--section-5,--section-6,--section-7,--section-8,--section-9;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+&{margin-block-start:20vh}@container cq-document-vi (min-inline-size: 900px){grid-template-columns:var(--size-content-3) var(--size-content-1);margin-block-start:var(--size-10);&>aside{grid-column:2}}&>article{border-radius:var(--radius-3);gap:var(--size-7);grid-row:1;& :is(img,video){border-radius:var(--radius-3);justify-self:center}& p{line-height:var(--font-lineheight-4)}&>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){initial-letter:2;float:none;line-height:1}}&:first-line{font-size:var(--font-size-4);font-weight:var(--font-weight-4)}}& pre{line-height:var(--font-lineheight-4);@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){animation-timeline:view();animation-range:entry 50% entry 100%;animation-fill-mode:both;animation-name:polygon-in-opposing-corners;animation-timing-function:linear}}}& :is(video,iframe){@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){animation-timeline:view();animation-range:entry 50% entry 100%;animation-fill-mode:both;animation-name:wipe-cinematic-in;animation-timing-function:linear}}}& :is(h2,h3,h4,h6){text-wrap:balance;margin-block-end:calc(var(--size-5)*-1);&:not(:first-child){margin-block-start:var(--size-fluid-3)}&:not(:hover)>a{opacity:.15}}&>h2{&:first-of-type{view-timeline:--section-1}&:nth-of-type(2){view-timeline:--section-2}&:nth-of-type(3){view-timeline:--section-3}&:nth-of-type(4){view-timeline:--section-4}&:nth-of-type(5){view-timeline:--section-5}&:nth-of-type(6){view-timeline:--section-6}&:nth-of-type(7){view-timeline:--section-7}&:nth-of-type(8){view-timeline:--section-8}&:nth-of-type(9){view-timeline:--section-9}}@media (max-width:767px){& h2{font-size:var(--font-size-5)}& h3{font-size:var(--font-size-4)}& h4{font-size:var(--font-size-3)}}}&>.Footer{justify-self:center}& code{font-size:max(1em,var(--font-size-1))}& pre{max-inline-size:100%;@media (prefers-color-scheme:light){box-shadow:var(--shadow-6)}}&>article>pre{padding:0}& iframe{block-size:auto;max-inline-size:100%}& a{word-break:break-word}& ol>li:hover::marker{font-weight:var(--font-weight-8)}& li code{white-space:pre-wrap}}@keyframes wipe-cinematic-in{0%{clip-path:inset(100% 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes polygon-in-opposing-corners{0%{clip-path:polygon(0 0,50% 50%,100% 100%,50% 50%)}to{clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}}}@layer components.fresh{.BlogHero{display:flex;justify-content:center;margin-inline:var(--size-3);@media (min-width:768px){margin-block-start:var(--size-5);margin-inline:var(--size-5)}&>div{max-inline-size:calc(var(--size-content-3)*1.5)}& img{border-radius:var(--radius-5);box-shadow:var(--shadow-5);@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){animation-timeline:view();animation-range:exit -25% exit 100%;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);&>*{grid-column:2;@media (max-width:767px){grid-column:-1/1}}& .read-time{display:flex;gap:var(--size-2)}&>h1{--color-1:var(--neon-purple);--color-2:var(--neon-cyan);--color-3:var(--neon-pink);--color-4:var(--neon-cyan);--color-5:var(--neon-purple);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;[data-theme=dark] &{--color-1:var(--neon-purple-on-dark);--color-2:var(--neon-pink);--color-3:var(--neon-cyan);--color-4:var(--neon-pink);--color-5:var(--neon-purple-on-dark)}@media (max-width:479px){font-size:var(--font-size-7)}@media (max-width:359px){font-size:var(--font-size-6)}@media (max-width:239px){font-size:var(--font-size-5)}}&>.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){--_avatar-size:calc(var(--size-content-1)*0.75)}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){animation-timeline:view();animation-range:exit -25% exit 100%;animation-fill-mode:both;animation-name:author-scroll-effect}}}&>time{color:var(--text-2);line-height:1}&>p{font-size:var(--size-font-0);max-inline-size:var(--size-content-2);@media (max-width:767px){grid-column:-1/1}}}@keyframes author-scroll-effect{0%{transform:scale(1)}to{transform:scale(.8) translateY(10vh)}}}@layer components.fresh{.Webring{display:flex;flex-direction:column;gap:var(--size-1);padding-block-end:var(--size-5);place-items:center;text-align:center;@media (prefers-color-scheme:dark){background:radial-gradient(45vw circle at 50% 45vw,var(--neon-pink),#0000)}&>div{display:flex;gap:var(--size-5)}}}@layer components.fresh{.Footer{view-timeline-name:--footer-timeline;flex-direction:row;gap:var(--size-5);padding-block:var(--size-10)}.Footer>a{@media (prefers-reduced-motion:no-preference){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){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){gap:var(--size-9);margin-block-start:var(--size-9);margin-inline:auto}@media (max-height:500px){margin-block-start:0}@media (min-width:768px){& .Footer{grid-column:2}}@media (horizontal-viewport-segments:2){--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);&:hover:not(:active){--_shadow-size:5em}&:active{--_shadow-size:1.5em}&:nth-of-type(2n){--_shadow-color:var(--pink-5)}&:nth-of-type(3n){--_shadow-color:var(--lime-5)}&:nth-of-type(4n){--_shadow-color:var(--cyan-5)}}}@layer components.fresh{.gui-skull>svg{--skull-outline:#fff;--eyes-and-hat:#8929ff;--hat:#e662e6;stroke-width:8px;stroke:#8929ff;[data-theme=dark] &{--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;&>overscroll-effect{flex-shrink:0;inline-size:25%}.PostItem &{--_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);& :is(img,video){border-radius:var(--radius-3);object-fit:cover;scroll-snap-align:start}}}}@layer components.fresh{.Likes{display:flex;flex-wrap:wrap;list-style-type:none;padding-inline:0 24px;row-gap:0;&>li{margin-inline-end:-24px;padding:0;transition:translate .8s var(--ease-squish-3);&:hover{translate:0 -5px}&>a{margin:0;padding:0}& img{aspect-ratio:var(--ratio-square);border-radius:var(--radius-round)}}}}@layer components.fresh{.Mentions{display:grid;gap:var(--size-7);max-inline-size:var(--size-content-2);& .join-convo{align-items:center;display:flex;gap:var(--size-2);& a{border-radius:var(--radius-round)}}}.Mention{margin-block-end:2ex;& q{font-size:var(--font-size-2);&:has(.reply-gallery){gap:var(--size-3)}}& .reply-gallery{display:flex;gap:var(--size-2);max-block-size:var(--size-content-1);& img{block-size:100%;border-radius:var(--radius-3);object-fit:cover}}}}@layer components.fresh{.Reposts{display:flex;flex-wrap:wrap;list-style-type:none;padding-inline:0 24px;row-gap:0;&>li{margin-inline-end:-24px;padding:0;transition:translate .8s var(--ease-squish-3);&:hover{translate:0 -5px}&>a{margin:0;padding:0}& img{aspect-ratio:var(--ratio-square);border-radius:var(--radius-round)}}}}@layer components.fresh{.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);pointer-events:none;position:sticky;z-index:var(--layer-2);&>*{pointer-events:auto;&:nth-child(2){transition-delay:0s,0s,50ms}&:nth-child(3){transition-delay:0s,0s,.1s}&:nth-child(4){transition-delay:0s,0s,.15s}&:nth-child(5){transition-delay:0s,0s,.2s}}&[scroll-direction=down]>*{translate:0 -200%}@media (prefers-reduced-motion:no-preference){&>*{transition:outline-offset 145ms var(--ease-2),box-shadow .5s var(--ease-out-4),translate .3s var(--ease-3)}}&>a:first-of-type{@media (min-width:768px){margin-inline-end:auto}[page-type=detail] &{margin-inline-end:auto}}&>h1{font-size:var(--font-size-5)}}}@layer components.fresh{#skip-link{opacity:0;position:absolute;transition:opacity .3s var(--ease-3);&:focus{opacity:1}}}@layer components.fresh{.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;@media (min-width:1024px){grid-template-columns:var(--size-content-3)}&>header{text-align:center}&>: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{view-transition-name:none!important;&>figure>img,&>h2,&>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){--_avatar-column-size:50px;font-size:var(--font-size-3);padding-block:var(--size-inline-1) var(--size-4)}@media (forced-colors:active){border-width:var(--border-size-1)}&:focus-visible{scroll-snap-align:start}& .like-button,.PostDetail & footer{display:none}&>*{grid-column:2}&.note .Tags{display:none}&>.Persona{grid-column:1;grid-row:span 2;inset-block-start:var(--size-inline-1);position:sticky;z-index:1}& :is(ul,ol){padding:0;&>li:hover{list-style-type:disc}}& ul{gap:0}& li{list-style-type:circle;padding:0;&::marker{color:var(--gray-6)}}&>footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--size-3);justify-content:end;margin-block-start:var(--size-3)}& 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%}& h3{font-size:var(--font-size-2)}& code{padding-inline:var(--size-1)}&>figure{margin-block:var(--size-3);&+footer{margin-block-start:0}}&>section{display:grid;gap:var(--size-3);margin-block:var(--size-2) var(--size-4);&:has(>p:only-child){margin-block:0}& :is(img,video){border-radius:var(--radius-3)}}&>header{align-items:baseline;color:var(--text-2);justify-content:space-between;& time{font-size:var(--font-size-0)}& .username{color:var(--text-1);font-weight:var(--font-weight-7)}}& code,& pre{background:var(--gray-0);@media (prefers-color-scheme:dark){background:var(--gray-11)}[data-theme=light] &{background:var(--gray-0)}[data-theme=dark] &{background:var(--gray-11)}}& blockquote{border:none;padding-block-end:0;padding-inline-start:0;&:before{color:var(--surface-4);content:"❞";display:flex;font-size:var(--font-size-8);line-height:.5}}& small{font-size:var(--font-size-1)}& hr{background-color:var(--surface-2);block-size:1px;margin-block:var(--size-4)}& cite{border:none;display:inline-block;margin-block-start:var(--size-3);padding-inline:0;&:before{content:"~ "}}& iframe{aspect-ratio:var(--ratio-widescreen);max-inline-size:100%}& details{justify-self:start;margin-block-end:var(--size-3)}& a{word-break:break-word}&:has(figure){&>figure,&>footer,&>p{grid-column:span 2}&>figure{margin-inline:calc(var(--size-inline-1)*-1)}}&:has(section>pre){&>section{display:contents;&>:not(pre){grid-column:2}}& section>pre{border-radius:0;grid-column:1/-1;margin-inline:calc(var(--size-inline-1)*-1);max-inline-size:none;padding:0;&>code{padding:0;&>pre,&>pre>code{border-radius:0}&>pre>code{padding:0}&>pre{padding:var(--size-3);@media (min-width:480px){--column-plus-padding-and-gap:calc(var(--_avatar-column-size) + var(--size-inline-1)*2);padding-inline-start:var(--column-plus-padding-and-gap)}}}}}&[data-tags*=blog]{&>footer{justify-content:space-between}}}}@layer components.fresh{.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);@media (min-width:768px){flex-basis:var(--size-content-2)}@media (min-width:1024px){flex-basis:var(--size-content-3);padding-inline:0}&>li{max-inline-size:inherit;padding-inline-start:0}}}@layer components.fresh{.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;@container (min-inline-size: 900px){display:flex}& a:not(:hover){color:var(--text-2);text-transform:capitalize}&>a{align-items:center;display:flex;position:relative;&:before{animation-range:entry-crossing 0 contain 100%;animation:scroll-spy linear both;background:var(--neon-pink);block-size:1em;border-radius:var(--radius-round);content:"";display:inline-block;inline-size:var(--size-1);inset-inline-start:-2ch;margin-inline-end:var(--size-2);opacity:0}@media (prefers-color-scheme:dark){&:before{background:var(--neon-yellow)}}&:first-of-type:before{animation-timeline:--section-1}&:nth-of-type(2):before{animation-timeline:--section-2}&:nth-of-type(3):before{animation-timeline:--section-3}&:nth-of-type(4):before{animation-timeline:--section-4}&:nth-of-type(5):before{animation-timeline:--section-5}&:nth-of-type(6):before{animation-timeline:--section-6}}}@keyframes scroll-spy{50%{opacity:1}}}@layer components.fresh{.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;@media (prefers-color-scheme:dark){background-color:hsl(var(--indigo-12-hsl)/50%);border-color:hsl(var(--indigo-12-hsl)/75%);color:var(--indigo-2)}[data-theme=light] &{background-color:var(--indigo-0);border:var(--border-size-1) solid var(--indigo-1);color:var(--indigo-8)}[data-theme=dark] &{background-color:hsl(var(--indigo-12-hsl)/50%);border-color:hsl(var(--indigo-12-hsl)/75%);color:var(--indigo-2)}}}@layer components.fresh{.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;&>svg{stroke-linecap:round;block-size:100%;inline-size:100%}}.sun-and-moon{&>:is(.moon,.sun,.sun-beams){transform-origin:center center}&>:is(.moon,.sun){fill:var(--icon-fill);.theme-toggle:is(:hover,:focus-visible)>&{fill:var(--icon-fill-hover)}}&>.sun-beams{stroke:var(--icon-fill);stroke-width:2px;.theme-toggle:is(:hover,:focus-visible) &{stroke:var(--icon-fill-hover)}}[data-theme=dark] &{&>.sun{transform:scale(1.75)}&>.sun-beams{opacity:0}&>.moon>circle{transform:translateX(-7px);@supports (cx:1){cx:17;transform:translateX(0)}}}@media (prefers-reduced-motion:no-preference){&>.sun{transition:transform .5s var(--ease-elastic-3)}&>.sun-beams{transition:transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)}& .moon>circle{transition:transform .25s var(--ease-out-5);@supports (cx:1){transition:cx .25s var(--ease-out-5)}}[data-theme=dark] &{&>.sun{transform:scale(1.75);transition-duration:.25s;transition-timing-function:var(--ease-3)}&>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}&>.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;&:not(:focus-visible){background-color:#0000}@media (min-width:768px){display:none}& 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){inset-block-start:calc(var(--nav-height) + var(--size-9))}@media (max-width:767px){display:none}@media (max-height:500px){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)}&>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;&>input[type=radio]{height:0;opacity:0;overflow:hidden;position:absolute;width:0;&:focus{outline:none}}&:not(:hover,:focus,:target){text-transform:capitalize}&:where([for=css],[for=js]):not(:hover,:focus,:target){text-transform:uppercase}&:focus-within{outline:1px solid var(--link);outline-offset:5px}&:is(:hover,:target,:focus-visible,:has(:checked)){background:var(--surface-1);color:var(--text-1);text-decoration:none;&>.TopicCount{background:var(--surface-document);color:var(--text-1)}&:first-child>.filled-icon{fill:var(--link)}&:nth-child(2)>.filled-icon{fill:var(--neon-purple)}&:nth-child(3)>.filled-icon{fill:var(--neon-blue)}&:nth-child(4)>.filled-icon{fill:var(--neon-cyan)}&:nth-child(5)>.filled-icon{fill:var(--neon-green)}&:nth-child(6)>.filled-icon{fill:var(--neon-pink)}&:nth-child(7)>.filled-icon{fill:var(--neon-orange)}&:nth-child(8)>.filled-icon{fill:var(--neon-red)}&:nth-child(9)>.filled-icon{fill:var(--neon-yellow)}}&>svg{flex-shrink:0}&>span{flex:2}&>.filled-icon{fill:var(--text-2);@media (prefers-color-scheme:dark){fill:var(--gray-6)}}&>.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){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){transform:scale(.9);transition:opacity .5s var(--ease-3),transform .5s var(--ease-elastic-3);&[open]{transform:scale(1)}}&:not([open]){opacity:0;pointer-events:none}&[loading]{visibility:hidden}& img{max-block-size:90vh;max-block-size:90svh;max-inline-size:90vw}}}@layer base.normalize{html{--nav-height:72px;view-timeline:document-timeline;&: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){scroll-padding-block-start:calc(var(--nav-height) + var(--size-9))}}}body{display:grid;grid-template-rows:auto 1fr;[data-theme=dark] &: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){&: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] &: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] &: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){font-size:var(--font-size-3)}@media (prefers-color-scheme:light){font-weight:var(--font-weight-3)}[data-theme=light] &{font-weight:var(--font-weight-3)}[data-theme=dark] &{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){font-weight:var(--font-weight-4)}[data-theme=light] &{font-weight:var(--font-weight-4)}[data-theme=dark] &{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){--surface-document:var(--gray-12);--surface-1:var(--gray-10);@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){--surface-document:color(display-p3 0.001 0.015 0.03)}}}&[data-theme=light]{--surface-document:var(--surface-2);--surface-1:#fff}&[data-theme=dark]{--surface-document:var(--gray-12);--surface-1:var(--gray-10);@media (dynamic-range:high){@supports (color:color(display-p3 0 0 0)){--surface-document:color(display-p3 0.001 0.015 0.03)}}}@media (min-width:768px){--size-inline-1:var(--size-5)}@media (min-width:1024px){--size-inline-1:var(--size-7)}}}