@layer reset,base,utilities,layout,theme;@layer base{*{box-sizing:border-box}html{box-sizing:border-box;-webkit-text-size-adjust:none}*,*:before,*:after{box-sizing:inherit}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-Regular.woff2) format("woff2"),url(../../../fonts/MDIO-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-Black.woff2) format("woff2"),url(../../../fonts/MDIO-Black.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-Bold.woff2) format("woff2"),url(../../../fonts/MDIO-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-BoldItalic.woff2) format("woff2"),url(../../../fonts/MDIO-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-BlackItalic.woff2) format("woff2"),url(../../../fonts/MDIO-BlackItalic.woff) format("woff");font-weight:900;font-style:italic}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-Medium.woff2) format("woff2"),url(../../../fonts/MDIO-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:MDIO;src:url(../../../fonts/MDIO-MediumItalic.woff2) format("woff2"),url(../../../fonts/MDIO-MediumItalic.woff) format("woff");font-weight:500;font-style:italic}h1,h2,h3,h4,h5,h6{font-family:MDIO;font-weight:700;letter-spacing:-.04em;line-height:1.4;margin-block:.2em;-webkit-mask-image:url(./Grit\ Mask@2x.25d21248.png);mask-image:url(./Grit\ Mask@2x.25d21248.png);mask-image-repeat:repeat;-webkit-mask-size:250px;mask-size:250px;text-wrap:balance;font-style:italic}h1,.h1{font-size:clamp(3.05rem,3.54vw + 2.17rem,5rem);font-size:var(--font-size-xxxl)}h2,.h2{font-size:clamp(2.44rem,2.38vw + 1.85rem,3rem);font-size:var(--font-size-xxl)}h3,.h3{font-size:clamp(1.95rem,1.56vw + 1.56rem,2.81rem);font-size:var(--font-size-xl)}h4,.h4{font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-size:var(--font-size-lg)}h5,.h5{font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md)}.h6,h6,p,li{font-size:clamp(1rem,.34vw + .91rem,1.19rem);font-size:var(--font-size-base)}.spa-ran-wrap{--color: var(--spa-ran-wrap-bg, transparent);--size: 2.33456789ex;background-image:linear-gradient(180deg,transparent 0%,transparent 50%,transparent 50%,transparent 100%);background-image:linear-gradient(180deg,var(--color) 0%,var(--color) 50%,transparent 50%,transparent 100%);background-size:auto 2.33456789ex;background-size:auto var(--size);background-position:10px calc(2.33456789ex / 4);background-position:10px calc(var(--size) / 4)}.show-notes h2,.show-notes h3{font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-size:var(--font-size-lg)}.show-notes ul{padding-left:20px}html{font-family:MDIO}body{padding:0;margin:0;background:oklch(0% none none);background:var(--black)}a,.a{color:oklch(100% none none);color:var(--link-fg, var(--fg));text-decoration:none}a:hover{cursor:pointer}:is(p,li) a,.a{color:var(--color-sheet);text-decoration:underline;text-decoration-color:oklch(83.77% .148 81.72);text-decoration-color:var(--primary);text-decoration-thickness:1.5px}p{line-height:1.7}@media (max-width: 699.98px){ul{padding:0}}li{line-height:2.2;list-style-type:circle}ol li{list-style-type:decimal}a[href^="#t="]{background:oklch(97% 0 none);background:var(--bg-1);padding:4px 6px;border-bottom:none;text-decoration:none;color:var(--color-2);font-weight:400;border-radius:4px;position:relative;font-size:clamp(.8rem,.17vw + .76rem,.89rem);font-size:var(--font-size-sm);font-weight:900}@media (min-width: 700.02px){a[href^="#t="]{left:-17px}}[popover]{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;padding:.25em;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-width:medium;border-width:initial;border-color:currentcolor;border-color:initial;-o-border-image:none;border-image:none;-o-border-image:initial;border-image:initial;border-style:solid;background-color:canvas;color:canvastext;overflow:auto;margin:auto}[popover]:not(.\:popover-open){display:none}[popover]:is(dialog[open]){display:revert}[anchor].\:popover-open{inset:auto}@supports selector([popover]:open){[popover]:not(.\:popover-open,dialog[open]){display:revert}[anchor]:is(:open){inset:auto}}@supports selector([popover]:popover-open){[popover]:not(.\:popover-open,dialog[open]){display:revert}[anchor]:is(:popover-open){inset:auto}}@supports not (background-color: canvas){[popover]{background-color:#fff;color:#000}}@supports (width: -moz-fit-content){[popover]{width:-moz-fit-content;height:-moz-fit-content}}@supports not (inset: 0){[popover]{top:0;left:0;right:0;bottom:0}}}a[href^=http]:not(.social-icon,.button,.icon,.naked):after{content:"↗";margin-left:4px;font-size:12px}::-moz-selection{background:oklch(83.77% .148 81.72);background:var(--primary);color:oklch(0% none none);color:var(--dark)}::selection{background:oklch(83.77% .148 81.72);background:var(--primary);color:oklch(0% none none);color:var(--dark)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}html{--track: var(--black);--thumb: var(--primary);scrollbar-color:oklch(83.77% .148 81.72) oklch(0% none none);scrollbar-color:var(--thumb) var(--track);scrollbar-width:thin}:root{--yellow-hue: 81.72;--yellow-1: oklch(99% .02 var(--yellow-hue));--yellow-2: oklch(95% .05 var(--yellow-hue));--yellow-3: oklch(83.77% .148 var(--yellow-hue));--yellow-4: oklch(72% .148 var(--yellow-hue));--yellow-5: oklch(67% .148 var(--yellow-hue));--yellow-6: oklch(50% .148 var(--yellow-hue));--yellow-7: oklch(35% .148 var(--yellow-hue));--yellow-8: oklch(25% .148 var(--yellow-hue));--yellow-9: oklch(18% .1 var(--yellow-hue));--yellow-10: oklch(15% .1 var(--yellow-hue));--yellow: var(--yellow-3);--teal-hue: 188.71;--teal-1: oklch(99% .05 188.71);--teal-2: oklch(95% .08 188.71);--teal-3: oklch(90.16% .173 188.71);--teal-4: oklch(80% .173 188.71);--teal-5: oklch(70% .173 188.71);--teal-6: oklch(50% .173 188.71);--teal-7: oklch(35% .173 188.71);--teal-8: oklch(25% .173 188.71);--teal-9: oklch(18% .173 188.71);--teal-10: oklch(15% .173 188.71);--teal: var(--teal-3);--green-hue: 124.67;--green-1: oklch(99% .05 var(--green-hue));--green-2: oklch(95% .1 var(--green-hue));--green-3: oklch(92.06% .269 var(--green-hue));--green-4: oklch(80% .269 var(--green-hue));--green-5: oklch(70% .269 var(--green-hue));--green-6: oklch(50% .269 var(--green-hue));--green-7: oklch(35% .269 var(--green-hue));--green-8: oklch(25% .269 var(--green-hue));--green-9: oklch(18% .269 var(--green-hue));--green-10: oklch(15% .269 var(--green-hue));--green: var(--green-3);--red-hue: 23.68;--red-1: oklch(99% .05 var(--red-hue));--red-2: oklch(90% .1 var(--red-hue));--red-3: oklch(83% .221 var(--red-hue));--red-4: oklch(72% .221 var(--red-hue));--red-5: oklch(67% .221 var(--red-hue));--red-6: oklch(50% .221 var(--red-hue));--red-7: oklch(35% .221 var(--red-hue));--red-8: oklch(25% .221 var(--red-hue));--red-9: oklch(13% .221 var(--red-hue));--red-10: oklch(5% .221 var(--red-hue));--red: var(--red-5);--black-hue: none;--blacklch: 0% none var(--black-hue);--black-1: oklch(97% 0 var(--black-hue));--black-2: oklch(90% 0 var(--black-hue));--black-3: oklch(83% 0 var(--black-hue));--black-4: oklch(72% 0 var(--black-hue));--black-5: oklch(67% 0 var(--black-hue));--black-6: oklch(50% 0 var(--black-hue));--black-7: oklch(35% 0 var(--black-hue));--black-8: oklch(23.08% 0 var(--black-hue));--black-9: oklch(13% 0 var(--black-hue));--black-10: oklch(var(--blacklch));--black: var(--black-10);--blackish: var(--black-8);--white: oklch(100% none none);--purple-hue: 291.04;--purple-1: oklch(99% .076 var(--purple-hue));--purple-2: oklch(90% .05 var(--purple-hue));--purple-3: oklch(83% .076 var(--purple-hue));--purple-4: oklch(72% .1 var(--purple-hue));--purple-5: oklch(67% .1 var(--purple-hue));--purple-6: oklch(50% .1 var(--purple-hue));--purple-7: oklch(32.98% .076 var(--purple-hue));--purple-8: oklch(25% .076 var(--purple-hue));--purple-9: oklch(20% .076 var(--purple-hue));--purple-10: oklch(10% .076 var(--purple-hue));--purple: var(--purple-7);--body-font-family: "MDIO", "Operator Mono", Consolas, Menlo, Monaco, "Courier New", monospace;--heading-font-family: "MDIO", "Operator Mono", Consolas, Menlo, Monaco, "Courier New", monospace;--font-size-xs: clamp(.6rem, .17vw + .76rem, .7rem);--font-size-sm: clamp(.8rem, .17vw + .76rem, .89rem);--font-size-base: clamp(1rem, .34vw + .91rem, 1.19rem);--font-size-md: clamp(1.25rem, .61vw + 1.1rem, 1.58rem);--font-size-lg: clamp(1.56rem, 1vw + 1.31rem, 2.11rem);--font-size-xl: clamp(1.95rem, 1.56vw + 1.56rem, 2.81rem);--font-size-xxl: clamp(2.44rem, 2.38vw + 1.85rem, 3rem);--font-size-xxxl: clamp(3.05rem, 3.54vw + 2.17rem, 5rem);--shadow-strength: 10%;--shadow-color: 220 40% 2%;--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--default_padding: 1rem;--bg: var(--black);--bg-1: var(--black-1);--bg-2: var(--black-2);--bg-sheet: var(--white);--fg: var(--white);--fg-1: var(--black-8);--fg-2: var(--black-9);--fg-sheet: var(--black);--primary: var(--yellow);--accent: var(--teal);--subtle-accent: var(--purple);--warning: var(--red);--success: var(--green);--line: var(--black-2);--brad: 5px;--border-size: 1.5px;--border: solid var(--border-size) var(--fg-sheet);--dark: var(--black);--bgGritLight: url(/svg/grit.svg?light&count=50&w=1000&h=2000);--bgGritDark: url(/svg/grit.svg?dark&count=50&w=1000&h=2000)}@layer utilities{.readable{max-width:900px;width:100%}.small{font-size:clamp(.8rem,.17vw + .76rem,.89rem);font-size:var(--font-size-sm)}.center{margin:0 auto}.text-xs{font-size:clamp(.6rem,.17vw + .76rem,.7rem);font-size:var(--font-size-xs)}.text-sm{font-size:clamp(.8rem,.17vw + .76rem,.89rem);font-size:var(--font-size-sm)}.text-base{font-size:clamp(1rem,.34vw + .91rem,1.19rem);font-size:var(--font-size-base)}.text-md{font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md)}.text-lg{font-size:clamp(1.56rem,1vw + 1.31rem,2.11rem);font-size:var(--font-size-lg)}.text-xl{font-size:clamp(1.95rem,1.56vw + 1.56rem,2.81rem);font-size:var(--font-size-xl)}.text-xxl{font-size:clamp(2.44rem,2.38vw + 1.85rem,3rem);font-size:var(--font-size-xxl)}.text-xxxl{font-size:clamp(3.05rem,3.54vw + 2.17rem,5rem);font-size:var(--font-size-xxxl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-start{text-align:start}.text-end{text-align:end}.lines{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:1rem;align-items:center}.lines:before,.lines:after{content:"";display:block;width:100%;height:clamp(1px,.1ch,2px);background-color:currentcolor;background-color:var(--line-color, currentcolor)}.grit{-webkit-mask-image:url(./Grit\ Mask@2x.25d21248.png);mask-image:url(./Grit\ Mask@2x.25d21248.png);mask-image-repeat:repeat;-webkit-mask-size:250px;mask-size:250px}.grid-center{display:grid;place-items:center}.hidden-mobile{display:none}@media (max-width: 699.98px){.hidden-mobile{display:inline;display:initial}}}@layer layout{.layout{display:grid;grid-template-columns:[start] 5px [content] auto [content] 5px [end]}@media (min-width: 700.02px){.layout{-moz-column-gap:10px;column-gap:10px;grid-template-columns:[start l-margin] 10px [l-margin content main] minmax(0,812px) [main sidebar] minmax(0,322px) [sidebar content-end r-margin] 10px [r-margin end]}}@media (min-width: 1200.02px){.layout{grid-column-gap:48px;-moz-column-gap:48px;column-gap:48px;display:grid;grid-template-columns:[start l-margin] minmax(144px,auto) [l-margin content main] minmax(0,812px) [main sidebar] minmax(0,322px) [sidebar content-end r-margin] minmax(144px,auto) [r-margin end]}}.layout>*{grid-column:content / content}.layout .full{width:100%;grid-column:start / end}.layout .content{width:100%;grid-column:content / content}.layout .l-margin{width:100%;grid-column:l-margin / l-margin}.layout .r-margin{width:100%;grid-column:r-margin / r-margin}.layout .sidebar{width:100%;grid-column:sidebar / sidebar}.layout .main{width:100%;grid-column:main / main}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:20px}.zone{color:oklch(100% none none);color:var(--fg);background:oklch(0% none none) var(--bgGrit);background:var(--bg) var(--bgGrit);background-size:250px;border-radius:0;border-radius:var(--radius, 0);--subtle: color-mix(in lch, var(--fg), var(--bg) 90%)}.sticky{position:sticky;top:0}.flex{display:flex}}@layer base;@layer base{.theme-wrapper{--button-bg: var(--primary);--button-color: var(--yellow-8);--button-border-size: 1.5px}button,a.button{white-space:nowrap;cursor:pointer;text-decoration:none;border:none;font-family:var(--body-font-familly);font-weight:600;padding:6px 15px;font-size:var(--body-font-size);border-radius:5px;border-radius:var(--brad);background:var(--button-bg);width:auto;color:var(--button-color);display:inline-flex;justify-content:center;align-items:center;gap:10px;box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2);transition:background .2s ease-in-out}@media (max-width: 899.98px){button,a.button{font-size:clamp(.8rem,.17vw + .76rem,.89rem);font-size:var(--font-size-sm)}}:is(button,.button).ghost{--button-bg: transparent;--button-color: var(--primary);box-shadow:inset 0 0 0 var(--button-border-size) oklch(83.77% .148 81.72);box-shadow:inset 0 0 0 var(--button-border-size) var(--primary)}.ghost:is(button,.button):hover{--button-bg: var(--primary);--button-color: var(--black)}:is(button,.button).subtle{--button-bg: var(--bg-1);--button-color: var(--fg);font-weight:400;box-shadow:inset 0 0 0 1px var(--subtle)}:is(button,.button).warning{--button-bg: var(--red);--button-color: var(--white);box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2)}:is(button,.button).big{font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md);padding:10px 20px;box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2)}:is(button,.button).play{--button-bg: linear-gradient(to right, var(--success), var(--accent));--button-color: var(--black-8);font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md);padding:10px 20px;box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2);transition:background-size 1s ease-in-out;background-size:100%}.play:is(button,.button):hover{background-size:200%}:is(button,.button).close{--button-bg: var(--red);--button-color: var(--white);--size: 30px;font-size:clamp(1.25rem,.61vw + 1.1rem,1.58rem);font-size:var(--font-size-md);width:30px;width:var(--size);height:30px;height:var(--size);padding:0;display:flex;justify-content:center;align-items:center;border-radius:30px;border-radius:var(--size);box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2);transition:background-size 1s ease-in-out;font-weight:100}button.button-reset{background:transparent;box-shadow:none}button.button-nunya{background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;padding:0;color:inherit}.play-button{background:linear-gradient(to right,oklch(90% 0 none),oklch(97% 0 none));background:linear-gradient(to right,var(--black-2),var(--black-1));border-radius:50%;border-width:1px;padding:10px;box-shadow:inset 0 0 0 var(--button-border-size) oklch(0% none none / .2);box-shadow:inset 0 0 0 var(--button-border-size) oklch(var(--blacklch) / .2)}}.center{text-align:center}html::view-transition-old(){animation-name:-ua-view-transition-fade-out}html::view-transition-new(){animation-name:-ua-view-transition-fade-in}::view-transition-old(root),::view-transition-new(root){animation-duration:.2s}