:root,:host{--paper: #f2ecbc;--ink: #16161D;--link: #624c83;--color-neutral-50: rgb(236, 254, 252);--color-neutral-100: rgb(240, 243, 254);--color-neutral-200: rgb(214, 220, 245);--color-neutral-300: rgb(147, 153, 178);--color-neutral-400: rgb(127, 132, 156);--color-neutral-500: rgb(108, 112, 134);--color-neutral-600: rgb(88, 91, 112);--color-neutral-700: rgb(69, 71, 90);--color-neutral-800: rgb(49, 50, 68);--color-neutral-900: rgb(30, 30, 46);--color-neutral-950: rgb(24, 24, 37);--color-primary-50: rgb(246 250 255);--color-primary-100: rgb(227 237 254);--color-primary-200: rgb(205 223 253);--color-primary-300: rgb(181 208 252);--color-primary-400: rgb(149 187 250);--color-primary-500: rgb(122 161 224);--color-primary-600: rgb(101 133 185);--color-primary-700: rgb(83 109 151);--color-primary-800: rgb(68 90 125);--color-primary-900: rgb(49 64 89);--color-primary-950: rgb(30 39 54)}@media (prefers-color-scheme: dark){:root,:host{--paper: #181616;--ink: #c5c9c5;--link: #8ba4b0;--color-neutral-950: rgb(215, 224, 254);--color-neutral-900: rgb(166, 173, 200);--color-neutral-800: rgb(147, 153, 178);--color-neutral-700: rgb(127, 132, 156);--color-neutral-600: rgb(108, 112, 134);--color-neutral-500: rgb(88, 91, 112);--color-neutral-400: rgb(69, 71, 90);--color-neutral-300: rgb(49, 50, 68);--color-neutral-200: rgb(30, 30, 46);--color-neutral-100: rgb(24, 24, 37);--color-neutral-50: rgb(17, 17, 27);--color-primary-950: rgb(248 249 255);--color-primary-900: rgb(232 235 255);--color-primary-800: rgb(215 220 254);--color-primary-700: rgb(196 204 254);--color-primary-600: rgb(173 182 244);--color-primary-500: rgb(148 157 210);--color-primary-400: rgb(123 129 173);--color-primary-300: rgb(100 106 142);--color-primary-200: rgb(83 87 117);--color-primary-100: rgb(59 62 83);--color-primary-50: rgb(36 38 51)}}:not(:defined){visibility:hidden}*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:system-ui,sans-serif;display:flex;min-height:100vh;width:100%;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;background:var(--paper);color:var(--ink);padding-top:1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition-duration:.5s;margin:0;line-height:1.6;font-size:16px}section{display:flex;width:100%;max-width:1024px;flex-direction:column;align-items:center;padding-left:1rem;padding-right:1rem}nav{display:flex;width:100%;max-width:1024px;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}nav:has(>:only-child){justify-content:center}video{max-width:100%}.container{width:100%}@media (min-width: 640px){.container{width:640px}}@media (min-width: 768px){.container{width:768px}}@media (min-width: 1024px){.container{width:1024px}}@media (min-width: 1280px){.container{width:1280px}}@media (min-width: 1536px){.container{width:1536px}}hr{width:90%;max-width:640px;border:1px solid var(--color-neutral-200)}a{text-decoration:none;color:var(--link)}a:hover{color:var(--link);opacity:.8}h1{font-size:xx-large;font-weight:700;line-height:1.3;min-height:1.3em}h1[xl]{font-weight:800;font-size:xx-large;margin-bottom:1rem;line-height:1.3;min-height:1.3em}h2{font-size:large;font-weight:700;line-height:1.4;min-height:1.4em}h3{font-size:medium;font-weight:600;line-height:1.5;min-height:1.5em}:is(h1,h2,h3,h4,p,a)[rainbow]{--rainbow: linear-gradient( 45deg, var(--color-neutral-200) 0%, var(--color-primary-700) 70% );--rainbow-hover: linear-gradient( 45deg, var(--color-primary-700) 0%, var(--color-neutral-200) 70% );white-space:nowrap;background-image:var(--rainbow);color:transparent;background-clip:text;-webkit-background-clip:text;transition-duration:1s;background-size:200% 100%}:is(h1,h2,h3,h4,p,a)[rainbow]:hover{background-position-x:100%}:is(h1,h2,h3,h4,p,a)[rainbow]>*{color:var(--color-neutral-950)}:is(h1,h2,h3,h4,p,a)[rainbow="0"]{--rainbow: linear-gradient( 45deg, var(--color-primary-700) 0%, var(--color-neutral-300) 70% );background-position-x:100%}:is(h1,h2,h3,h4,p,a)[rainbow="0"]:hover{background-position-x:0}:is(h1,h2,h3,h4,p,a)[rainbow="1"]{--rainbow: linear-gradient( 141.27deg, #ff904e 0%, #ff5982 20%, #ec68f4 40%, #79e2ff 80% )}:is(h1,h2,h3,h4,p,a)[rainbow="2"]{--rainbow: linear-gradient( 115deg, #4fcf70, #fad648, #a767e5, #12bcfe, #44ce7b )}:is(h1,h2,h3,h4,p,a)[rainbow="3"]{--rainbow: linear-gradient( 140deg, #d2a8ff 12.09%, #f778ba 42.58%, #ff7b72 84.96% )}:is(h1,h2,h3,h4,p,a)[rainbow="4"]{--rainbow: linear-gradient(45deg, rgb(250 222 255) 0%, rgb(219 204 255) 70%)}:is(h1,h2,h3,h4,p,a)[rainbow="5"]{--rainbow: linear-gradient(45deg, rgb(150 130 191) 0%, rgb(32 22 22) 70%)}h1,h2,h3,p{margin:0}p{line-height:1.6}small{color:var(--color-neutral-500);font-size:small}:is(button,a[role=button])[disabled=true]{pointer-events:none;color:color-mix(in srgb,var(--ink) 50%,transparent);background-color:color-mix(in srgb,var(--ink) 8%,var(--paper))}input[type=radio]{display:none}div[role=group].square:has(input[type=radio],button,a[role=button]){display:flex}div[role=group].square :is(label:has(input[type=radio]),button,a[role=button]){padding:.5em 1em;font-size:medium;border-style:solid;border-width:.075em;border-color:color-mix(in srgb,var(--ink) 20%,transparent);display:flex;gap:.5em;align-items:center;cursor:pointer;font-size:small;font-weight:500}div[role=group].square :is(label:has(input[type=radio]),button,a[role=button])[small]{font-size:small;padding:.25em .5em}div[role=group].square :is(button,a[role=button]):active,div[role=group].square label:active:has(input[type=radio]){color:var(--link)}div[role=group].square :is(button,a[role=button]) svg{font-size:larger}div[role=group].square label:has(input[type=radio]:checked){background-color:color-mix(in srgb,var(--link) 10%,var(--paper))}div[role=group].square :is(button,a[role=button]):hover,div[role=group].square label:hover:has(input[type=radio]){background-color:color-mix(in srgb,var(--link) 10%,var(--paper));border-color:color-mix(in srgb,var(--link) 40%,transparent);color:var(--link);opacity:1}div[role=group].square :is(button,a[role=button]){color:var(--link);background-color:var(--paper)}div[role=group].square :is(button,a[role=button])[disabled=true]{pointer-events:none;color:color-mix(in srgb,var(--ink) 50%,transparent);background-color:color-mix(in srgb,var(--ink) 8%,var(--paper))}:is(h1,h2,h3,p,a,small,label,button) svg{height:1.5em}fieldset{border:1px solid rgba(128,128,128,.3);border-radius:.35rem;padding:.5rem .75rem .6rem;margin:0;display:grid;gap:.4rem}legend{padding:0 .4rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.7}a.back{position:fixed;top:1rem;left:calc(max(0px,(100vw - 1024px) / 2) + 1rem);z-index:10;display:inline-flex;align-items:center;color:var(--link);text-decoration:none;background:color-mix(in srgb,var(--paper) 85%,transparent);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);padding:.25rem}a.back:hover{opacity:.7}a.back svg{width:1.5rem;height:1.5rem}main{display:flex;flex-direction:column;width:100%;max-width:1024px;margin-inline:auto;padding:1rem;gap:1rem}@media (min-width: 768px){main:has(>aside){flex-direction:row;align-items:flex-start}main:has(>aside)>figure{flex:3 1 0;width:auto}main:has(>aside)>aside{flex:1 1 0;min-width:16rem}}main>figure{margin:0;position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden}main>aside{display:flex;flex-direction:column;gap:.5rem}fieldset label{display:grid;grid-template-columns:6rem 1fr 3rem;align-items:center;gap:.5rem;font-size:.9rem}fieldset label:has(input[type=checkbox]){grid-template-columns:auto 1fr}input[type=range]{width:100%}.buttons{display:flex;gap:.5rem}.container,.container-sm,.container-md,.container-lg,.container-xl,.container-xxl{width:100%}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-xxl{max-width:1536px}