:root{--p:12px;--width:70rem;--font-mono:'Dank Mono',ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--font-default:"Mona Sans",system-ui,BlinkMacSystemFont,Roboto,Ubuntu,Cantarell,Helvetica,Arial,sans-serif;--color-iron:hsl(200deg 19.1489361702% 18.431372549%);--color-gunmetal:hsl(230deg 11.7647058824% 20%);--color-mushroom:hsl(20deg 2.7027027027% 21.7647058824%);--color-blush:hsl(10deg 72.972972973% 85.4901960784%);--color-rose:hsl(10.5405405405deg 44.578313253% 67.4509803922%);--color-mauve:hsl(334.2857142857deg 29.0322580645% 57.4509803922%);--color-slate:hsl(196.3636363636deg 20.1834862385% 42.7450980392%);--color-mist:hsl(183.75deg 16% 80.3921568627%);--color-glacier:hsl(198.3050847458deg 31.8918918919% 63.7254901961%);--color-marine:hsl(226.0975609756deg 35.3448275862% 54.5098039216%);--color-monsoon:hsl(275.625deg 12.8% 50.9803921569%);--color-marzipan:hsl(42.4390243902deg 75.9259259259% 78.8235294118%);--color-sienna:hsl(22.4516129032deg 74.8792270531% 59.4117647059%);--color-carmine:hsl(359.5348837209deg 71.270718232% 64.5098039216%);--color-storm:hsl(157.8947368421deg 8.2969432314% 44.9019607843%);--color-mint:hsl(143.0769230769deg 20.207253886% 62.1568627451%);--color-oak:hsl(31.6216216216deg 44.578313253% 67.4509803922%);--color-aqua:hsl(174.2553191489deg 50.5376344086% 63.5294117647%);--color-peach:hsl(14.4680851064deg 89.8089171975% 69.2156862745%);--color-periwinkle:hsl(220.8deg 100% 75.4901960784%);--color-violet:hsl(280.824742268deg 76.3779527559% 75.0980392157%);--color-message:hsl(240deg 4.7619047619% 91.7647058824%);--color-focus:hsl(208deg 59.4059405941% 60.3921568627%);--color-discord:hsl(234.9350649351deg 85.5555555556% 64.7058823529%);--color-mastodon:hsl(239.6153846154deg 100% 69.4117647059%);--color-mastodon-dark:hsl(251.5068493151deg 58.8709677419% 51.3725490196%);--color-mastodon-light:hsl(237.4358974359deg 92.125984252% 75.0980392157%);--color-text:hsl(136.0344827586deg 52.7272727273% 43.137254902%);--color-text-dark:hsl(172.8813559322deg 95.1612903226% 24.3137254902%);--color-codepen:hsl(49.3193717277deg 100% 62.5490196078%);--color-codepen-dark:hsl(228.3870967742deg 12.2529644269% 50.3921568627%);--color-github:hsl(228.2926829268deg 82% 60.7843137255%);--color-instagram:hsl(344.2105263158deg 57.0815450644% 54.3137254902%);--color-instagram-start:hsl(28.7058823529deg 100% 50%);--color-instagram-middle:hsl(335.4330708661deg 100% 50.1960784314%);--color-instagram-end:hsl(303.981042654deg 100% 41.3725490196%);--color-twitter:hsl(204.1706161137deg 87.5518672199% 52.7450980392%);--color-pinterest:hsl(350.8695652174deg 100% 45.0980392157%);--color-dribbble:hsl(336.835443038deg 79% 60.7843137255%);--color-dribbble-dark:hsl(336.8503937008deg 54.9783549784% 54.7058823529%);--color-linkedin:hsl(209.7213622291deg 71.3024282561% 55.5882352941%);--color-linkedin-dark:hsl(209.8378378378deg 91.1330049261% 39.8039215686%);--color-music:hsl(352.0975609756deg 95.3488372093% 57.8431372549%);--color-imessage:hsl(210.4958677686deg 100% 52.5490196078%);--color-tumblr:hsl(207.7894736842deg 38.4615384615% 51.568627451%);--color-tumblr-dark:hsl(209.7777777778deg 33.0073349633% 40.0980392157%);--color-threads:hsl(282.6315789474deg 95.9595959596% 61.1764705882%);--color-bluesky-link-light:hsl(209.1304347826deg 100% 72.9411764706%);--color-bluesky-link-dark:hsl(208.9285714286deg 100% 32.9411764706%);--color-bluesky:hsl(208.9328063241deg 100% 50.3921568627%);--color-bluesky-dark:hsl(210.7246376812deg 100% 40.5882352941%);--color-medium:hsl(121.4117647059deg 34.4129554656% 48.431372549%);--color-medium-dark:hsl(120.8108108108deg 38.1443298969% 38.0392156863%);--color-apple-podcasts:hsl(274.9668874172deg 62.6556016598% 47.2549019608%);--color-spotify:hsl(142.0212765957deg 77.6859504132% 47.4509803922%);--color-notion:hsl(208.56deg 100% 49.0196078431%);--color-email:hsl(196.4402810304deg 20.1605288008% 41.5294117647%);--color-email-dark:hsl(200deg 5.7586837294% 42.9019607843%);--color-light:var(--color-blush);--color-middle:var(--color-rose);--color-dark:var(--color-mauve);--color-grey:var(--color-slate);--color-dark-grey:var(--color-iron);--color-primary:light-dark(color-mix(in srgb,var(--color-dark-grey) 95%,white),color-mix(in srgb,var(--color-dark-grey) 5%,white));--color-secondary:light-dark(white,var(--color-dark-grey))}@media(prefers-contrast: more){:root{--color-primary:light-dark(hsl(from var(--color-dark-grey) h s calc(l*.15)),white)}}:root:has(#option-contrast:not(.inactive):checked){--color-primary:light-dark(hsl(from var(--color-dark-grey) h s calc(l*.15)),white)}.theme-contrast{--color-primary:light-dark(hsl(from var(--color-dark-grey) h s calc(l*.15)),white)}.tone-blue{--color-light:var(--color-mist);--color-middle:var(--color-glacier);--color-dark:var(--color-marine);--color-grey:var(--color-monsoon);--color-dark-grey:var(--color-gunmetal);--color-music:hsl(352.0975609756deg 95.3488372093% 52.8431372549%);--color-imessage:hsl(210.4958677686deg 100% 47.5490196078%);--color-threads:hsl(282.6315789474deg 95.9595959596% 56.1764705882%)}:root:has(#option-blue:not(.inactive):checked){--color-light:var(--color-mist);--color-middle:var(--color-glacier);--color-dark:var(--color-marine);--color-grey:var(--color-monsoon);--color-dark-grey:var(--color-gunmetal);--color-music:hsl(352.0975609756deg 95.3488372093% 52.8431372549%);--color-imessage:hsl(210.4958677686deg 100% 47.5490196078%);--color-threads:hsl(282.6315789474deg 95.9595959596% 56.1764705882%)}.tone-yellow{--color-light:var(--color-marzipan);--color-middle:var(--color-sienna);--color-dark:var(--color-carmine);--color-grey:var(--color-storm);--color-dark-grey:var(--color-mushroom);--color-imessage:hsl(210.4958677686deg 100% 47.5490196078%)}:root:has(#option-yellow:not(.inactive):checked){--color-light:var(--color-marzipan);--color-middle:var(--color-sienna);--color-dark:var(--color-carmine);--color-grey:var(--color-storm);--color-dark-grey:var(--color-mushroom);--color-imessage:hsl(210.4958677686deg 100% 47.5490196078%)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}table{border-collapse:collapse;border-spacing:0}*,*::before,*::after{box-sizing:border-box;box-shadow:0 0 1px rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none}*:focus{outline:none}:root{color-scheme:light dark}:root:has(#option-theme:not(.inactive):checked){color-scheme:dark}:root.theme-dark{color-scheme:dark}:root.theme-light{color-scheme:light}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100vh;height:-webkit-fill-available;scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}html,body{width:100vw}body{min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;font-family:-apple-system,var(--font-default);font-feature-settings:"liga";background-color:var(--background-body);color:var(--color-body);--color-body: var(--color-primary);--background-body: light-dark( hsl(from var(--color-light) h s calc(l * 1.09)), hsl(from var(--color-dark-grey) h s calc(l * .73)) )}@media(prefers-contrast: more){body{--background-body: light-dark( hsl(from var(--color-light) h s calc(l * 1.12)), hsl(from var(--color-dark-grey) h s calc(l * .45)) )}}:root:has(#option-contrast:not(.inactive):checked) body{--background-body: light-dark( hsl(from var(--color-light) h s calc(l * 1.12)), hsl(from var(--color-dark-grey) h s calc(l * .45)) )}.theme-contrast body{--background-body: light-dark( hsl(from var(--color-light) h s calc(l * 1.12)), hsl(from var(--color-dark-grey) h s calc(l * .45)) )}@supports not ((hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none)){body{font-family:var(--font-default);font-feature-settings:"liga","ss05" on,"ss07" on}}a{text-decoration:none}* ::-moz-selection{background-color:var(--selection, light-dark(hsl(from var(--color-middle) h s l/0.5), hsl(from var(--color-light) h s l/0.3)))}* ::selection{background-color:var(--selection, light-dark(hsl(from var(--color-middle) h s l/0.5), hsl(from var(--color-light) h s l/0.3)))}figure,picture,img{display:block;width:100%;height:auto}img{font-style:normal;font-size:1.125rem;background-color:var(--background)}@media(inverted-colors: inverted){img{filter:invert(0%)}}.upscale{image-rendering:pixelated}.no-css{display:none !important}@media(prefers-reduced-motion: no-preference){[data-anim]{opacity:0}}.content{width:100vw;max-width:var(--width);margin-inline:auto;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}@media screen and (min-width: 414px){.content{padding-left:calc(var(--p)*2 + env(safe-area-inset-left));padding-right:calc(var(--p)*2 + env(safe-area-inset-right))}}.post-author{display:none}@media(prefers-reduced-motion: no-preference){@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}}.popup{--t: 16px;--r: 3px;display:inline-block;z-index:2}@media screen and (min-width: 970px){.popup{position:relative}}.popup .popup-label{display:inline-flex;justify-content:center;position:relative;cursor:pointer}.popup .popup-label::after{clip-path:polygon(0 0, 0 100%, 100% 0);rotate:45deg;opacity:0;visibility:hidden;z-index:-1;content:"";display:block;position:absolute;border-top-left-radius:calc(var(--r) - 1px);transform-origin:center center;width:var(--t);aspect-ratio:1/1}@media(prefers-reduced-motion: no-preference){.popup .popup-label::after{transition:translate .2s ease-out,opacity .1s ease-out;translate:0 calc(var(--p)*2)}}@media(prefers-reduced-motion: reduce){.popup .popup-label::after{transition:opacity .1s ease-out}}@media(prefers-contrast: more){.popup .popup-label::after{display:none}}:root:has(#option-contrast:not(.inactive):checked) .popup .popup-label::after{display:none}.theme-contrast .popup .popup-label::after{display:none}.popup .popup-window{opacity:0;visibility:hidden;z-index:-1;transition:opacity .2s ease-out,translate .2s ease-out,visibility .2s ease-out,z-index .2s ease-out;position:absolute;left:0;display:block;width:calc(100vw - var(--p)*4 - env(safe-area-inset-left)*2);max-width:500px;border-radius:var(--r)}@media(prefers-reduced-motion: no-preference){.popup .popup-window{translate:0 calc(var(--p)*2)}}@media(prefers-contrast: more){.popup .popup-window{outline:1.5px solid #fff}}:root:has(#option-contrast:not(.inactive):checked) .popup .popup-window{outline:1.5px solid #fff}.theme-contrast .popup .popup-window{outline:1.5px solid #fff}.popup .popup-window ul{list-style:none}.popup .popup-window .close:not(.button){cursor:pointer;box-sizing:content-box;display:inline-flex;position:absolute;top:3px;right:3px;padding:4px}.popup .popup-window .close:not(.button),.popup .popup-window .close:not(.button) svg{width:16px;aspect-ratio:1/1;height:16px}.popup .popup-window .close:not(.button):focus-visible{border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) var(--color-focus)}.popup .popup-button{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;clip:rect(0, 0, 0, 0);z-index:-1;opacity:0;width:1px;aspect-ratio:1/1}@media(prefers-reduced-motion: no-preference){.popup .popup-button:active+.popup-label::after{transition:translate .2s ease-out,opacity .1s ease-out .1s}}@media(prefers-reduced-motion: reduce){.popup .popup-button:active+.popup-label::after{transition:opacity .1s ease-out .1s}}.popup .popup-button:checked~.popup-label::after,.popup .popup-button:checked~.popup-window{opacity:1;visibility:visible;z-index:unset}@media(prefers-reduced-motion: no-preference){.popup .popup-button:checked~.popup-label::after,.popup .popup-button:checked~.popup-window{translate:0}}.button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;z-index:3;margin:0;padding:0;border:0;width:-moz-fit-content;width:fit-content;background:none;color:var(--color, white);font-weight:700;font-stretch:125%;font-variation-settings:"wght" 700,"wdth" 125}.button,.button>span,.button>span::before{transition:background .4s ease-out,scale .2s ease-out,opacity .2s ease-out}.button::before,.button::after{content:"";display:block;position:absolute}.button::before{opacity:0;z-index:-1;top:calc(var(--p)/-4);left:calc(var(--p)/-4);width:calc(100% + var(--p)/2);height:calc(100% + var(--p)/2);padding:var(--p) calc(var(--p)*2.5);background:var(--outline, radial-gradient(circle at center left, var(--color-light), var(--color-middle)))}@supports not (clip-path: polygon(0 0)){.button::before{border-radius:calc(var(--p)/2);overflow:hidden}@supports(clip-path: polygon(0 0)){.button::before{clip-path:inset(0 round calc(var(--p) / 2))}}}@supports(clip-path: polygon(0 0)){.button::before{clip-path:polygon(calc(var(--p) * 1.375) 0%, calc(100% - var(--p) * 1.375) 0%, 100% 43%, 100% 57%, calc(100% - var(--p) * 1.375) 100%, calc(var(--p) * 1.375) 100%, 0 57%, 0 43%)}}@media(prefers-contrast: more){.button::after{z-index:-2;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--contrast, var(--color-primary))}@supports not (clip-path: polygon(0 0)){.button::after{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.button::after{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.button::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}}:root:has(#option-contrast:not(.inactive):checked) .button::after{z-index:-2;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--contrast, var(--color-primary))}@supports not (clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .button::after{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .button::after{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .button::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}.theme-contrast .button::after{z-index:-2;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--contrast, var(--color-primary))}@supports not (clip-path: polygon(0 0)){.theme-contrast .button::after{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.theme-contrast .button::after{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.theme-contrast .button::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}.button>span{position:relative;background:var(--background, var(--color-dark) radial-gradient(circle at center left, var(--color-middle), var(--color-dark), var(--color-grey), var(--color-grey))) 50% 0%/200% 100%;display:block;font-size:1rem}@supports not (clip-path: polygon(0 0)){.button>span{padding:var(--p) calc(var(--p)*2);border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.button>span{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.button>span{padding:var(--p) calc(var(--p)*2.5);clip-path:polygon(calc(var(--p) * 1.25) 0%, calc(100% - var(--p) * 1.25) 0%, 100% 45%, 100% 55%, calc(100% - var(--p) * 1.25) 100%, calc(var(--p) * 1.25) 100%, 0 55%, 0 45%)}}.button>span::after{opacity:0;content:"";display:block;z-index:-1;background:var(--background-active-color, light-dark(var(--color-dark-grey), var(--color-grey))) var(--background-active-gradient, radial-gradient(circle at center left, light-dark(color-mix(in srgb, var(--color-dark-grey) 80%, white), var(--color-grey)), light-dark(var(--color-dark-grey), color-mix(in srgb, var(--color-dark-grey) 80%, white))));position:absolute;top:0;left:0;height:100%;width:100%}@media(prefers-reduced-motion: no-preference){.button:hover{scale:1.02}}.button:hover>span,.button:focus>span{background-position-x:var(--background-hover-position, 0%)}@supports not (clip-path: polygon(0 0)){.button:focus-visible{border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) var(--color-grey)}}@supports(clip-path: polygon(0 0)){.button:focus-visible::before{opacity:1}}@media(prefers-reduced-motion: no-preference){.button:active{scale:.98}}.button:active,.button:active>span,.button:active>span::before{transition:background .2s ease-out,scale .2s ease-out,opacity .2s ease-out}.button:active>span::after{opacity:1}.button.button-reverse{--background: var(--color-grey) radial-gradient( circle at center right, var(--color-middle) 0, var(--color-dark) 25%, var(--color-grey) 75%, var(--color-grey) 100% );--outline: radial-gradient( circle at center left, var(--color-middle), var(--color-light) );--background-hover-position: 100%;--background-active-gradient: radial-gradient( circle at center left, light-dark( var(--color-dark-grey), color-mix(in srgb, var(--color-dark-grey) 80%, white) ), light-dark( color-mix(in srgb, var(--color-dark-grey) 80%, white), var(--color-grey) ) )}.button.solid>span::after{display:none}.button.solid:hover,.button.solid:focus{--outline: color-mix(in srgb, var(--background), white)}.button.solid:hover>span,.button.solid:focus>span{background:color-mix(in srgb, var(--color-dark-grey) 70%, white)}.button.solid:active>span{background:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}.button-reduced{transition:scale .2s ease-out;display:inline-block;position:relative;margin-bottom:var(--p);margin-right:var(--p);font-weight:600;font-stretch:115%;font-variation-settings:"wght" 600,"wdth" 115}.button-reduced span{transition:background-color .2s ease-out;display:inline-block;position:relative;z-index:2;padding:calc(var(--p)/3*2) var(--p);color:var(--color, white);background-color:var(--background, color-mix(in srgb, hsl(from var(--color-grey) h calc(s * 0.3) calc(l * 0.6)) 30%, hsl(from var(--color-dark) h calc(s * 0.8) l)))}@supports not (clip-path: polygon(0 0)){.button-reduced span{border-radius:3px}}@supports(clip-path: polygon(0 0)){.button-reduced span{clip-path:polygon(2px 0%, calc(100% - 2px) 0%, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 0% calc(100% - 2px), 0% 2px)}}@media(prefers-contrast: more){.button-reduced::after{content:"";display:block;z-index:0;background-color:var(--contrast, var(--color-primary));position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){.button-reduced::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){.button-reduced::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}}:root:has(#option-contrast:not(.inactive):checked) .button-reduced::after{content:"";display:block;z-index:0;background-color:var(--contrast, var(--color-primary));position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .button-reduced::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .button-reduced::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}.theme-contrast .button-reduced::after{content:"";display:block;z-index:0;background-color:var(--contrast, var(--color-primary));position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){.theme-contrast .button-reduced::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){.theme-contrast .button-reduced::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}button.button-reduced-outer{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;padding:0}a.button-reduced::before,button.button-reduced-outer>.button-reduced::before{z-index:1;opacity:0;content:"";display:block;position:absolute;top:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);background:var(--outline, color-mix(in srgb, var(--color-light), var(--color-middle)))}@supports not (clip-path: polygon(0 0)){a.button-reduced::before,button.button-reduced-outer>.button-reduced::before{border-radius:3px1px}}@supports(clip-path: polygon(0 0)){a.button-reduced::before,button.button-reduced-outer>.button-reduced::before{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}a.button-reduced.current,button.button-reduced-outer>.button-reduced.current{pointer-events:none;cursor:default}a.button-reduced:hover span,a.button-reduced:active span,button.button-reduced-outer:hover>.button-reduced span,button.button-reduced-outer:active>.button-reduced span{background-color:var(--background-hover, var(--color-grey))}a.button-reduced:focus-visible::before,button.button-reduced-outer:focus-visible>.button-reduced::before{opacity:1}@media(prefers-reduced-motion: no-preference){a.button-reduced:active,button.button-reduced-outer:active>.button-reduced{scale:.98}}a.button-reduced:active span,button.button-reduced-outer:active>.button-reduced span{background-color:var(--background-active, var(--color-dark-grey))}.button-reduced-group,.button-reduced-group li{display:contents}.toggle{--height: calc(var(--p)*2);display:block;cursor:pointer;position:relative;height:var(--height);width:calc(var(--height)/2*3.5);background-color:var(--background, color-mix(in srgb, var(--color-grey), var(--color-dark-grey)));border-radius:calc(var(--height));margin-right:var(--p);padding:calc(var(--height)/8)}@media(prefers-contrast: more){.toggle::before{content:"";display:block;z-index:-1;background-color:var(--contrast, white);border-radius:calc(var(--height)*1.5);position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px)}}:root:has(#option-contrast:not(.inactive):checked) .toggle::before{content:"";display:block;z-index:-1;background-color:var(--contrast, white);border-radius:calc(var(--height)*1.5);position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px)}.theme-contrast .toggle::before{content:"";display:block;z-index:-1;background-color:var(--contrast, white);border-radius:calc(var(--height)*1.5);position:absolute;top:-2px;left:-2px;height:calc(100% + 4px);width:calc(100% + 4px)}.toggle::after{transition:translate .3s ease-out;content:"";display:block;width:auto;height:100%;aspect-ratio:1/1;border-radius:100%;background-color:var(--indicator, white)}*:focus-visible .toggle,*:focus-visible+label .toggle{outline:calc(var(--p)/4) solid var(--outline, var(--color-light))}.toggle.active{background-color:var(--background-active, var(--color-mint))}.toggle.active::after{translate:100% 0}.radio{display:flex;cursor:pointer;position:relative}.radio::before,.radio::after{content:"";display:block}.radio::before{min-width:calc(var(--p)*2);height:calc(var(--p)*2);border-radius:calc(var(--p)*2);margin-right:calc(var(--p)*.75);background-color:var(--background, white)}@media(prefers-contrast: more){.radio::before{outline:2px solid var(--contrast, color-mix(in srgb, var(--color-grey), var(--color)))}}:root:has(#option-contrast:not(.inactive):checked) .radio::before{outline:2px solid var(--contrast, color-mix(in srgb, var(--color-grey), var(--color)))}.theme-contrast .radio::before{outline:2px solid var(--contrast, color-mix(in srgb, var(--color-grey), var(--color)))}.radio::after{opacity:0;border-radius:calc(var(--p)/3*4);position:absolute;left:calc(var(--p)/3);top:calc(var(--p)/3);background-color:var(--color, var(--color-mint));width:calc(var(--p)/3*4);aspect-ratio:1/1}.radio:is(input:focus-visible+label)::before,.radio:focus-visible::before{outline-color:rgba(0,0,0,0);box-shadow:0 0 0 calc(var(--p)/4) var(--outline, var(--color))}:root:has(#option-pink:checked) main ul[class^=tone]:not(.tone-pink){display:none}:root:has(#option-blue:checked) main ul[class^=tone]:not(.tone-blue){display:none}:root:has(#option-yellow:checked) main ul[class^=tone]:not(.tone-yellow){display:none}.option{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;clip:rect(0, 0, 0, 0);z-index:-1;opacity:0;width:1px;aspect-ratio:1/1}.accessibility-popup{position:absolute;right:0;opacity:0;z-index:-1}@media screen and (min-width: 568px)and (max-height: 450px),screen and (min-width: 768px){.accessibility-popup{position:relative;right:unset}}.accessibility-popup:has(.popup-button:checked),.accessibility-popup:has(.popup-button:focus),.accessibility-popup:has(.popup-button:active),.accessibility-popup:has(.popup-label:hover){opacity:1;z-index:unset}.accessibility-popup:has(.popup-button:checked) .popup-label,.accessibility-popup:has(.popup-button:focus) .popup-label,.accessibility-popup:has(.popup-button:active) .popup-label,.accessibility-popup:has(.popup-label:hover) .popup-label{pointer-events:unset}.accessibility-popup .popup-button:checked~.popup-label,.accessibility-popup .popup-button:focus~.popup-label,.accessibility-popup .popup-button:active~.popup-label{pointer-events:unset}.accessibility-popup .popup-button:focus~.popup-label .button::before,.accessibility-popup .popup-button:active~.popup-label .button::before{opacity:1}.accessibility-popup .popup-label::after,.accessibility-popup .popup-window .inside{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45)/0.9)}@media(prefers-reduced-transparency: reduce){.accessibility-popup .popup-label::after,.accessibility-popup .popup-window .inside{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}}:root:has(#option-contrast:not(.inactive):checked) .accessibility-popup .popup-label::after,:root:has(#option-contrast:not(.inactive):checked) .accessibility-popup .popup-window .inside{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}.theme-reduce-transparency .accessibility-popup .popup-label::after,.theme-reduce-transparency .accessibility-popup .popup-window .inside{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}@supports(backdrop-filter: blur(0px)){.accessibility-popup .popup-label::after,.accessibility-popup .popup-window .inside{backdrop-filter:blur(10px);background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45)/0.8)}@media(prefers-reduced-transparency: reduce){.accessibility-popup .popup-label::after,.accessibility-popup .popup-window .inside{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}}:root:has(#option-contrast:not(.inactive):checked) .accessibility-popup .popup-label::after,:root:has(#option-contrast:not(.inactive):checked) .accessibility-popup .popup-window .inside{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}.theme-reduce-transparency .accessibility-popup .popup-label::after,.theme-reduce-transparency .accessibility-popup .popup-window .inside{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.45))}}.accessibility-popup .popup-label{pointer-events:none}.accessibility-popup .popup-label::after{bottom:-24px}@media(prefers-reduced-motion: no-preference){.accessibility-popup .popup-label::after{translate:0 calc(var(--p)*2)}}.accessibility-popup .popup-window{right:0;left:unset;max-width:360px;color:#fff;margin-top:var(--t)}.accessibility-popup .popup-window .inside{display:flex;flex-wrap:wrap;gap:calc(var(--p)*2);position:relative;width:100%;padding:calc(var(--p)*2);border-radius:3px;overflow:hidden}@supports(clip-path: polygon(0 0)){.accessibility-popup .popup-window .inside{clip-path:inset(0 round 3px)}}@media screen and (min-width: 375px){.accessibility-popup .popup-window .inside div:has(.button){width:calc(50% - var(--p))}}.accessibility-popup .popup-window h4{margin-bottom:calc(var(--p)*-0.75);text-transform:uppercase}.accessibility-popup .popup-window h4:not(:first-of-type){margin-top:calc(var(--p)*.75)}.accessibility-popup .popup-window h4,.accessibility-popup .popup-window li{font-weight:500;font-stretch:115%;font-variation-settings:"wght" 500,"wdth" 115}.accessibility-popup .popup-window h4,.accessibility-popup .popup-window p,.accessibility-popup .popup-window menu,.accessibility-popup .popup-window li:not(:has(.radio)){width:100%}.accessibility-popup .popup-window p{line-height:1.4}.accessibility-popup .popup-window menu{display:flex;flex-wrap:wrap;gap:calc(var(--p)*2);list-style:none}.accessibility-popup .popup-window h4:has(+menu:empty),.accessibility-popup .popup-window menu:empty{display:none}@media(scripting: enabled){.accessibility-popup .popup-window .option-no-js{display:none}}.accessibility-popup .popup-window .option-js{display:none}@media(scripting: enabled){.accessibility-popup .popup-window .option-js{display:flex}}.accessibility-popup .popup-window .option-grouped{display:flex;flex-wrap:wrap;gap:calc(var(--p)*2)}.accessibility-popup .popup-window .option:checked+.radio::after,.accessibility-popup .popup-window .option:focus-visible+.radio::after{opacity:1}.accessibility-popup .popup-window .option:checked+label .toggle{background-color:var(--background-active)}.accessibility-popup .popup-window .option:checked+label .toggle::after{translate:100% 0}.tone-pink .accessibility-popup .popup-window .radio{--color: var(--color-rose)}:root .accessibility-popup .popup-window .radio{--color: var(--color-rose)}:root:has(#option-pink:not(.inactive):checked) .accessibility-popup .popup-window .radio{--color: var(--color-rose)}.tone-blue .accessibility-popup .popup-window .radio{--color: var(--color-glacier)}:root:has(#option-blue:not(.inactive):checked) .accessibility-popup .popup-window .radio{--color: var(--color-glacier)}.tone-yellow .accessibility-popup .popup-window .radio{--color: color-mix( in srgb, var(--color-marzipan), var(--color-tigress) )}:root:has(#option-yellow:not(.inactive):checked) .accessibility-popup .popup-window .radio{--color: color-mix( in srgb, var(--color-marzipan), var(--color-tigress) )}.accessibility-popup .popup-window .toggle{--outline: color-mix(in srgb, white, var(--background-active))}.tone-pink .accessibility-popup .popup-window .toggle{--background-active: var(--color-rose)}:root .accessibility-popup .popup-window .toggle{--background-active: var(--color-rose)}:root:has(#option-pink:not(.inactive):checked) .accessibility-popup .popup-window .toggle{--background-active: var(--color-rose)}.tone-blue .accessibility-popup .popup-window .toggle{--background-active: var(--color-glacier)}:root:has(#option-blue:not(.inactive):checked) .accessibility-popup .popup-window .toggle{--background-active: var(--color-glacier)}.tone-yellow .accessibility-popup .popup-window .toggle{--background-active: color-mix( in srgb, var(--color-marzipan), var(--color-sienna) )}:root:has(#option-yellow:not(.inactive):checked) .accessibility-popup .popup-window .toggle{--background-active: color-mix( in srgb, var(--color-marzipan), var(--color-sienna) )}.accessibility-popup .popup-window .option-label{display:inline-flex;align-items:flex-start;align-content:center;justify-content:flex-start;font-size:1.25rem;line-height:calc(var(--p)*2)}.accessibility-popup .popup-window .button{--contrast: white;text-align:center;width:100%}.accessibility-popup .popup-button:checked+.popup-label::after{rotate:45deg}.avatar-link{--width: 48px;--height: 68px;display:flex;align-items:center;align-content:center;position:relative;margin-bottom:var(--p)}.avatar-link .avatar{display:block;width:var(--width);height:var(--height)}@media(inverted-colors: inverted){.avatar-link .avatar{filter:invert(100%)}}.avatar-link .avatar-default{background-repeat:no-repeat;background-position:center left;background-size:cover;background-image:url("/https/gabriellew.ee/static/images/avatars/memoji@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x, url("") 2x)){.avatar-link .avatar-default{background-image:-webkit-image-set(url("/static/images/avatars/memoji.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.webp") 2x)}}@supports((background-image: -webkit-image-set(url("") 1x, url("") 2x)) or (background-image: image-set(url("") 1x, url("") 2x))){.avatar-link .avatar-default{background-image:-webkit-image-set(url("/static/images/avatars/memoji.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.png") 2x);background-image:image-set(url("/static/images/avatars/memoji.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.webp") 2x);background-image:image-set(url("/static/images/avatars/memoji.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji@2x.webp") 2x)}}.avatar-link .avatar-hm{opacity:0;left:0;top:0;background-size:var(--width) var(--height);background-repeat:no-repeat;background-position:center left;background-size:cover;background-image:url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x, url("") 2x)){.avatar-link .avatar-hm{background-image:-webkit-image-set(url("/static/images/avatars/memoji-hm.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji-hm.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.webp") 2x)}}@supports((background-image: -webkit-image-set(url("") 1x, url("") 2x)) or (background-image: image-set(url("") 1x, url("") 2x))){.avatar-link .avatar-hm{background-image:-webkit-image-set(url("/static/images/avatars/memoji-hm.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.png") 2x);background-image:image-set(url("/static/images/avatars/memoji-hm.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji-hm.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.webp") 2x);background-image:image-set(url("/static/images/avatars/memoji-hm.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-hm@2x.webp") 2x)}}.avatar-link .avatar-cooks{left:-18px;bottom:0;width:65px;height:80px;background-size:cover;background-repeat:no-repeat;background-position:center left;background-size:cover;background-image:url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.png")}@supports(background-image: -webkit-image-set(url("") 1x, url("") 2x)){.avatar-link .avatar-cooks{background-image:-webkit-image-set(url("/static/images/avatars/memoji-cooks.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji-cooks.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.webp") 2x)}}@supports((background-image: -webkit-image-set(url("") 1x, url("") 2x)) or (background-image: image-set(url("") 1x, url("") 2x))){.avatar-link .avatar-cooks{background-image:-webkit-image-set(url("/static/images/avatars/memoji-cooks.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.png") 2x);background-image:image-set(url("/static/images/avatars/memoji-cooks.png") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.png") 2x);background-image:-webkit-image-set(url("/static/images/avatars/memoji-cooks.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.webp") 2x);background-image:image-set(url("/static/images/avatars/memoji-cooks.webp") 1x, url("/https/gabriellew.ee/static/images/avatars/memoji-cooks@2x.webp") 2x)}}.avatar-link .avatar:not(.avatar-default){position:absolute}.avatar-link .text{opacity:0;transition:opacity .2s ease-out,translate .2s ease-out;order:1;display:inline-block;padding:calc(var(--p)*.75) calc(var(--p)*1.5);border-radius:2em;line-height:1.4;color:var(--color, light-dark(var(--color-dark-grey), white));background-color:var(--background, light-dark(hsl(from white h s l/0.8), hsl(from var(--color-dark-grey) h s l/0.8)));font-weight:600;font-stretch:115%;font-variation-settings:"wght" 600,"wdth" 115}@media(prefers-contrast: more){.avatar-link .text{outline:1.5px solid var(--color-primary)}}:root:has(#option-contrast:not(.inactive):checked) .avatar-link .text{outline:1.5px solid var(--color-primary)}.theme-contrast .avatar-link .text{outline:1.5px solid var(--color-primary)}@media(prefers-reduced-motion: no-preference){.avatar-link .text.message{translate:0 100%}}@media(prefers-reduced-motion: reduce){.avatar-link .text.message{opacity:1}}.avatar-link .text.loading{--color: color-mix( in srgb, var(--color-dark-grey), white );position:absolute;left:calc(var(--width) + var(--p));white-space:nowrap}@media(prefers-reduced-motion: no-preference){.avatar-link .text.loading{translate:0 100%}}@media(prefers-reduced-motion: reduce){.avatar-link .text.loading{display:none}}.avatar-link .text.go-home{pointer-events:none;position:absolute;top:50%;left:calc(var(--width) + var(--p));z-index:2}@media(prefers-reduced-motion: no-preference){.avatar-link .text.go-home{translate:0 50%}}@media(prefers-reduced-motion: reduce){.avatar-link .text.go-home{translate:0 -50%}}.avatar-link .text.hidden{display:none}.avatar-link a{display:block;margin-right:var(--p);width:var(--width);height:var(--height)}.avatar-link a::after{content:"";display:block;position:absolute;top:0;left:var(--width);width:var(--p);height:100%}.avatar-link a:focus-visible{border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) var(--focus, light-dark(hsl(from var(--color-dark) h s l/0.5), var(--color-dark)))}.avatar-link a:focus-visible .avatar:not(.avatar-hm){opacity:0}.avatar-link a:focus-visible .avatar-hm{opacity:1}.avatar-link a:hover .go-home,.avatar-link a:focus .go-home,.avatar-link a:active .go-home{pointer-events:unset;opacity:1}@media(prefers-reduced-motion: no-preference){.avatar-link a:hover .go-home,.avatar-link a:focus .go-home,.avatar-link a:active .go-home{translate:0 -50%}}@media(prefers-reduced-motion: no-preference){.avatar-link a:hover~.text.message:not(.hidden):not(.loading),.avatar-link a:focus~.text.message:not(.hidden):not(.loading),.avatar-link a:active~.text.message:not(.hidden):not(.loading){opacity:.3 !important;translate:0 calc(-100% - 5px) !important}}@media(prefers-reduced-motion: reduce){.avatar-link a:hover~.text.message:not(.hidden):not(.loading),.avatar-link a:focus~.text.message:not(.hidden):not(.loading),.avatar-link a:active~.text.message:not(.hidden):not(.loading){opacity:0 !important}}.indicator span{display:inline-block;animation:fade-in 1s cubic-bezier(1, 0, 0, 1) infinite forwards}.indicator span:nth-child(1){animation-delay:.1s}.indicator span:nth-child(2){animation-delay:.2s}.indicator span:nth-child(3){animation-delay:.3s}@keyframes fade-in{from{opacity:0}to{opacity:1}}.contact{position:relative;z-index:10;max-width:var(--width);margin-inline:auto;padding-left:calc(var(--p)*2 + env(safe-area-inset-left));padding-right:calc(var(--p)*2 + env(safe-area-inset-right));color:var(--color-primary)}.contact .contact-social,.contact .contact-messaging{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;font-weight:900;font-stretch:125%;font-variation-settings:"wght" 900,"wdth" 125}@media screen and (min-width: 768px){.contact .contact-social,.contact .contact-messaging{line-height:1.1}}.contact .contact-social>h2,.contact .contact-messaging>h2{margin-top:1.5rem;color:light-dark(var(--color-primary), hsl(from var(--color-primary) h s l/0.9))}.contact .contact-social address>ul,.contact .contact-messaging address>ul{list-style:none}.contact .contact-social address>ul:not([class]),.contact .contact-messaging address>ul:not([class]){margin-top:.5rem}.contact .contact-social address>ul>li,.contact .contact-messaging address>ul>li{display:contents}.contact .contact-social address>ul .color,.contact .contact-messaging address>ul .color{color:light-dark(var(--color-link-dark), var(--color-link))}.contact .contact-social address>ul .color:hover,.contact .contact-social address>ul .color:focus,.contact .contact-messaging address>ul .color:hover,.contact .contact-messaging address>ul .color:focus{text-decoration-color:light-dark(var(--color-link-dark), var(--color-link))}.contact .contact-social address>ul .link:not(.tooltip),.contact .contact-messaging address>ul .link:not(.tooltip){display:inline-block}.contact .contact-social address>ul .link:not(:last-child),.contact .contact-messaging address>ul .link:not(:last-child){margin-right:.75rem}.contact .contact-social address>ul .link:last-of-type,.contact .contact-messaging address>ul .link:last-of-type{margin-right:.75rem}.contact .contact-social address>ul .link,.contact .contact-social address>ul .popup-label,.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link,.contact .contact-messaging address>ul .popup-label,.contact .contact-messaging address>ul .popup-label span{transition:all .1s ease-out;font-size:clamp(1.75rem,3vw,2rem);line-height:1.3}@media screen and (min-width: 768px){.contact .contact-social address>ul .link,.contact .contact-social address>ul .popup-label,.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link,.contact .contact-messaging address>ul .popup-label,.contact .contact-messaging address>ul .popup-label span{line-height:1.2}}.contact .contact-social address>ul .link,.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link,.contact .contact-messaging address>ul .popup-label span{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}@media(prefers-contrast: more){.contact .contact-social address>ul .link,.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link,.contact .contact-messaging address>ul .popup-label span{text-underline-offset:4px}}:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .link,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .popup-label span,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .link,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .popup-label span{text-underline-offset:4px}.theme-contrast .contact .contact-social address>ul .link,.theme-contrast .contact .contact-social address>ul .popup-label span,.theme-contrast .contact .contact-messaging address>ul .link,.theme-contrast .contact .contact-messaging address>ul .popup-label span{text-underline-offset:4px}.contact .contact-social address>ul .link:not(:hover):not(:focus),.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link:not(:hover):not(:focus),.contact .contact-messaging address>ul .popup-label span{text-decoration-color:light-dark(hsl(from var(--color-light) h s calc(l * 1.1)/0), hsl(from var(--color-dark-grey) h s calc(l * 0.73)/0))}@media(prefers-contrast: more){.contact .contact-social address>ul .link:not(:hover):not(:focus),.contact .contact-social address>ul .popup-label span,.contact .contact-messaging address>ul .link:not(:hover):not(:focus),.contact .contact-messaging address>ul .popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0.5)}}:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .link:not(:hover):not(:focus),:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .popup-label span,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .link:not(:hover):not(:focus),:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0.5)}.theme-contrast .contact .contact-social address>ul .link:not(:hover):not(:focus),.theme-contrast .contact .contact-social address>ul .popup-label span,.theme-contrast .contact .contact-messaging address>ul .link:not(:hover):not(:focus),.theme-contrast .contact .contact-messaging address>ul .popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0.5)}.contact .contact-social address>ul .popup-label,.contact .contact-messaging address>ul .popup-label{color:var(--color-link)}.contact .contact-social address>ul .popup-label:hover span,.contact .contact-social address>ul .popup-button:focus+.popup-label span,.contact .contact-messaging address>ul .popup-label:hover span,.contact .contact-messaging address>ul .popup-button:focus+.popup-label span{text-decoration-color:var(--color-link)}.contact .contact-social address>ul .link:hover,.contact .contact-social address>ul .link:focus,.contact .contact-social address>ul .popup-label:hover span,.contact .contact-social address>ul .popup-button:focus~.popup-label span,.contact .contact-messaging address>ul .link:hover,.contact .contact-messaging address>ul .link:focus,.contact .contact-messaging address>ul .popup-label:hover span,.contact .contact-messaging address>ul .popup-button:focus~.popup-label span{color:light-dark(var(--color-dark-grey), white)}@media(prefers-contrast: more){.contact .contact-social address>ul .link:focus,.contact .contact-social address>ul .popup-button:focus~.popup-label span,.contact .contact-messaging address>ul .link:focus,.contact .contact-messaging address>ul .popup-button:focus~.popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0);border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) light-dark(var(--color-link-dark), var(--color-link))}}:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .link:focus,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-social address>ul .popup-button:focus~.popup-label span,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .link:focus,:root:has(#option-contrast:not(.inactive):checked) .contact .contact-messaging address>ul .popup-button:focus~.popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0);border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) light-dark(var(--color-link-dark), var(--color-link))}.theme-contrast .contact .contact-social address>ul .link:focus,.theme-contrast .contact .contact-social address>ul .popup-button:focus~.popup-label span,.theme-contrast .contact .contact-messaging address>ul .link:focus,.theme-contrast .contact .contact-messaging address>ul .popup-button:focus~.popup-label span{text-decoration-color:hsl(from var(--color-primary) h s l/0);border-radius:1px;box-shadow:0 0 0 calc(var(--p)/4) light-dark(var(--color-link-dark), var(--color-link))}.contact .contact-social address>ul .link:hover,.contact .contact-social address>ul .link:focus,.contact .contact-social address>ul .popup-label:hover span,.contact .contact-social address>ul .popup-button:focus~.popup-label span,.contact .contact-social address>ul .link:active,.contact .contact-social address>ul .popup-button:active~.popup-label span,.contact .contact-messaging address>ul .link:hover,.contact .contact-messaging address>ul .link:focus,.contact .contact-messaging address>ul .popup-label:hover span,.contact .contact-messaging address>ul .popup-button:focus~.popup-label span,.contact .contact-messaging address>ul .link:active,.contact .contact-messaging address>ul .popup-button:active~.popup-label span{text-underline-offset:4px}@media(prefers-reduced-motion: no-preference){.contact .contact-social address>ul .link:active,.contact .contact-social address>ul .popup-button:not(:checked):active~.popup-label span,.contact .contact-messaging address>ul .link:active,.contact .contact-messaging address>ul .popup-button:not(:checked):active~.popup-label span{scale:.95}}.content .contact{display:grid;grid-gap:var(--p);grid-template-columns:1fr;position:relative;padding:calc(var(--p)*2) calc(var(--p)*2) var(--p);margin-top:calc(var(--p)*2)}.content .contact::before{content:"";display:block;position:absolute;background-color:light-dark(white, var(--color-dark-grey));position:absolute;top:0;left:0;height:100%;width:100%}@supports not (clip-path: polygon(0 0)){.content .contact::before{border-radius:3px}}@supports(clip-path: polygon(0 0)){.content .contact::before{clip-path:polygon(2px 0%, calc(100% - 2px) 0%, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 0% calc(100% - 2px), 0% 2px)}}@media(prefers-contrast: more){.content .contact::after{content:"";display:block;position:absolute;z-index:-1;background-color:var(--color-primary);position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){.content .contact::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){.content .contact::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}}:root:has(#option-contrast:not(.inactive):checked) .content .contact::after{content:"";display:block;position:absolute;z-index:-1;background-color:var(--color-primary);position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .content .contact::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .content .contact::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}.theme-contrast .content .contact::after{content:"";display:block;position:absolute;z-index:-1;background-color:var(--color-primary);position:absolute;top:-1.5px;left:-1.5px;height:calc(100% + 3px);width:calc(100% + 3px)}@supports not (clip-path: polygon(0 0)){.theme-contrast .content .contact::after{border-radius:4px}}@supports(clip-path: polygon(0 0)){.theme-contrast .content .contact::after{clip-path:polygon(3px 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0% calc(100% - 3px), 0% 3px)}}@media screen and (min-width: 568px)and (max-height: 450px),screen and (min-width: 768px){.content .contact{grid-gap:calc(var(--p)*2);grid-template-columns:1fr 1fr}}.content .contact .contact-social,.content .contact .contact-messaging{position:relative;z-index:1;margin-top:0}.content .contact .contact-social>h2,.content .contact .contact-messaging>h2{margin-top:0;margin-bottom:calc(var(--p)*.75);font-size:1.25rem;font-weight:800;font-stretch:120%;font-variation-settings:"wght" 800,"wdth" 120}@media screen and (min-width: 768px){.content .contact .contact-social>h2,.content .contact .contact-messaging>h2{line-height:1.2}}.content .contact .contact-social address>ul,.content .contact .contact-messaging address>ul{display:flex;flex-wrap:wrap}.content .contact .contact-social address>ul .button-reduced,.content .contact .contact-messaging address>ul .button-reduced{--background: var(--color-link-dark);--outline: light-dark( color-mix( in srgb, var(--color-light), var(--color-middle) ), var(--color-primary) );--background-active: light-dark( var(--color-dark-grey), var(--background-body) );font-size:1rem;line-height:1}.content .contact .contact-social address>ul .tooltip-bottom::before,.content .contact .contact-messaging address>ul .tooltip-bottom::before{top:calc(100% - var(--t)/2)}.content .contact .contact-social address>ul .tooltip-bottom::after,.content .contact .contact-messaging address>ul .tooltip-bottom::after{top:100%}.expand{display:block}.expand,.expand::before,.expand::after{cursor:zoom-in}.lightbox-group{display:block}.lightbox-content{cursor:zoom-out;top:50%;left:50%;translate:-50% -50%;height:-moz-min-content;height:min-content;width:-moz-min-content;width:min-content;padding:0;border:0;margin:unset;background-color:rgba(0,0,0,0)}.lightbox-content::backdrop{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35)/0.98)}@media(prefers-reduced-transparency: reduce){.lightbox-content::backdrop{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}:root:has(#option-contrast:not(.inactive):checked) .lightbox-content::backdrop{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}.theme-reduce-transparency .lightbox-content::backdrop{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}@supports(backdrop-filter: blur(0px)){.lightbox-content::backdrop{backdrop-filter:blur(10px);background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35)/0.9)}@media(prefers-reduced-transparency: reduce){.lightbox-content::backdrop{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}:root:has(#option-contrast:not(.inactive):checked) .lightbox-content::backdrop{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}.theme-reduce-transparency .lightbox-content::backdrop{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}.lightbox-content,.lightbox-content::backdrop{opacity:0;transition:all .2s ease-out .1s}.lightbox-content.active,.lightbox-content.active::backdrop{opacity:1}@starting-style{.lightbox-content.active,.lightbox-content.active::backdrop{opacity:0}}.lightbox-content figure{cursor:unset}@supports not (clip-path: polygon(0 0)){.lightbox-content.iframe,.lightbox-content .warning,.lightbox-content picture{border-radius:3px}}@supports(clip-path: polygon(0 0)){.lightbox-content.iframe,.lightbox-content .warning,.lightbox-content picture{clip-path:polygon(2px 0%, calc(100% - 2px) 0%, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 0% calc(100% - 2px), 0% 2px)}}.lightbox-content.iframe .frame-wrapper{background:var(--background)}.lightbox-content.iframe iframe{cursor:default;opacity:0;transition:opacity .2s ease-out .3s;max-width:calc(100vw - var(--p)*4);max-height:calc(100vh - var(--p)*4);height:100vh;width:100vw}@media screen and (min-width: 834px){.lightbox-content.iframe iframe{max-width:calc(100vw - var(--p)*8);max-height:calc(100vh - var(--p)*8)}}.lightbox-content.iframe .warning{display:none;align-items:center;justify-content:center;height:100vh;max-height:300px;width:100vh;max-width:calc(var(--width) - var(--p)*4 - env(safe-area-inset-left) - env(safe-area-inset-right));color:color-mix(in srgb, var(--color-dark-grey) 70%, white);font-weight:600;line-height:1.3}.lightbox-content.image figure{cursor:zoom-out}.lightbox-content.image picture{display:block;width:auto}.lightbox-content.image img{display:block;width:unset;height:unset;max-width:calc(100vw - var(--p)*4);max-height:calc(100vh - var(--p)*4)}@media screen and (min-width: 834px){.lightbox-content.image img{max-width:calc(100vw - var(--p)*8);max-height:calc(100vh - var(--p)*8)}}@media screen and (orientation: portrait){.lightbox-content.image img.upscale{width:100vw;height:auto}}@media screen and (orientation: landscape){.lightbox-content.image img.upscale{width:auto;height:100vh}}@media(scripting: none){.lightbox,.lightbox-background{cursor:zoom-out;opacity:0;visibility:hidden;display:flex;align-items:center;align-content:center;justify-content:center;bottom:0;right:0;position:fixed;top:0;left:0;height:100%;width:100%}.lightbox-background{transition:opacity .2s ease-out,visibility 0s .2s,z-index 0s .2s;z-index:-999}.lightbox-background{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35)/0.98)}}@media(scripting: none)and (prefers-reduced-transparency: reduce){.lightbox-background{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}@media(scripting: none){:root:has(#option-contrast:not(.inactive):checked) .lightbox-background{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}.theme-reduce-transparency .lightbox-background{background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}@supports(backdrop-filter: blur(0px)){.lightbox-background{backdrop-filter:blur(10px);background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35)/0.9)}@media(scripting: none)and (prefers-reduced-transparency: reduce){.lightbox-background{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}:root:has(#option-contrast:not(.inactive):checked) .lightbox-background{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}.theme-reduce-transparency .lightbox-background{backdrop-filter:unset;background-color:hsl(from var(--color-dark-grey) h s calc(l * 0.35))}}.lightbox-background:not(:last-child){display:none}.lightbox{transition:visibility 0s .2s,z-index 0s .2s;z-index:-998}.lightbox+.lightbox-content{position:fixed;z-index:1}.lightbox:target{transition:opacity .2s ease-out,visibility .2s ease-out;opacity:1;visibility:visible;z-index:999}.lightbox:target~.lightbox-background{transition:opacity .2s ease-out,visibility .2s ease-out;opacity:1;visibility:visible;z-index:998}.lightbox:target~.lightbox-background::before{opacity:1}.lightbox:target+.lightbox-content{z-index:1000;opacity:1;display:block}.lightbox:target+.lightbox-content::backdrop{opacity:1;visibility:visible}}@keyframes loading{from{rotate:0deg}to{rotate:360deg}}.filters{display:none;font-size:1.5rem;line-height:1.334;position:relative;margin-top:var(--p);padding-left:calc(var(--p)*2 + env(safe-area-inset-left));padding-right:calc(var(--p)*2 + env(safe-area-inset-right));font-weight:600;font-stretch:110%;font-variation-settings:"wght" 600,"wdth" 110}@media screen and (min-width: 414px){.filters{padding-left:0;padding-right:0}}@media(scripting: enabled){.filters{display:block}}.filters h2{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;clip:rect(0, 0, 0, 0);z-index:-1;opacity:0;width:1px;aspect-ratio:1/1}.filters ul{list-style:none;display:flex;flex-wrap:wrap}.filters li{margin-right:var(--p)}.filters a{--color-mix: color-mix( in srgb, var(--color-dark-grey) 70%, white )}.filters a,.filters a>span{color:var(--color-mix)}.filters a:not(.reset):not(.emoji)::before{content:"#"}.filters a,.filters a::before,.filters a span{transition:all .1s ease-out}.filters a>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px;text-decoration-color:var(--color-mix-underline, light-dark(hsl(from var(--color-light) h s calc(l * 1.1)/0), hsl(from var(--color-dark-grey) h s calc(l * 0.73)/0)))}@media(prefers-contrast: more){.filters a>span{text-underline-offset:4px;text-decoration-color:unset}}:root:has(#option-contrast:not(.inactive):checked) .filters a>span{text-underline-offset:4px;text-decoration-color:unset}.theme-contrast .filters a>span{text-underline-offset:4px;text-decoration-color:unset}.filters a.emoji{text-underline-offset:10px}@media(prefers-contrast: more){.filters a.emoji{text-underline-offset:6px}}:root:has(#option-contrast:not(.inactive):checked) .filters a.emoji{text-underline-offset:6px}.theme-contrast .filters a.emoji{text-underline-offset:6px}.filters a.emoji span span{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-color:var(--color-mix)}.filters a:hover,.filters a:focus{--color-mix: color-mix( in srgb, var(--color-dark), var(--color-middle) );--color-mix-underline: var(--color-mix)}.filters a:hover>span,.filters a:focus>span,.filters a:active>span,.filters a.active>span{text-underline-offset:4px}.filters a:hover.emoji>span,.filters a:focus.emoji>span,.filters a:active.emoji>span,.filters a.active.emoji>span{text-underline-offset:6px}.filters a:active{--color-mix: var(--color-grey);--color-mix-underline: var(--color-mix)}.filters a.active{--color-mix: color-mix( in hsl, hsl(from var(--color-dark) h calc(s * .9) l) 30%, hsl(from var(--color-middle) h calc(s * .9) l) );--color-mix-underline: var(--color-mix)}.filters a.active span span{color:var(--color-middle)}@supports(-webkit-text-fill-color: transparent){.filters a.active span span{background-color:var(--color-middle);background:linear-gradient(135deg, var(--color-middle), var(--color-dark), var(--color-grey), var(--color-grey)) 50% 0%/200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(prefers-color-scheme: dark){.filters a.active span span{filter:brightness(1.2)}}:root:has(#option-theme:not(.inactive):checked) .filters a.active span span{filter:brightness(1.2)}.theme-dark .filters a.active span span{filter:brightness(1.2)}}.filters a.active{pointer-events:none}.filters a.reset{display:none}.filters a.reset.visible{display:block}header.top,.bottom{max-width:var(--width);margin-inline:auto;padding-left:calc(var(--p)*2 + env(safe-area-inset-left));padding-right:calc(var(--p)*2 + env(safe-area-inset-right))}header.top{padding-top:calc(var(--p)*2 + env(safe-area-inset-top));line-height:1.2}@media screen and (min-width: 768px){header.top{line-height:1.1}}header.top>div{display:flex;justify-content:space-between;align-items:center}header.top>div .avatar-link{margin-bottom:0}@media screen and (min-width: 321px){header.top br{display:none}}header.top .cursor{font-weight:900;font-stretch:75%;font-variation-settings:"wght" 900,"wdth" 75}header.top .top-content{position:relative;z-index:100}.bottom{padding-top:calc(var(--p)*2);padding-bottom:calc(var(--p) + env(safe-area-inset-bottom));font-weight:500;font-stretch:115%;font-variation-settings:"wght" 500,"wdth" 115}.page-home:not(.page-index) .bottom,.page-post .bottom,.page-code .bottom,.page-recipe .bottom{opacity:1}.tone-yellow .bottom a.button-reduced{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .3) calc(l * .4)) 30%, hsl(from var(--color-dark) h calc(s * .8) l) )}:root:has(#option-yellow:not(.inactive):checked) .bottom a.button-reduced{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .3) calc(l * .4)) 30%, hsl(from var(--color-dark) h calc(s * .8) l) )}.bottom a.button-reduced.current{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .1) calc(l * .8)), hsl(from var(--color-dark) h calc(s * .1) l) )}.tone-blue .bottom a.button-reduced.current{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .1) calc(l * .6)), hsl(from var(--color-dark) h calc(s * .1) l) )}:root:has(#option-blue:not(.inactive):checked) .bottom a.button-reduced.current{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .1) calc(l * .6)), hsl(from var(--color-dark) h calc(s * .1) l) )}.tone-yellow .bottom a.button-reduced.current{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .1) calc(l * .4)), hsl(from var(--color-dark) h calc(s * .1) l) )}:root:has(#option-yellow:not(.inactive):checked) .bottom a.button-reduced.current{--background: color-mix( in srgb, hsl(from var(--color-grey) h calc(s * .1) calc(l * .4)), hsl(from var(--color-dark) h calc(s * .1) l) )}.bottom .copyright{--color: var(--color-primary);--background: var(--color-secondary)}.page-load-status{display:none}.page-load-status[style="display: block;"]+.button{display:none}.page-load-status p{position:relative;width:-moz-fit-content;width:fit-content;line-height:1.125;font-weight:600;font-stretch:115%;font-variation-settings:"wght" 600,"wdth" 115}.page-load-status p::before{content:"";display:block;position:absolute}@media(prefers-contrast: more){.page-load-status p::before{z-index:-1;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--color-primary)}@supports not (clip-path: polygon(0 0)){.page-load-status p::before{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.page-load-status p::before{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.page-load-status p::before{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}}:root:has(#option-contrast:not(.inactive):checked) .page-load-status p::before{z-index:-1;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--color-primary)}@supports not (clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .page-load-status p::before{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .page-load-status p::before{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){:root:has(#option-contrast:not(.inactive):checked) .page-load-status p::before{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}.theme-contrast .page-load-status p::before{z-index:-1;top:calc(var(--p)/-8);left:calc(var(--p)/-8);width:calc(100% + var(--p)/4);height:calc(100% + var(--p)/4);padding:var(--p) calc(var(--p)*2.5);background-color:var(--color-primary)}@supports not (clip-path: polygon(0 0)){.theme-contrast .page-load-status p::before{border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.theme-contrast .page-load-status p::before{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.theme-contrast .page-load-status p::before{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}.page-load-status p>span{display:inline-block;background-color:var(--background, color-mix(in srgb, var(--background-body), var(--color-secondary) 70%));color:var(--color, hsl(from var(--color-primary) h s l/0.6));display:block;font-size:1rem}@supports not (clip-path: polygon(0 0)){.page-load-status p>span{padding:var(--p) calc(var(--p)*2);border-radius:calc(var(--p)/4);overflow:hidden}@supports(clip-path: polygon(0 0)){.page-load-status p>span{clip-path:inset(0 round calc(var(--p) / 4))}}}@supports(clip-path: polygon(0 0)){.page-load-status p>span{padding:var(--p) calc(var(--p)*2.5);clip-path:polygon(calc(var(--p) * 1.25) 0%, calc(100% - var(--p) * 1.25) 0%, 100% 45%, 100% 55%, calc(100% - var(--p) * 1.25) 100%, calc(var(--p) * 1.25) 100%, 0 55%, 0 45%)}}@media(prefers-contrast: more){.page-load-status p>span{--background: var(--color-secondary);--color: var(--color-primary)}}:root:has(#option-contrast:not(.inactive):checked) .page-load-status p>span{--background: var(--color-secondary);--color: var(--color-primary)}.theme-contrast .page-load-status p>span{--background: var(--color-secondary);--color: var(--color-primary)}.pagination{display:flex;justify-content:space-between;margin-top:calc(var(--p)*2);padding-left:calc(var(--p)*2 + env(safe-area-inset-left));padding-right:calc(var(--p)*2 + env(safe-area-inset-right))}@media screen and (min-width: 414px){.pagination{padding-inline:0}}.pagination:empty{display:none}.theme-no-load .pagination .load{display:none}#option-load:not(.inactive):not(:checked)~* .pagination .load{display:none}.pagination .older,.pagination .newer{height:calc(100% + var(--p)/3)}.pagination .older::before{clip-path:polygon(3px 0%, calc(100% - var(--p) * 1.375) 0%, 100% 43%, 100% 57%, calc(100% - var(--p) * 1.375) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px)}@media(prefers-contrast: more){.pagination .older::after{clip-path:polygon(2.5px 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, 2.5px 100%, 0 calc(100% - 2.5px), 0 2.5px)}}:root:has(#option-contrast:not(.inactive):checked) .pagination .older::after{clip-path:polygon(2.5px 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, 2.5px 100%, 0 calc(100% - 2.5px), 0 2.5px)}.theme-contrast .pagination .older::after{clip-path:polygon(2.5px 0%, calc(100% - var(--p) * 1.3125) 0%, 100% 44%, 100% 56%, calc(100% - var(--p) * 1.3125) 100%, 2.5px 100%, 0 calc(100% - 2.5px), 0 2.5px)}.pagination .older>span{clip-path:polygon(2px 0%, calc(100% - var(--p) * 1.25) 0%, 100% 45%, 100% 55%, calc(100% - var(--p) * 1.25) 100%, 2px 100%, 0 calc(100% - 2px), 0 2px);padding-left:calc(var(--p)*2)}.pagination .newer::before{clip-path:polygon(calc(var(--p) * 1.375) 0%, calc(100% - 3px) 0%, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, calc(var(--p) * 1.375) 100%, 0 57%, 0 43%)}@media(prefers-contrast: more){.pagination .newer::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - 2.5px) 0%, 100% 2.5px, 100% calc(100% - 2.5px), calc(100% - 2.5px) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}}:root:has(#option-contrast:not(.inactive):checked) .pagination .newer::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - 2.5px) 0%, 100% 2.5px, 100% calc(100% - 2.5px), calc(100% - 2.5px) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}.theme-contrast .pagination .newer::after{clip-path:polygon(calc(var(--p) * 1.3125) 0%, calc(100% - 2.5px) 0%, 100% 2.5px, 100% calc(100% - 2.5px), calc(100% - 2.5px) 100%, calc(var(--p) * 1.3125) 100%, 0 56%, 0 44%)}.pagination .newer>span{clip-path:polygon(calc(var(--p) * 1.25) 0%, calc(100% - 2px) 0%, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) 100%, calc(var(--p) * 1.25) 100%, 0 55%, 0 45%);padding-right:calc(var(--p)*2)}.theme-no-load .page-index .pagination.main-pagination{justify-content:flex-end}#option-load:not(.inactive):not(:checked)~* .page-index .pagination.main-pagination{justify-content:flex-end}@media(scripting: enabled){.pagination.main-pagination .older{display:none}}.theme-no-load .pagination.main-pagination .older{display:block}#option-load:not(.inactive):not(:checked)~* .pagination.main-pagination .older{display:block}