:where(html){--a:transparent;--w:#fff;--w-h:0 0% 100%;--bk:#000;--bk-h:0 0% 0%;--g-h3:0 0% 70%;--g-h5:0 0% 50%;--g0:#f2f2f2;--g1:#e6e6e6;--g2:#ccc;--g3:#b3b3b3;--g5:gray;--g7:#4d4d4d;--g8:#333;--g9:#1a1a1a;--rd1:#fcc;--rd3:#f66;--rd4:#f33;--rd5:red;--rd6:red;--rd7:#900;--rd10:#1a0000;--rd11:#ff003b;--bl-h5:217 100% 50%;--bl-h6:217 100% 40%;--bl-h8:217 100% 20%;--bl-h10:217 100% 5%;--bl1:#cce0ff;--bl2:#99c0ff;--bl3:#66a1ff;--bl4:#3381ff;--bl5:#0062ff;--bl6:#004ecc;--bl7:#003b99;--bl8:#002766;--bl9:#001433;--bl10:#000a1a;--tk3:#66ffb8;--tk5:#0f8;--tk6:#00cc6d;--tk7:#009952;--tk8:#006636;--pp2:#c999ff;--pp3:#ad66ff;--pp4:#9233ff;--pp6:#5f00cc;--gn1:#dfffcc;--gn5:#5eff00;--gn6:#4bcc00;--gn7:#389900;--gn10:#091a00;--og1:#ffe8cc;--og2:#ffd199;--og5:#ff8c00;--og6:#cc7000;--og10:#1a0e00;--yl2:#fff599;--yl5:#ffd500;--yl6:#ccb800}:root{--r:5px;--r2:10px;--r3:20px;--r4:30px;--rounded:100vmax}:where(html){--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-out-3:cubic-bezier(0,0,.3,1);--z-3:-3;--z-2:-2;--z-1:-1;--z0:0;--z1:1;--z2:2;--z3:3;--z4:4;--z5:5;--z10:10;--z100:100;--z1000:1000;--zimportant:2147480000;--ts-bgc-c:background-color .3s linear,color .3s linear}:root{color-scheme:light dark;--max-cols:12;--fs:16 * 1rem;--p-8:calc(var(--p)/8);--p-4:calc(var(--p)/4);--p-2:calc(var(--p)/2);--p:1rem;--p2:calc(var(--p)*2);--p3:calc(var(--p)*3);--p4:calc(var(--p)*4);--p5:calc(var(--p)*5);--p6:calc(var(--p)*6);--outline:2px solid var(--bl5);--border:1px solid var(--bc);--bc-error:var(--rd4);--bc-success:var(--gn6);--c:light-dark(var(--bk),var(--g0));--c-light:light-dark(var(--g7),var(--g3));--bgc:light-dark(var(--g0),var(--bl10));--bc:light-dark(var(--g1),var(--bl8));--c-start:light-dark(var(--w),var(--bl9));--wbk:light-dark(var(--w),var(--bk));--bkw:light-dark(var(--bk),var(--w));--css-color:var(--bl5);--html-color:var(--og5);--javascript-color:light-dark(var(--yl6),var(--yl5));--agility-color:var(--g3);--accessibility-color:var(--pp4);--ux-color:var(--rd11);--git-color:var(--gn7)}:has([aria-label=dark]){color-scheme:dark}:has([aria-label=light]){color-scheme:light}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}:where(html){scroll-behavior:smooth;scroll-timeline:--page-scroll block;scroll-padding-top:100px}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){touch-action:manipulation;-webkit-tap-highlight-color:var(--a)}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}:where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--outline);outline-offset:3px}body{background-color:var(--bgc);background-image:radial-gradient(ellipse at 50% 0,var(--c-start) 0,var(--a) 30%);color:var(--c);text-rendering:optimizelegibility;grid-template-rows:1fr auto;justify-items:center;min-height:100svh;margin:0;display:grid;&:before{content:"";filter:blur(20px);height:100vh;-webkit-mask:linear-gradient(to right,hsla(var(--w-h)/50%) 1px,transparent 0) 0 0 /100px 100%,radial-gradient(circle at 50% 50%,var(--a) 0,var(--w) 100%);mask:linear-gradient(to right,hsla(var(--w-h)/50%) 1px,transparent 0) 0 0 /100px 100%,radial-gradient(circle at 50% 50%,var(--a) 0,var(--w) 100%);-webkit-mask-composite:source-in,xor;opacity:1;z-index:-1;background:repeating-linear-gradient(-45deg,red,#ff0 7.14%,#0f0 14.28%,#0ff 21.42% 28.56%,#00f 35.7%,#f0f,red 50%);width:100vw;position:fixed;top:0;mask-composite:intersect}&:has(>header>button[aria-expanded=true]){overflow:hidden}}main{--col-gap:calc(8/var(--fs));--row-gap:calc(16/var(--fs));--cols:var(--max-cols);--start:auto;gap:var(--row-gap) var(--col-gap);grid-template-columns:repeat(var(--cols),1fr);padding-inline:clamp(var(--p-4),2vw,var(--p6));width:100%;display:grid;@media screen and (width>=40rem){--col-gap:calc(16/var(--fs))}:has(>section),section,>*{grid-column:var(--start) /span var(--cols);align-content:start;row-gap:var(--row-gap);display:grid}>*>*{--start:auto}:has(>section),section{grid-template-columns:subgrid;>*{grid-column:var(--start) /span var(--cols)}}}.debug-grid main{--name:var(--name-xs);--color-bg-cols:var(--color-bg-cols-xs);@media screen and (width>=40rem){--name:var(--name-sm);--color-bg-cols:var(--color-bg-cols-sm)}@media screen and (width>=48rem){--name:var(--name-md);--color-bg-cols:var(--color-bg-cols-md)}@media screen and (width>=64rem){--name:var(--name-lg);--color-bg-cols:var(--color-bg-cols-lg)}@media screen and (width>=80rem){--name:var(--name-xl);--color-bg-cols:var(--color-bg-cols-xl)}@media screen and (width>=96rem){--name:var(--name-2xl);--color-bg-cols:var(--color-bg-cols-2xl)}}section{padding:clamp(0,2vw,var(--p6));>footer,>header{text-align:center}>header{text-wrap:balance;flex-direction:column;align-items:center;display:flex;& p{max-width:64rem;margin-block:.5rem;font-size:clamp(1.2rem,3vw,1.5rem)}& h2{letter-spacing:clamp(-4px,-.05em,-1px);font-size:clamp(2rem,4.5vw,4rem)}}>section{margin-top:clamp(var(--p2),4vw,var(--p6))}}body>header{backdrop-filter:blur(10px);background-image:radial-gradient(circle,light-dark(hsla(var(--w-h)/50%),hsla(var(--bl-h8)/50%)) 0,var(--a) 100%);border-bottom:var(--border);padding:var(--p-4) clamp(var(--p-2),1vw,var(--p));width:100%;z-index:var(--z10);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto auto;align-items:center;margin-inline:auto;transition:background-color .5s ease-in-out;display:grid;position:fixed;top:0;@media screen and (width>=48rem){grid-template-columns:auto 1fr auto}&:has(button[aria-expanded=true]){background-color:light-dark(hsla(var(--w-h)/70%),hsla(var(--bl-h10)/70%));height:100svh}>a>svg{width:1.8rem;height:1.8rem}>button[aria-expanded]{height:30px;padding:var(--p-4);grid-column:3;width:30px;display:block;position:relative;@media screen and (width>=48rem){display:none}>div{background-color:var(--c);transform-origin:50%;width:26px;height:2px;transition:transform .2s ease-in-out,opacity .1s linear .2s;position:absolute;top:50%;left:50%;translate:-50% -50%;&:first-child{top:20%}&:last-child{top:80%}}&[aria-expanded=true]{>div:first-child{transform:translateY(9px)rotate(45deg)}>div:nth-child(2){transform:rotate(-45deg)}>div:nth-child(3){opacity:0;transform:translateY(-9px)rotate(-45deg)}}}>button[aria-expanded=true]~nav{grid-column:span 4;grid-row-start:2;>ul{flex-direction:column;gap:2rem;margin-inline:auto;>li>a{font-size:2.5rem;font-weight:200}}}>button[aria-expanded=false]~nav{display:none;@media screen and (width>=48rem){display:inline}}}body>footer{background-color:light-dark(hsla(var(--w-h)/50%),hsla(var(--bk-h)/70%));background-image:radial-gradient(ellipse at 50% 0,var(--c-start) 0,var(--a) 50%);border-top:var(--border);scroll-snap-align:start;text-align:center;width:100%}main{padding-top:var(--p4);>section{&:not(:first-of-type){margin-block:clamp(var(--p4),2vw,var(--p6))}}}.blog{>section{>h1{text-align:left}>h2{color:light-dark(var(--pp6),var(--pp3))}>h2,>h3{--mb:calc(var(--fs-heading)*2) var(--fs-heading)}>h2+h3{--mb:0 var(--fs-heading)}& img{-o-object-fit:contain;object-fit:contain;max-width:100%;height:fit-content}}>aside{height:fit-content;top:var(--p4);padding-top:clamp(2.5rem,7vw,3rem);position:sticky;>section{height:calc(100vh - var(--p4)*2);overflow:hidden auto}& ol,ul{row-gap:var(--p-4);margin:0;padding:0;list-style:none;display:grid;& a{font-size:.9rem;line-height:1}}& h3,h4{text-transform:uppercase;margin-bottom:0;font-size:1rem;&:first-child{margin-top:0}}@media screen and (width<=767.98px){display:none}}@media screen and (width>=40rem){.article-main{--cols:var(--max-cols)}}@media screen and (width>=48rem){.article-aside-right{--cols:3}.article-main{--start:4;--cols:calc(var(--max-cols) - var(--start) + 1)}}@media screen and (width>=64rem){.article-aside-right{--cols:3}.article-main{--start:4}}@media screen and (width>=80rem){.article-aside-right{--start:2}.article-main{--start:5;--cols:7}}@media screen and (width>=96rem){.article-aside-right{--start:3;--cols:2}.article-main{--start:5;--cols:6}}}section:has(>article:nth-child(3n)):not(:has(>:not(article))) article{--cols-md:6;--cols-lg:4;--cols-xl:4;--cols-2xl:4}section:has(>article:nth-child(4n)):not(:has(>:not(article))) article{--cols-2xl:3}.flex{align-items:center;gap:var(--p);flex-direction:column;display:flex;@media screen and (width>=48rem){flex-direction:row}}:where(h1,h2,h3,h4,h5,h6,span,a,p,address,strong,ul){scale:1 .95}:where(h1,h2,h3,h4,h5,h6){--fs-heading:clamp(3rem,7vw,6rem);--mb:calc(var(--fs-heading)/2);font-size:var(--fs-heading);letter-spacing:-1px;margin-block:var(--mb);line-height:1;position:relative;>a:has(>svg){opacity:0;left:0;top:calc(var(--fs-heading)/2);transition:opacity .5s linear;position:absolute;transform:translate(-100%,-50%);&:focus-visible{opacity:1}}&:hover,&:target{>a{opacity:1}}& span{color:var(--c);opacity:.5;margin-top:.5rem;font-size:.5em;display:block}}h1{letter-spacing:clamp(-5px,calc(var(--fs-heading)/-24),-2px);-webkit-text-fill-color:var(--a);background-size:cover;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(135deg,light-dark(var(--bk),var(--w)) 30%,light-dark(var(--bk),hsl(from var(--bk) h s l/10%)));padding-bottom:1rem;font-weight:500}h2{--fs-heading:clamp(2rem,4.5vw,3rem)}h3{--fs-heading:clamp(1.5rem,3.5vw,2rem)}h4{--fs-heading:clamp(1.3rem,3vw,1.5rem)}h5{--fs-heading:clamp(1.2rem,2.5vw,1.3rem)}h6{--fs-heading:clamp(1.1rem,2vw,1.2rem)}p{--fs-paragraph:clamp(1.1rem,2vw,1.2rem);--mb-paragraph:calc(var(--fs-paragraph)/2);color:var(--c);font-size:var(--fs-paragraph);margin-block:var(--mb-paragraph);line-height:2;& a{font-size:1em}& code{background-color:var(--g2);border-radius:var(--r);color:var(--g8);padding:var(--p-8);font-size:.8em}}blockquote{color:var(--c-light);position:relative;& *{color:var(--c-light);font-size:1.1em;line-height:1.2}&:after,&:before{opacity:.5;font-family:Georgia,serif;font-size:3rem;font-style:oblique;font-weight:900;line-height:1;position:absolute}&:before{content:"“";top:-1rem;left:-2rem}&:after{content:"”";bottom:-1rem;right:-2rem}}ol,ul{line-height:1.8}li{&::marker{color:var(--bl5)}}code,code>*,kbd{font-family:Menlo,Monaco,Courier New,monospace;font-weight:600}kbd{background-color:var(--w);border:solid var(--g5);border-radius:var(--r);color:var(--g7);padding:var(--p-8) var(--p-2);border-width:1px 1px 3px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}section.section-form,section:has(>form){--cols:var(--cols-sm,var(--max-cols));--start:auto;@media screen and (width>=48rem){--cols:var(--cols-md,var(--cols-sm));--start:var(--start-md,auto)}@media screen and (width>=64rem){--cols:var(--cols-lg,var(--cols-md,var(--cols-sm)));--start:var(--start-lg,var(--start-md,auto))}@media screen and (width>=80rem){--cols:var(--cols-xl,var(--cols-lg,var(--cols-md,var(--cols-sm))));--start:var(--start-xl,var(--start-lg,var(--start-md,auto)))}@media screen and (width>=96rem){--cols:var(--cols-2xl,var(--cols-xl,var(--cols-lg,var(--cols-md,var(--cols-sm)))));--start:var(--start-2xl,var(--start-xl,var(--start-lg,var(--start-md,auto))))}>*{--start:auto}}form{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;height:fit-content;display:flex;& fieldset{border:0;padding:0}.fieldset-grid{border-color:var(--bc-fieldset-grid,var(--bc));padding:clamp(calc(var(--p)),5vw,calc(var(--p)*2));width:100%;>fieldset{gap:1rem;display:grid;& legend{margin-bottom:2rem;font-size:clamp(1.5rem,3vw,3rem);line-height:1}}}&:has(:user-invalid){.fieldset-grid{--bc-fieldset-grid:var(--bc-error)}}&:valid{.fieldset-grid{--bc-fieldset-grid:var(--bc-success)}}}[type=radio]+label,input:not([type=range],[type=checkbox]),select,textarea{--bc-field:light-dark(var(--bl4),var(--bl8));font-size:1.1rem;&:focus-visible{outline-offset:0}&:hover{--bc-field:var(--bl4)}&:user-invalid{--bc-field:var(--bc-error)}&:not([type=radio]){background-color:var(--bgc);border:1px solid var(--bc-field);border-radius:var(--r);padding:calc(var(--p)/2)}@container input-container (width<=320px){width:100%}}input[type=radio]{&:user-invalid+label{--bc-field:var(--bc-error)}&:checked+label{background-color:var(--bc-field)}}.field{grid-template:auto 1fr auto/1fr auto auto 10px;gap:.5rem;display:grid;& label{grid-column:span 2;align-self:end}.input-container{grid-column:span 3;display:flex;container-name:input-container;~:where(.error-icon,.valid-icon){grid-column:4;place-content:center;place-self:center;display:none;>svg{width:1rem;height:1rem}}~:where(.help-message,.error-message){color:color-mix(in oklab,var(--c),#000 30%);grid-column:span 3;font-size:.9rem}~.error-message{color:var(--bc-error);display:none}&:focus-within{~.help-message{color:color-mix(in oklab,var(--c),#fff 30%)}}&:has(:user-valid){~.valid-icon{display:block}}&:has(:user-invalid):has(:empty){~.error-icon{display:block}~.help-message{display:none}~.error-message{display:block}}& *{flex:auto}}}fieldset:has(>input[type=radio]){gap:var(--p);flex-wrap:wrap;display:flex}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;position:absolute;+label{text-align:center;display:inline-block}&:focus-visible,&:hover{outline:none;+label{outline:var(--outline)}}}button{--bgc-btn:var(--bkw);--c-btn:var(--wbk);--p-btn:calc(var(--p) - 2px);--fs-btn:1.1rem;background-color:var(--bgc-btn);border-radius:var(--rounded);color:var(--c-btn);font-size:var(--fs-btn);min-width:calc(var(--p-btn)*2 + var(--fs-btn));padding:var(--p-btn);transition:var(--ts-bgc-c);justify-content:center;gap:.5rem;width:fit-content;font-weight:600;line-height:1;display:inline-flex;>svg{aspect-ratio:1;height:var(--fs-btn);width:var(--fs-btn)}&:disabled,&[aria-disabled=true]{cursor:not-allowed;opacity:.7}&[class*=small]{--p-btn:var(--p-2);--fs-btn:.9rem}&[class*=ghost],&[class*=reverse]:not(:hover){--bgc-btn:var(--a);--c-btn:var(--bkw)}&[class*=danger]:not(:hover,[class*=reverse]){--bgc-btn:light-dark(var(--rd6),var(--rd4))}&[class*=reverse]:not(:hover){--box-sc-btn:var(--bkw);box-shadow:inset 0 0 0 2px var(--box-sc-btn);&[class*=danger]{--box-sc-btn:light-dark(var(--rd6),var(--rd4))}}&:hover{--bgc-btn:light-dark(var(--bl7),var(--bl3));&[class*=ghost]{--bgc-btn:light-dark(hsla(var(--bk-h)/10%),hsla(var(--w-h)/10%))}&[class*=danger]{--bgc-btn:light-dark(var(--rd7),var(--rd3))}}}#switch-theme{--nav-icon:var(--bl6);--nav-icon-hv:var(--bl3);grid-area:1/4;& svg{width:1.5rem;height:1.5rem}#moon,#sun{fill:var(--nav-icon);stroke:none}#moon>circle{transition:transform .5s var(--ease-out-3)}#sun{transition:transform .5s var(--ease-4)}#sun,#sun-beams{transform-origin:50%}#sun-beams{--opacity-dur:.15s;stroke:var(--nav-icon);stroke-width:2px;transition:transform .5s var(--ease-elastic-out-4),opacity var(--opacity-dur) var(--ease-3)}&[aria-label=light]{--nav-icon:var(--g7);--nav-icon-hv:var(--g9);#sun{transform:scale(.5)}#sun-beams{--opacity-dur:.5s;transform:rotate(90deg)}}&[aria-label=dark]{#moon>circle{transform:translate(-20px)}#sun-beams{opacity:0}}&:focus-visible{outline-offset:0}&:hover{background-color:var(--a);& svg{>#moon,>#sun{fill:var(--nav-icon-hv)}>#sun-beams{stroke:var(--nav-icon-hv)}}}}a{--fs-lk:1.1rem;--lgr-lk:linear-gradient(135deg,light-dark(var(--tk7),var(--tk5)) 10%,light-dark(var(--bl5),var(--pp4)) 100%);--size:0%;color:var(--c);font-size:var(--fs-lk);padding-inline:var(--p-4);place-items:center;width:fit-content;line-height:1.8;-webkit-text-decoration:none;text-decoration:none;position:relative;&:has(>svg):has(>span){background-color:var(--bkw);border-radius:var(--r4);color:var(--wbk);height:fit-content;transition:var(--ts-bgc-c);gap:.5rem;display:inline-grid;&:has(svg+span){grid-template-columns:auto 1fr}&:has(span+svg){grid-template-columns:1fr auto}&:focus,&:hover{color:var(--bl5)}>span{max-width:100%;padding-inline:var(--p-4);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}}>svg{width:1rem;height:1rem}&:not(:has(>svg)){-webkit-text-fill-color:var(--a);background-size:cover;-webkit-background-clip:text;background-clip:text;background-image:var(--lgr-lk);&:is([href^="https://"],[href^="http://"]){&:after{content:" ↗"}}& span{background-image:var(--lgr-lk);background-position:0 1.6em;background-repeat:no-repeat;background-size:var(--size) 1px;padding-block:.25em;transition:background-size .3s}&:active,&:hover,&[aria-current]{--size:100%;-webkit-text-fill-color:var(--a);background-image:var(--lgr-lk)}}}a:has(>svg:only-child){--a-width:2.5rem;aspect-ratio:1;padding:var(--p-4);width:var(--a-width);justify-content:center;display:flex;scale:1;&:before{aspect-ratio:1;background-color:light-dark(hsla(var(--bk-h)/10%),hsla(var(--w-h)/10%));border-radius:var(--rounded);content:"";z-index:-1;width:0;height:0;transition:width .2s ease-in-out,height .2s ease-in-out;position:absolute;inset:50% 0 0 50%;translate:-50% -50%}&:focus,&:hover{color:var(--bl5);&:before{height:var(--a-width);width:var(--a-width)}}}[class*=center]{text-align:center;text-wrap:balance;place-items:center;margin-inline:auto}[class*=rounded-list]{background-color:var(--bgc);border:var(--border);border-radius:var(--rounded);max-width:100%;padding:var(--p-2);width:fit-content;overflow:auto;>ul{max-width:100%}}.tooltip{position:relative;&:after,&:before{display:none;position:absolute}&:before{background-color:var(--bl8);border-radius:var(--r);color:var(--w);content:attr(aria-label);height:fit-content;padding:var(--p-2);width:max-content;font-size:.8rem;top:-124%;right:-15px}&:after{border-color:var(--bl8) var(--a) var(--a) var(--a);content:"";border-style:solid;border-width:10px 7px 0;width:0;height:0;top:-30%;left:50%;translate:-50%}&:focus,&:hover{&:after,&:before{display:flex}}}:where(html){--box-bc:light-dark(var(--g1),var(--g8));--box-bgc:var(--wbk);--box-sc:light-dark(hsla(var(--g-h3)/20%),hsla(var(--bk-h)/30%))}article{--cols:var(--cols-sm,inherit);background-color:var(--box-bgc);border:1px solid var(--box-bc);border-radius:var(--r2);box-shadow:0 15px 15px 0 var(--box-sc);gap:var(--p-2) var(--p-4);padding:var(--p);display:grid;>svg{background-color:var(--box-bc);border-radius:var(--rounded);color:var(--w);height:1.2rem;padding:var(--p-4);justify-self:center;width:1.2rem}& time{color:var(--c-light);font-size:.8rem}>:not(dialog),>div>:not(dialog){margin:0}>div{gap:var(--p) 0;display:grid}& p{--fs-paragraph:clamp(1rem,2vw,1rem);line-height:1.5}& img{-o-object-fit:cover;object-fit:cover;width:100%;display:block}& figure{position:relative;&:before{box-shadow:inset 0 0 70px 0 var(--bk);content:"";width:100%;height:100%;position:absolute}&:has([data-type]):after{background-color:var(--bk);color:var(--w);content:attr(data-type);padding:var(--p-4) var(--p);text-transform:uppercase;font-weight:600;position:absolute;top:0;left:50%;transform:translate(-50%)}>figcaption{color:var(--w);text-align:center;width:100%;font-size:clamp(3rem,4vw,3.5rem);font-weight:600;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media screen and (width>=48rem){--cols:var(--cols-md,inherit)}@media screen and (width>=64rem){--cols:var(--cols-lg,inherit)}@media screen and (width>=80rem){--cols:var(--cols-xl,inherit)}@media screen and (width>=96rem){--cols:var(--cols-2xl,inherit)}&:has(:is(h1,h2,h3,h4,h5,h6)+time+*+a){grid-template-rows:repeat(2,auto) 1fr auto}&:has(figure+:is(h1,h2,h3,h4,h5,h6)+time+*+a){grid-template-rows:repeat(3,auto) 1fr auto}&:has(>svg){grid-template-columns:auto 1fr}&:has(>svg+div){padding:var(--p-2);margin-top:clamp(1rem,4vw,3rem);&[aria-roledescription] :is(h1,h2,h3,h4,h5,h6){color:var(--box-c,var(--box-bc));--fs-heading:clamp(1rem,3vw,1.2rem)}}&:has(:is(h1,h2,h3,h4,h5,h6)):not(:has(>:nth-child(2n))),&:has(>svg+:is(h1,h2,h3,h4,h5,h6)):not(:has(>:nth-child(3n))){border-radius:var(--rounded);padding:var(--p-4) var(--p-2);place-items:center;width:max-content;&[aria-roledescription]{color:var(--box-c,var(--box-bc))}>:is(h1,h2,h3,h4,h5,h6){font-size:.9rem}}}.operation-box{-moz-column-gap:1rem;grid-template-columns:auto 1fr auto;grid-template-areas:"label before-amount amount""date before-amount amount";column-gap:1rem;display:grid;.amount{grid-area:amount;place-self:center end;font-size:1rem}.before-amount{grid-area:before-amount;justify-content:end;align-items:center;display:flex}& small{color:var(--color-text-secondary);grid-area:date;font-size:.8rem}& h4{grid-area:label;margin:0}}[aria-roledescription=error]{--box-bc:var(--rd5);--box-bgc:light-dark(var(--rd1),var(--rd10))}[aria-roledescription=success]{--box-bc:light-dark(var(--gn7),var(--gn6));--box-bgc:light-dark(var(--gn1),var(--gn10))}[aria-roledescription=warning]{--box-bc:light-dark(var(--og6),var(--og5));--box-bgc:light-dark(var(--og1),var(--og10))}[aria-roledescription=info]{--box-bc:light-dark(var(--bl6),var(--bl5));--box-bgc:light-dark(var(--bl1),var(--bl9))}hr{background-color:var(--bl5);width:50%;height:1px;margin-block:5rem}dialog{border-radius:var(--r);max-width:1000px;padding:0;&::backdrop{backdrop-filter:blur(5px);background-color:#00000080}&[open],&[open]::backdrop{opacity:0;animation:.5s linear forwards fadein}&[id*=caniuse]{width:90vw;height:90vh}.dialog-inner{height:100%;padding:var(--p);grid-template-rows:auto 1fr auto;display:grid}& iframe{border:none;width:100%;height:100%}& header{border-bottom:1px solid var(--g5);grid-template-columns:1fr auto;align-items:center;gap:1rem;padding-bottom:1rem;display:grid;:is(h1,h2,h3,h4,h5,h6){margin:0}}& footer{border-top:1px solid var(--g5);justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}}@keyframes fadein{to{opacity:1}}table{background-color:light-dark(var(--w),hsla(var(--bk-h)/70%));border:1px solid light-dark(var(--g2),var(--bc));border-collapse:collapse;box-shadow:0 15px 15px 0 light-dark(hsla(var(--g-h3)/20%),hsla(var(--bk-h)/30%));table-layout:fixed;font-size:clamp(.7rem,3vw,1rem);& td,th{border:1px solid light-dark(var(--g2),var(--bc));padding:clamp(var(--p-4),1vw,var(--p));text-align:center}& th{background-color:light-dark(var(--g2),var(--bc));border-color:light-dark(var(--w),hsla(var(--bk-h)/70%))}}:root{--gh-cols:17;.contrib:nth-child(n+246){--gh-show:block}@media screen and (width>=40rem){.contribs-wrapper{--gh-cols:30}.contrib:nth-child(n+155){--gh-show:block}}@media screen and (width>=96rem){.contribs-wrapper{--gh-show:block;--gh-cols:52}}}.astro-code{border-radius:var(--r2);padding:var(--p);& pre{max-width:calc(100vw - 6rem)}& code{max-width:100%;overflow-x:auto}}details{background-color:var(--box-bgc);border:var(--border);border-radius:var(--r2);padding:var(--p-2);interpolate-size:allow-keywords;width:100%;&[name]{margin-bottom:var(--p-2)}&::details-content{opacity:0;block-size:0;transition:content-visibility allow-discrete .2s,opacity .2s,block-size .2s;overflow-y:clip}&[open]{& summary>svg{transform:rotate(180deg)}&::details-content,summary{opacity:1;block-size:auto}}>*{padding-inline:var(--p-2)}}summary{cursor:default;padding-block:var(--p-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-columns:1fr auto;display:grid;&::marker{font-size:0}&::-webkit-details-marker{display:none}>*{margin:0}>svg{transform-origin:50%;transition:transform .2s linear}}article:has(>details:nth-child(2n)) details{border:none;margin:0;padding:0;&:not(:last-child):after{background-color:var(--bc);content:"";height:1px;top:calc(var(--p-4) + 1px);width:100%;display:block;position:relative}}:has(details[name=lastposts]){margin-top:var(--p2);>div{>details{--theme-color:var(--bkw);position:relative;&:before{--circle-size:20px;background-color:var(--type-color);border-radius:var(--rounded);content:"";height:var(--circle-size);width:var(--circle-size);transition:background-color .5s;position:absolute;top:1rem;left:1rem}>summary{color:var(--type-color);text-align:right;text-transform:uppercase;font-size:1.2rem;font-weight:700}>div{padding-bottom:var(--p-2)}}}@media screen and (width>=48rem){>div{--height:250px;--size-closed:2.3rem;justify-content:center;gap:.5rem;display:flex;>details{--theme-color:var(--bkw);border:var(--border);border-radius:var(--r3);height:var(--height);width:var(--size-closed);transition:all .5s;&:before{--circle-size:16px;background-color:var(--theme-color);left:calc(var(--size-closed)/2 - var(--circle-size)/2);top:calc(var(--size-closed)/2 - var(--circle-size)/2);transform-origin:0 0}&:is(:hover,:has(:focus-visible)){&:before,>summary{--theme-color:var(--type-color)}}>div{opacity:0;padding-bottom:var(--p-2);padding-left:calc(var(--size-closed) + 1rem);>p{color:var(--bkw)}}>summary{border-radius:var(--rounded);color:var(--theme-color);cursor:pointer;height:calc(var(--size-closed) - 2px);bottom:0;left:calc(var(--size-closed) - 2px);outline-color:var(--theme-color);transform-origin:0 100%;width:calc(var(--height) - 2px);z-index:2;align-items:center;padding-left:1rem;transition:color .5s,outline-color .5s;display:flex;position:absolute;rotate:-90deg;&:focus-visible{--theme-color:var(--type-color)}}&[open]{width:500px;>div{animation:.5s linear .5s forwards fadein}&:before,summary{opacity:1}}}}}@media screen and (width>=64rem){>div{--size-closed:4rem;gap:1rem;>details{border-radius:var(--r4);&:before{--circle-size:20px}}}}}.progress-bar-wrapper{flex-direction:column;gap:.5rem;display:flex}.progress-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.progress-label{flex-shrink:0;font-weight:500}.progress-values{opacity:.7;flex-shrink:0;font-size:.875rem}.progress-track{position:relative}.progress-container{background-color:var(--color-border,#e0e0e0);border-radius:var(--rounded);height:1.2rem;position:relative;overflow:hidden}.progress-element{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;width:100%;height:100%}.progress-element::-webkit-progress-bar{background-color:var(--color-border,#e0e0e0);border-radius:var(--rounded)}.progress-green::-webkit-progress-value{background:linear-gradient(90deg,var(--success,#10b981) 0,var(--success-light,#34d399) 100%)}.progress-element.progress-green{accent-color:var(--success,#10b981)}.progress-yellow::-webkit-progress-value{background:linear-gradient(90deg,var(--warning,#f59e0b) 0,var(--warning-light,#fbbf24) 100%)}.progress-element.progress-yellow{accent-color:var(--warning,#f59e0b)}.progress-red::-webkit-progress-value{background:linear-gradient(90deg,var(--danger,#ef4444) 0,var(--danger-light,#f87171) 100%)}.progress-element.progress-red{accent-color:var(--danger,#ef4444)}.progress-element.progress-green{color:var(--success,#10b981)}.progress-element.progress-yellow{color:var(--warning,#f59e0b)}.progress-element.progress-red{color:var(--danger,#ef4444)}.progress-percentage{color:#000;pointer-events:none;text-shadow:0 1px 2px #0000004d;font-size:.75rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-threshold-marker{background-color:var(--rd,red);opacity:.5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.progress-threshold-marker:before{color:var(--color-text,#111);content:attr(title);opacity:.7;white-space:nowrap;font-size:.65rem;font-weight:600;position:absolute;bottom:calc(100% + .25rem);left:50%;transform:translate(-50%)}nav{>ol,>ul{gap:0 1rem;margin:0;padding:0;list-style:none;display:flex}& li:has(a[href^="#"]){margin-left:var(--p-2);&::marker{content:"#"}}&[data-mode=horizontal]{place-content:center;place-items:center;display:flex}&[data-mode=vertical]{>ul{flex-direction:column;align-items:flex-start}}>:is(ol,ul)>li>a{color:var(--c-nav-lk,var(--c));-webkit-text-fill-color:var(--c-nav-lk);background-image:inherit}}menu{justify-content:center;gap:1rem;width:100%;margin:0;padding:1rem 0 0;display:flex;position:relative;&:before{background-image:radial-gradient(ellipse at 50% 100%,hsla(var(--bl-h6)/30%) 0,var(--a) 50%);content:"";z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}}:has(>[role=tablist]){width:100%;max-width:94vw;margin-bottom:2rem;display:block;&:has([aria-orientation=vertical]){grid-template-columns:auto 1fr;grid-template-areas:"title title""tablist tabpanel";display:grid}& h3:has(+[aria-orientation=vertical]){grid-area:title}[role=tablist]{gap:var(--p-4);display:flex;position:relative;&:after{background-color:var(--bl5);content:"";transition:translate .2s ease-in-out,scale .2s ease-in-out;position:absolute}&:not([aria-orientation=vertical]){border-bottom:1px solid var(--g7);&:after{height:2px;scale:var(--size) 1;transform-origin:0;translate:var(--offset,0) 0;bottom:-1px;left:0;right:0}}&[aria-orientation=vertical]{border-right:1px solid var(--g7);flex-direction:column;grid-area:tablist;margin-right:1rem;&:after{scale:1 var(--size,.125);transform-origin:top;translate:0 var(--offset,0);width:2px;top:0;bottom:0;right:-1px}}}[role=tab]{background-color:var(--a);border-radius:var(--r);color:light-dark(var(--bl5),var(--w));opacity:.7;padding:var(--p);&:focus-visible{outline-offset:-4px}&[aria-selected=true]{opacity:1}}[role=tabpanel]{background-color:var(--wbk);grid-area:tabpanel;padding:1rem;container:tabpanel/inline-size;>span{-moz-column-gap:1rem;column-gap:1rem;display:flex}}}@property --progress{syntax:"<integer>";inherits:true;initial-value:0}@property --progress-rotation{syntax:"<integer>";inherits:false;initial-value:90}:is(body>figure,body>figure>div,svg){animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll()}body>figure{--size:44px;--scroll-watcher-color:var(--bl-h5);counter-reset:progress var(--progress);opacity:calc(var(--progress)*.03);z-index:1000;grid-template-areas:"caption""timer";place-content:center;place-items:center;gap:.2em;animation-name:progress;display:grid;position:fixed;bottom:3rem;right:0;>div{background-color:light-dark(hsla(var(--w-h)/70%),hsla(var(--bk-h)/80%));box-shadow:0 0 15px hsla(var(--scroll-watcher-color)/80%);height:var(--size);width:var(--size);border-radius:100vmax;grid-area:timer;grid-template-areas:"container";place-content:center;place-items:center;animation-name:progress;display:grid;position:relative;&:before{background:conic-gradient(from 0,hsla(var(--scroll-watcher-color)/100%) calc(var(--progress)*1%),transparent 0);content:"";height:var(--size);-webkit-mask:radial-gradient(circle at 50% 50%,var(--a) 65%,var(--w) 65%);mask:radial-gradient(circle at 50% 50%,var(--a) 65%,var(--w) 65%);width:var(--size);border-radius:100vmax;position:absolute}&:focus,&:hover{--box-sc:hsla(var(--scroll-watcher-color)/100%)}& a{padding:var(--p)}& svg{transform:rotate(calc(var(--progress-rotation)*1deg));animation-name:progress-rotation}>*{grid-area:container}}>figcaption{grid-area:caption;font-size:1rem;&:after,&:before{content:counter(progress);font-feature-settings:"tnum";font-size:calc(.6em + var(--size)/24);font-variant-numeric:tabular-nums;text-align:center;margin-inline:auto;font-weight:700}&:after{content:"%"}}}@keyframes progress{to{--progress:100}}@keyframes progress-rotation{to{--progress-rotation:270}}@supports not (animation-timeline:scroll()){body>figure{--progress:100;>div{& svg{transform:rotate(270deg)}}>figcaption{display:none}}}label[data-astro-cid-ndm6qe4x]:has([name=debuggrid]){z-index:2;background-color:var(--c);border-radius:var(--rounded);padding:var(--p-2);color:var(--bgc);position:fixed;inset:auto auto .5rem .5rem;&:hover,&:has(>:checked){color:var(--bl6)}>span[data-astro-cid-ndm6qe4x]{display:none}& input[data-astro-cid-ndm6qe4x]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}}.debug-grid[data-astro-cid-ndm6qe4x]{width:100%;height:100%;display:none;position:fixed;top:0;left:0;& main[data-astro-cid-ndm6qe4x]{--name-xs:"xs : < 40rem (640px)";--color-bg-cols-xs:var(--pp2);--name-sm:"sm : >=40rem (640px)";--color-bg-cols-sm:var(--bl2);--name-md:"md : >= 48rem (768px)";--color-bg-cols-md:var(--og2);--name-lg:"lg : >= 64rem (1024px)";--color-bg-cols-lg:var(--gn1);--name-xl:"xl : >= 80rem (1280px)";--color-bg-cols-xl:var(--rd1);--name-2xl:"2xl : >= 96rem (1536px)";--color-bg-cols-2xl:var(--tk6);opacity:.5;height:100%;position:relative;&:before{text-align:center;text-orientation:mixed;writing-mode:vertical-rl;width:100%;height:100%;color:color-mix(in hsl,var(--color-bg-cols),#000 20%);content:var(--name);font-size:clamp(.5rem,4vw,2.5rem);transition:color .3s linear .2s;position:absolute;top:50%;left:.5vw;transform:translateY(-50%)}.cols[data-astro-cid-ndm6qe4x]{background-color:var(--color-bg-cols);grid-column:span 1;height:100%;transition:background-color .3s linear .2s;display:block}}}body:has([name=debuggrid]:checked){.debug-grid[data-astro-cid-ndm6qe4x]{display:block}}