@layer reset{html{box-sizing:border-box;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"pnum";font-feature-settings:"pnum";font-variant-numeric:proportional-nums;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;font-weight:400;font-style:normal;line-height:1.65;color:#212529;background-color:#fff;-ms-overflow-style:-ms-autohiding-scrollbar}*,*:before,*:after{box-sizing:inherit}:focus{outline:1px dotted black}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid black}body,h1,h2,h3,h4,h5,h6,ul,ol,li,p,pre,blockquote,figure,hr{margin:0;padding:0}ul[class],ol[class]{list-style:none}.plain-list{list-style:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'/%3E");padding-left:0}b,strong{font-weight:bolder}small{font-size:80%}sub{bottom:-.25em}sup{top:-.5em}a:not([class]){color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;transition:color .2s}@media (pointer: fine) and (hover: hover){a:not([class]):hover,a:not([class]):focus{text-decoration:underline}a:hover{color:#0056b3}}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}img{width:100%;vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}a,area,button,[role=button],input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}input,textarea,select,button{border-radius:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{line-height:normal}input,textarea,button{border:1px solid gray}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}input[type=search]{-webkit-appearance:textfield}::-webkit-search-decoration{display:none}textarea{overflow:auto;resize:vertical}button *{pointer-events:none}embed,iframe,img,object,video{display:block;max-width:100%}img{width:100%;height:auto}table{table-layout:fixed;width:100%;border-collapse:collapse}[hidden]{display:none!important}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);clip-path:inset(100%);position:absolute}noscript{display:block;margin-bottom:1em;margin-top:1em}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.visually-hidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}}@layer prism{code[class*=language-],pre[class*=language-]{color:#ffd493;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-html],pre[class*=language-html]{color:#fff}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:transparent}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:var(--blue-muted-comment)}.token.punctuation{color:#ccc}.token.tag,.token.namespace,.token.number,.token.unit,.token.hexcode,.token.deleted{color:var(--blue-500)}.token.attr-name{color:#cbd5e1}.token.selector,.token.property{color:#fff}.token.selector{color:#4bf3c8}.token.function-name{color:#6196cc;color:#00d4ff}.token.function{color:#00d4ff;color:#a7b6ff}.token.boolean,.token.selector .token.id{color:#fdfdfd}.token.class-name{color:#fff5f6}.token.constant,.token.symbol{color:#f92aad}.token.important,.token.atrule,.token.keyword,.token.selector .token.class,.token.builtin{color:#f4eee4}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#72f1b8}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;padding-left:clamp(3.56rem,calc(3.36rem + 1.02vw),4.13rem);counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:-.225em;font-size:100%;left:-3.8em;left:calc(-1*clamp(3.56rem,calc(3.36rem + 1.02vw),4.13rem));width:3em;letter-spacing:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:var(--blue-muted);display:block;padding-right:.8em;text-align:right}div.prism-live{position:relative;box-sizing:border-box;display:flex;flex-flow:column;font-size:1.08em}textarea.prism-live,pre.prism-live{padding:.2rem .5rem;box-sizing:border-box;margin:0}textarea.prism-live{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;color:transparent;cursor:text;white-space:pre;border:0;outline:none;background:transparent;resize:none;--selection-background: #adbdcc33}@supports (not (caret-color: black)) and (-webkit-text-fill-color: black){textarea.prism-live{color:inherit;-webkit-text-fill-color:transparent}}textarea.prism-live::-moz-selection{background:var(--selection-background);color:var(--selection-color)}textarea.prism-live::selection{background:var(--selection-background);color:var(--selection-color)}pre.prism-live{flex:1;position:relative;pointer-events:none;overflow:hidden;max-height:100%;--scrollbar-width: 17px;padding-bottom:var(--scrollbar-width);padding-right:var(--scrollbar-width)}pre.prism-live>code:empty:before{content:" "}}@layer custom{@font-face{font-family:Mona Sans;src:url(/assets/fonts/Mona-Sans.woff2) format("woff2 supports variations"),url(/assets/fonts/Mona-Sans.woff2) format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;descent-override:7%;font-display:swap}@view-transition{navigation: auto;}::view-transition-group(root){animation-duration:.2s}::view-transition-old(--current-link),::view-transition-new(--current-link){block-size:100%;inline-size:100%}@font-face{font-family:OpMn;src:url(/assets/fonts/OperatorMono-Medium.woff2) format("woff2");font-style:normal;font-weight:500;text-rendering:optimizeLegibility;font-display:swap}:root{--resize-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23909090' d='M9.75 16.5a6.75 6.75 0 0 0 6.75-6.75v-4.5a2.25 2.25 0 0 1 4.5 0v4.5A11.25 11.25 0 0 1 9.75 21h-4.5a2.25 2.25 0 0 1 0-4.5h4.5Z'/%3E%3C/svg%3E%0A");--gray-100: #f2f2f2;--gray-200: #ebebeb;--gray-300: #e6e6e6;--gray-400: #dbdbdb;--gray-500: #c9c9c9;--gray-600: #a8a8a8;--gray-700: #8f8f8f;--gray-800: #7d7d7d;--gray-900: #555555;--gray-1000: #171717;--blue-muted-comment: #a9bcce;--blue-muted: #55718d;--blue-500: #2ee5e5;--blue-700: #0e395e;--blue-800: #0d2e4e;--blue-900: #0a2540;--purple-50: #e4deed;--violet-100: #f3daf8;--violet-200: #e2b9ea;--violet-300: #d0a0da;--violet-400: #be8cc8;--violet-500: #ac7cb5;--violet-600: #9b6fa4;--violet-700: #8b6692;--primary: var(--aquamarine-300);--ui-primary: var(--green-300);--ui-secondary: #ffa956;--ui-secondary-a11y: hsl(29 100% 57%);--ui-surface: #fff;--ui-bg: hsl(267, 30%, 18%);--ui-bg-2: hsl(266, 30%, 15%);--ui-bg-3: hsl(289, 27%, 19%);--ui-accent: var(--blue-700);--space-3: .5rem;--space-2: .375rem;--space-1: .25rem;--space-9: clamp(3.94rem, calc(3.19rem + 3.75vw) , 6rem);--space-8: clamp(2rem, calc(1.09rem + 4.55vw) , 4.5rem);--space-7: clamp(1.31rem, calc(.7rem + 3.07vw) , 3rem);--space-6: clamp(1rem, calc(.55rem + 2.27vw) , 2.25rem);--space-5: clamp(.69rem, calc(.53rem + .8vw) , 1.13rem);--space-4: clamp(.31rem, calc(.15rem + .8vw) , .75rem);--bdrs-round: 99rem;--bdrs-xl: 1rem;--bdrs-l: .5rem;--bdrs-md: .375rem;--bdrs-sm: .1875rem}@supports (color: oklch(88.9% .192 194.87)){:root{--blue-500: oklch(83.9% .192 194.87);--ui-secondary: oklch(80.43% .177 62.35757074232738)}}*{--max-screen-size: var(--screen-max, 1200);--min-screen-size: var(--screen-min, 375);--responsive: ((var(--min-font) * 1px) + (var(--max-font) - var(--min-font)) * ((100vw - (var(--min-screen-size) * 1px)) / (var(--max-screen-size) - var(--min-screen-size))))}*,:before,:after{corner-shape:squircle}html{scroll-padding-block-start:var(--space-7);touch-action:pan-y;overscroll-behavior:none}html:focus-within{scroll-behavior:smooth}body{display:flow-root;overscroll-behavior:none;color:var(--gray-900);line-height:1.7}h3{font-family:Wotfard,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:500;--min-font: 22;--max-font: 38;--screen-max: 1200;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px);line-height:1.125}p{font-family:Mona Sans,Wotfard,Segoe UI,system-ui,-apple-system,sans-serif;font-weight:430;font-feature-settings:"ss01" on;font-size:18px;--min-font: 16;--max-font: 17;--screen-max: 1200;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px)}p:has(small){line-height:1.25}[contenteditable]{outline:none}footer{display:grid;grid:auto / minmax(var(--space-5),1fr) minmax(auto,1200px) minmax(var(--space-5),1fr);gap:var(--space-7) 0;text-align:center;padding-block-start:var(--space-7);padding-block-end:var(--space-7);background:var(--blue-900);margin-block-start:var(--space-7)}footer>*{grid-column:2 / -2;color:var(--purple-50);font-weight:700}main{display:grid;grid:auto / minmax(var(--space-5),1fr) minmax(auto,1200px) minmax(var(--space-5),1fr);gap:var(--space-9) 0}.in-view:is(:not(.in-view+*)){--pseudo-opacity: .4;--filter: grayscale(0);--before-opacity: .8}path{stroke-width:inherit}section{grid-column:2 / -2;display:grid;grid:auto / repeat(auto-fit,minmax(min(100%,400px),1fr));gap:var(--space-5) var(--space-6);position:relative;padding:var(--space-6);border-radius:var(--bdrs-xl);margin-inline-start:var(--space-6);margin-block-end:var(--space-6);box-shadow:#3341551a 0 0 0 1px;background:#fff;view-timeline:--t;animation:--a both linear;animation-timeline:--t;&:before{content:"";position:absolute;inset:4%;background:#6429db80;border-radius:inherit;z-index:-1;filter:blur(40px);opacity:var(--light, 0);transition:opacity .3s}}@keyframes --a{entry 0%,exit 100% { --light: 0; } contain 50% { --light: 1; }}section:has(:target){min-height:95vh;grid-template-rows:min-content min-content 1fr;min-height:calc(100vh - 2 * var(--space-6));@media (max-width: 895px){grid-template-rows:min-content min-content min-content 1fr}}section :is(.small-label,.exercise-details){grid-column:1 / -1}section .exercise-details{display:inherit;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:var(--space-3) var(--space-6)}.exercise-content>p+*{margin-block-start:var(--space-5)}button{--btn-icon: var(--blue-muted);display:inline-flex;align-items:center;gap:var(--space-2);gap:var(--space-1);border-radius:var(--bdrs-l);border:0;background:#e9eef4;color:var(--blue-900);font-weight:600;font-size:.9rem;padding:.25em .75em .25em .6em;cursor:pointer;box-shadow:var(--btn-theme, var(--ui-accent)) 0 0 0 var(--btn-stroke, 1px) inset;transition:.2s box-shadow;will-change:box-shadow;font-variation-settings:"wdth" 120;font-family:Mona Sans,system-ui;letter-spacing:.01em}button.reset:focus-visible:before{opacity:1}button:where(:not([disabled]):active){--btn-stroke: 2px;background:var(--blue-muted-comment)}button[disabled]{filter:grayscale(1);opacity:var(--opacity, .6);cursor:default;background:transparent}.exercise-details p>code{--m: #fff;display:inline-block;padding-inline:var(--space-2);padding-block:0;font-size:.9em;color:var(--m, var(--ui-primary));border-radius:var(--bdrs-md);color:var(--gray-1000);background:#fff;box-shadow:inset #33415526 0 0 0 1px,#0000000d 0 20px 25px -5px;cursor:pointer;transition:.2s;&:hover{color:var(--blue-700);text-shadow:0 0 3px hsl(from var(--blue-500) h s l / 25%)}}.resize{display:inline flow-root;inline-size:1rem;block-size:1rem;vertical-align:middle;background:var(--resize-icon) 0 0 / contain no-repeat}div.prism-live{border-radius:0 0 var(--bdrs-sm) var(--bdrs-sm);overflow:hidden}textarea.prism-live,pre.prism-live,code{font-family:OpMn,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace!important;font-weight:500}html:not([data-extra=true]) section[data-extra=true]{display:none}}path,g,symbol{stroke-width:inherit!important}