@layer reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}body{margin:0}h1,h2,h3,h4,p,figure,blockquote,dl,dd{color:inherit;margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:pretty}a:not([class]){-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:2ex}html,body,div,header,nav,main,footer,layout-sidebar,layout-center,layout-cover,layout-frame,layout-reel{max-inline-size:none}}@layer base{html{background:var(--color-background);color:#d8d8d8;font-size:clamp(18px,17px + .25vw,20px)}body{line-height:1.65;font-family:var(--font-sans)}:focus-visible{outline:var(--color-yellow)4px solid;outline-offset:2px;border-radius:4px}p,label,li{font-size:1em;font-weight:300}a:focus,a:hover{color:var(--color-yellow);text-decoration-style:wavy}h1,h2,h3,h4,h5{font-weight:500;line-height:1.25}:is(h1,h2,h3,h4,h5) a[href^=\#]{color:#555;margin-inline-end:.5ch;text-decoration:none}:is(h1,h2,h3,h4,h5) a[href^=\#]:hover{color:var(--color-yellow);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}h1{margin-top:0;font-size:3.05em;font-weight:700}h2{font-size:2.44em}h3{font-size:1.95em}h4{font-size:1.56em}h5{font-size:1.25em}small{font-size:.74em}input{color:#444;border:2px solid #444;border-radius:4px;padding:.5em .5em .35em;font-size:.9em}input:focus-visible{border-color:#555}input[type=checkbox]{border:2px solid var(--color-grey);appearance:none;background:50%/90% no-repeat;width:1.15em;height:1.15em;padding:0}input[type=checkbox]:checked{border-color:var(--color-green);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAPFJREFUSEvtld0NgjAQgHvdQ90AHQHHUIcRh1HGgBEMGyh79MyRlDTljrYWHkzkjYTed/3uB1ArP7ByfPU7gLo/lMaYkoxcdl1lzSxyg/urqADUdQwK+njaPFt6XwTweBfo1hJR3ewtsgF+9gQ6b7sxbhaAC+5mn61oTk12kUNqRAC1m+0AaQhj1LCAut83iDj0Mjit5oNi1EwAXFYcJFbNBEBqEE3jZ+tCUtSwirgArq4UNWKRZQi0tj72sDtQUkOwgyZBpHUwt/LFSZ6D+NP6FYAOSZAYNdGT7ENSso/eRQShj7XWbWjKJ23+/yeHDHwAVO2NGXyrE0EAAAAASUVORK5CYII=)}pre{border-radius:5px;padding:.5em .25em;overflow:auto hidden}pre:has(>code){color:#abb2bf;background-color:#282c34;padding:.5em}details summary{cursor:pointer}code{--color-code:var(--color-green);font-family:var(--font-monospace);color:var(--color-code);border:1px dotted oklch(from var(--color-code)l c h/.35);border-radius:4px;padding:.15em .25em;font-size:.8em;font-weight:400}pre code{color:inherit;border:0;padding:0;display:block}blockquote{font-family:var(--font-serif);border-inline-start:1px solid var(--color-magenta);margin-inline-start:1em;padding-block:.5em;padding-inline-start:1em;font-style:italic;font-weight:200}blockquote p:first-child{margin-block:0}blockquote strong{font-style:inherit}strong{font-style:normal;font-weight:900}hr{border:0;border-bottom:1px solid var(--color-grey);width:100%}svg[data-icon]{width:1em;height:1em}[popover]{cursor:auto;background:var(--color-background);color:inherit;border:3px solid oklch(from var(--color-magenta)l c h/.5);box-shadow:0 0 12px 0px oklch(from var(--color-magenta)l c h/.75);opacity:0;overlay:auto;max-width:70ch;transition:opacity .15s ease-out,overlay .15s allow-discrete,display .15s allow-discrete;border-radius:5px;padding:2rem}@media not all and (min-width:calc(80ch + 6rem)){[popover]{margin:auto 1rem}}[popover]::backdrop{transition:display .15s allow-discrete,overlay .15s allow-discrete,background-color .15s ease-out;background-color:#0000}@starting-style{[popover]::backdrop{background-color:#0000}}[popover]:popover-open{opacity:1}@starting-style{[popover]:popover-open{opacity:0}}[popover]:popover-open::backdrop{background-color:oklch(0% 0 0/.5)}}@layer layouts{layout-center{--center-measure:var(--measure,60ch);--center-padding:initial;box-sizing:content-box;max-inline-size:var(--center-measure);padding-inline:var(--center-padding);margin-inline:auto;display:block}layout-center[text]{text-align:center}layout-center[intrinsic]{flex-direction:column;align-items:center;display:flex}layout-cluster{--cluster-spacing:1rem;--cluster-justify:flex-start;--cluster-align:center;gap:var(--cluster-spacing);justify-content:var(--cluster-justify);align-items:var(--cluster-align);flex-wrap:wrap;display:flex}layout-cover{--cover-min-size:100vh;--cover-spacing:1rem;--cover-padding:initial;min-block-size:var(--cover-min-size);padding:var(--cover-padding);flex-direction:column;display:flex}layout-cover:not(:has(>[data-cover-center])){justify-content:space-between}layout-cover>*{margin-block:var(--cover-spacing)}layout-cover>:first-child:not([data-cover-center]){margin-block-start:0}layout-cover>:last-child:not([data-cover-center]){margin-block-end:0}layout-cover>[data-cover-center]{margin-block:auto}layout-frame{--frame-ratio:16/9;aspect-ratio:var(--frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}layout-frame>img,layout-frame>video{object-fit:cover;block-size:100%;inline-size:100%}layout-grid{--grid-spacing:1rem;--grid-item-size:calc((var(--measure,60ch)/3) - var(--grid-spacing));grid-gap:var(--grid-spacing);grid-template-columns:repeat(auto-fit,minmax(min(var(--grid-item-size),100%),1fr));display:grid}layout-icon{--icon-spacing:.75rem;--icon-size:1.5rem;--icon-align:center;align-items:var(--icon-align);display:inline-flex}layout-icon>[data-is-icon]{width:var(--icon-size);height:var(--icon-size);margin-inline-end:var(--icon-spacing)}layout-icon>[data-is-icon]:only-child{margin-inline-end:0}layout-imposter{--imposter-position:absolute;--imposter-margin:1rem;position:var(--imposter-position);inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}layout-imposter[contain]{max-inline-size:calc(100% - (var(--imposter-margin)*2));max-block-size:calc(100% - (var(--imposter-margin)*2));overflow:auto}layout-reel{--reel-size:auto;--reel-item-size:auto;--reel-spacing:1rem;--reel-track-color:#000;--reel-thumb-color:#fff;block-size:var(--reel-size);scrollbar-color:var(--reel-thumb-color)var(--reel-track-color);display:flex;overflow:auto hidden}layout-reel::-webkit-scrollbar{block-size:1rem}layout-reel::-webkit-scrollbar-track{background-color:var(--reel-track-color)}layout-reel::-webkit-scrollbar-thumb{background-color:var(--reel-track-color);background-image:linear-gradient(var(--reel-track-color)0,var(--reel-track-color).25rem,var(--reel-thumb-color).25rem,var(--reel-thumb-color).75rem,var(--reel-track-color).75rem)}layout-reel[no-scrollbar]{scrollbar-width:none}layout-reel[no-scrollbar]::-webkit-scrollbar{display:none}layout-reel>*{flex:0 0 var(--reel-item-size)}layout-reel>img{block-size:100%;flex-basis:auto;width:auto}layout-reel>*+*{margin-inline-start:var(--reel-spacing)}layout-reel[has-overflow]:not([no-scrollbar]){padding-block-end:var(--reel-spacing)}layout-sidebar{--sidebar-gap:1rem;--sidebar-content-width:50%;--sidebar-width:initial;gap:var(--sidebar-gap);flex-wrap:wrap;display:flex}layout-sidebar:not([content-first])>:first-child,layout-sidebar[content-first]>:last-child{flex-basis:var(--sidebar-width);flex-grow:1}layout-sidebar:not([content-first])>:last-child,layout-sidebar[content-first]>:first-child{min-inline-size:var(--sidebar-content-width);flex-grow:999;flex-basis:0}layout-stack{--stack-spacing:1.5rem;flex-direction:column;justify-content:flex-start;display:flex}layout-stack:not([recursive])>*,layout-stack[recursive] *{margin-block:0}layout-stack:not([recursive])>*+*,layout-stack[recursive] *+*{margin-block-start:var(--stack-spacing)}layout-stack[split-after]:only-child{block-size:100%}layout-stack[split-after="1"]>:first-child,layout-stack[split-after="2"]>:nth-child(2),layout-stack[split-after="3"]>:nth-child(3),layout-stack[split-after="4"]>:nth-child(4),layout-stack[split-after="5"]>:nth-child(5),layout-stack[split-after="-5"]>:nth-last-child(6),layout-stack[split-after="-4"]>:nth-last-child(5),layout-stack[split-after="-3"]>:nth-last-child(4),layout-stack[split-after="-2"]>:nth-last-child(3),layout-stack[split-after="-1"]>:nth-last-child(2){margin-block-end:auto}layout-stack:has(>*+layout-stack){--stack-parent-spacing:var(--stack-spacing)}layout-stack:has(>layout-stack>layout-stack){--stack-grandparent-spacing:var(--stack-spacing)}layout-stack:has(>layout-stack>layout-stack>layout-stack){--stack-great-grandparent-spacing:var(--stack-spacing)}layout-stack>*+layout-stack{margin-block-start:var(--stack-parent-spacing)!important}layout-stack>*+layout-stack:has(>layout-stack){margin-block-start:var(--stack-grandparent-spacing)!important}layout-stack>*+layout-stack:has(>layout-stack>layout-stack){margin-block-start:var(--stack-great-grandparent-spacing)!important}layout-switcher{--switcher-spacing:1rem;--switcher-threshold:30rem;gap:var(--switcher-spacing);flex-wrap:wrap;display:flex}layout-switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-threshold) - 100%)*999)}layout-switcher[limit="2"]>:nth-last-child(n+3),layout-switcher[limit="2"]>:nth-last-child(n+3)~*,layout-switcher[limit="4"]>:nth-last-child(n+5),layout-switcher[limit="4"]>:nth-last-child(n+5)~*,layout-switcher[limit="5"]>:nth-last-child(n+6),layout-switcher[limit="5"]>:nth-last-child(n+6)~*{flex-basis:100%}}@layer sections{.about{background:var(--color-background);padding-block-start:6rem;box-shadow:inset -2px 6px 6px #00000040}.about h2{font-size:3.16em}.about img{border-radius:50%;max-width:200px;margin:auto}.article{max-width:var(--measure)}.article a[href^=\#]{margin-inline-end:0}.article hr{border:0;border-top:5px dotted var(--color-magenta);width:5ch}.article em{color:var(--color-orange)}.article .date{margin:0}.article .speech-controls fieldset{gap:calc(var(--spacing)*1);border:none;align-items:baseline;padding:0;display:flex}.article .speech-controls label{display:block}.article .speech-controls input[type=range],.article .speech-controls select{width:100%;display:block}.article .speech-controls select{margin-top:.5em}.demo{border:1px solid var(--color-grey);border-radius:5px;padding:2rem}.demo>:first-child{margin-top:0}.demo>:last-child{margin-bottom:0}.demo.preload{background:repeating-linear-gradient(45deg,#222,#222 15px,#282828 15px 30px);justify-content:center;align-items:center;font-style:italic;display:flex}.spellcheck input,.spellcheck button{margin-top:1em}.spellcheck input{width:100%}.spellcheck small{display:block}.spellcheck fieldset{border:0;align-items:center;margin:1em 0 .25em;padding:0;display:flex}.spellcheck fieldset>*{margin:0}.datastar-plugin input,.datastar-plugin button{margin-top:1em}.datastar-plugin section:not(:first-of-type):before{content:"";border-top:5px dotted var(--color-magenta);width:5ch;margin:4rem auto;display:block}.datastar-plugin ol li{border-left:1px dotted #555;margin-top:2em;padding-left:.75em}.datastar-plugin dt{margin-top:2em;font-family:monospace;font-weight:700}.datastar-plugin fieldset{border-width:1px;border-color:#555;border-radius:5px;margin-block:1em;padding:0 1em;display:block}.datastar-plugin legend{padding-inline:.5em;font-weight:700}.datastar-plugin label{margin:1em 0;font-style:italic;display:block}.datastar-plugin input[type=range],.datastar-plugin select{box-sizing:border-box;width:100%;margin:.5em 0;padding:.25em;font-size:1em;display:block}.on-remove #ex4:has(button) p:nth-of-type(2){display:none}.on-remove #ex4 p:nth-of-type(2){color:var(--color-orange)}.datastar-speech .queue li{margin-top:.5em;padding:.5em}.datastar-speech .queue button{margin-top:0}.datastar-speech .queue span{align-content:center}.datastar-speech .queue .btn-group>button:first-child{min-width:3.5rem}.datastar-speech .queue layout-sidebar{container:sidebar/inline-size}@container sidebar not (max-width:14rem){.datastar-speech .queue layout-sidebar .btn-group{text-align:right}}.data-on-gyroscope .box{border:2px solid var(--color-magenta)}.data-on-gyroscope .box>div{text-align:center;grid-template:"box box"100%/100%;place-items:center;height:min(80ch,100vw - 3rem);margin:.5rem;display:grid}.data-on-gyroscope .ball{background:var(--color-orange);border-radius:50%;grid-area:box;width:1rem;height:1rem;transition:transform 50ms linear}.data-on-gyroscope .target{border:2px solid var(--color-green);border-radius:50%;grid-area:box;width:1rem;height:1rem;transition:transform 50ms linear}.data-on-gyroscope particle-effect{pointer-events:none;opacity:0;border-radius:50%;grid-area:box}::highlight(tag){color:#e06c75}::highlight(property){color:#e06c75}::highlight(literal-property){color:#e06c75}::highlight(function-variable){color:#e06c75}::highlight(variable){color:#e06c75}::highlight(constant){color:#e06c75}::highlight(identifier){color:#e06c75}::highlight(parameter){color:#e06c75}::highlight(function){color:#8ea0b2}::highlight(atrule){color:#a685a1}::highlight(italic){color:#a685a1}::highlight(keyword){color:#a685a1}::highlight(attr-value){color:#98c379}::highlight(selector){color:#98c379}::highlight(char){color:#98c379}::highlight(inserted){color:#98c379}::highlight(string){color:#98c379}::highlight(doctype){color:#7f848e}::highlight(prolog){color:#7f848e}::highlight(cdata){color:#7f848e}::highlight(comment){color:#7f848e}::highlight(builtin){color:#d19a66}::highlight(entity){color:#d19a66}::highlight(regex){color:#d19a66}::highlight(attr-name){color:#d19a66}::highlight(boolean){color:#d19a66}::highlight(number){color:#d19a66}::highlight(symbol){color:#d19a66}::highlight(deleted){color:#d19a66}::highlight(class-name){color:#d19a66}::highlight(important){color:#d19a66}::highlight(bold){color:#d19a66}::highlight(literal){color:#d19a66}::highlight(operator){color:#abb2bf}::highlight(url){color:#abb2bf}::highlight(punctuation){color:#abb2bf}::highlight(syntax){color:#abb2bf}::highlight(invalid){color:#fff;background:red}.hero{background-image:var(--gradient);text-shadow:var(--text-shadow)}.hero h1{font-size:4.21em}.hero h1,.hero span{color:var(--color-yellow)}.hero p{color:#fff;font-family:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1.2rem}.list{margin:3rem 0}.list>layout-center{padding:0 1rem}.list li:not(:first-child){margin-top:.5em}.list li p{margin:0}.list small{font-size:.8em}.list .sidebar{height:max-context;position:sticky;top:1rem}.list .sidebar ul{padding:0;list-style:none}.list .sidebar li{border-bottom:1px solid #333;margin:0}.list .sidebar li:first-child{border-top:1px solid #333}.list .sidebar li a{padding:.5em;display:block}.list .sidebar li a:hover{background:#222}.list .sidebar .feed a{align-items:center;gap:.5em;display:inline-flex}.list .sidebar .feed span{display:none}@media screen and (max-width:600px){.list .sidebar{border-bottom:1px solid #333;order:-1;height:auto;padding-bottom:2rem;position:relative;top:0}.list .sidebar h4{display:none}.list .sidebar ul{flex-wrap:wrap;display:flex}.list .sidebar li,.list .sidebar li:first-child{border:0}:is(.list .sidebar li,.list .sidebar li:first-child) a{padding:.25em}.list .sidebar .feed span{display:inline}.list .sidebar .feed layout-icon{--icon-size:1.5em}}.recipe{padding-inline:1rem}.recipe .ingredients label{cursor:pointer;align-items:flex-start;display:flex}.recipe .ingredients label span{flex:1}:checked+:is(.recipe .ingredients label span){color:var(--color-green)}.recipe .ingredients input[type=checkbox]{margin:0 .5em 0 0}}@layer components{button,input[type=submit]{color:#fff;cursor:pointer;background:#555;border:2px solid #444;border-radius:4px;padding:.5em .5em .35em;line-height:1}:is(button,input[type=submit]):hover,:is(button,input[type=submit]):focus-visible{background:#666;border-color:#999}:is(button,input[type=submit]):active{background:#444;border-color:#333;transform:scale(.95)}:is(button,input[type=submit])[disabled]{cursor:not-allowed;color:#666;background:#333;border-color:#444;transform:scale(1)}:is(button,input[type=submit]):has(>svg){align-items:center;gap:.5ch;padding:.5em;display:flex}footer{margin-block:2rem}footer hr{border:0;border-top:1px solid var(--color-magenta);max-width:30ch}.about :is(footer){margin-block-end:0}highlight-textarea{display:block;position:relative}highlight-textarea pre,highlight-textarea textarea{color:#abb2bf;font-size:.8rem;font-weight:400;font-family:var(--font-monospace);border-radius:4px;margin:0;padding:.5rem;line-height:1.4}highlight-textarea pre{pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;background:0 0;position:absolute;inset:0;overflow-y:scroll}highlight-textarea pre::-webkit-scrollbar{display:none}highlight-textarea pre::-webkit-scrollbar-button{display:none}highlight-textarea textarea{caret-color:#abb2bf;color:#abb2bf;resize:none;background:#282c34;border:0;min-width:100%;max-width:100%;display:block}nav{color:#fff}nav.navbar{background:var(--gradient);border-bottom:1px solid #111;margin-block-end:2em;padding:.5em}.tag{color:#fff;background:#333;border-radius:4px;padding:0 .5em;font-size:.8em;text-decoration:none}.tag:hover,.tag:active{color:var(--color-yellow);background:#2a2a2a;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.tag:active{background:#222}.title{--title-background:var(--color-background,#1a1a1a);--title-shadow:0px 1px 2px #000000bf;--title-gradient:linear-gradient(45deg,#9500a8 0,#990069 15%,#c7005d 30%,#ea1a4b 47%,#f53 63%,#ff8c1a 78%,#fb0 88%,#ffea00 100%);color:#0000;text-wrap:pretty;margin-top:0;font-weight:700;line-height:1.15;display:block;position:relative;overflow:hidden}.title:before{content:"";background-image:var(--title-gradient);height:.15em;box-shadow:var(--text-shadow);position:absolute;bottom:0;left:0;right:0}.title:after{content:attr(data-title);-webkit-background-clip:text;background-clip:text;background-image:var(--title-gradient);color:#0000;position:absolute;inset:0}.title .underline{display:inline;position:relative}.title .underline:before{content:"";background:var(--title-background);height:1em;position:absolute;bottom:-.25em;left:-100vw;right:-.25ch}.title .shadow{text-shadow:var(--title-shadow);color:#0000;position:absolute;inset:0}}@layer utilities{.draft,.emphasis{color:var(--color-orange)}.date{color:var(--color-grey)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-50vh{margin-top:50vh}.mi-1{margin-inline:calc(var(--spacing)*1)}.pi-4{padding-inline:calc(var(--spacing)*4)}}:root{--measure:80ch;--color-yellow:#ffe501;--color-orange:#ff851d;--color-green:#a6e22e;--color-magenta:#f92672;--color-grey:#999;--color-background:#1a1a1a;--text-shadow:0px 1px 2px #000000bf;--spacing:.25rem;--font-serif:Charter,"Bitstream Charter","Sitka Text",Cambria,serif;--font-sans:Avenir,Montserrat,Corbel,"URW Gothic",source-sans-pro,sans-serif;--font-monospace:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--font-cursive:"Segoe Print","Bradley Hand",Chilanka,TSCu_Comic,casual,cursive;--gradient:linear-gradient(45deg,#006 0%,#5f006b 30%,#990069 55%,#c7005d 70%,#ea1a4b 77%,#f53 83%,#ff8c1a 88%,#fb0 92%,#ffea00 100%);scroll-behavior:smooth}@supports ((-moz-appearance:none)){:root{--color-background:#080808}}@view-transition{navigation:auto}