*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}input,button,textarea,select{font:inherit}img,picture,svg,video{max-width:100%;display:block}body{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--step--2:clamp(.7813rem, .7938rem + -.0161vw, .7901rem);--step--1:clamp(.8889rem, .869rem + .0884vw, .9375rem);--step-0:clamp(1rem, .9489rem + .2273vw, 1.125rem);--step-1:clamp(1.125rem, 1.033rem + .4091vw, 1.35rem);--step-2:clamp(1.2656rem, 1.1207rem + .6443vw, 1.62rem);--step-3:clamp(1.4238rem, 1.211rem + .9458vw, 1.944rem);--step-4:clamp(1.6018rem, 1.3028rem + 1.3291vw, 2.3328rem);--step-5:clamp(1.802rem, 1.394rem + 1.8133vw, 2.7994rem);--space-3xs:clamp(.25rem, .2244rem + .1136vw, .3125rem);--space-2xs:clamp(.5rem, .4744rem + .1136vw, .5625rem);--space-xs:clamp(.75rem, .6989rem + .2273vw, .875rem);--space-s:clamp(1rem, .9489rem + .2273vw, 1.125rem);--space-m:clamp(1.5rem, 1.4233rem + .3409vw, 1.6875rem);--space-l:clamp(2rem, 1.8977rem + .4545vw, 2.25rem);--space-xl:clamp(3rem, 2.8466rem + .6818vw, 3.375rem);--space-2xl:clamp(4rem, 3.7955rem + .9091vw, 4.5rem);--space-3xl:clamp(6rem, 5.6932rem + 1.3636vw, 6.75rem);--space-3xs-2xs:clamp(.25rem, .1222rem + .5682vw, .5625rem);--space-2xs-xs:clamp(.5rem, .3466rem + .6818vw, .875rem);--space-xs-s:clamp(.75rem, .5966rem + .6818vw, 1.125rem);--space-s-m:clamp(1rem, .7188rem + 1.25vw, 1.6875rem);--space-m-l:clamp(1.5rem, 1.1932rem + 1.3636vw, 2.25rem);--space-l-xl:clamp(2rem, 1.4375rem + 2.5vw, 3.375rem);--space-xl-2xl:clamp(3rem, 2.3864rem + 2.7273vw, 4.5rem);--space-2xl-3xl:clamp(4rem, 2.875rem + 5vw, 6.75rem);--space-s-l:clamp(1rem, .4886rem + 2.2727vw, 2.25rem);--color-coral:#ed6a5a;--color-lemon:#f4f1bb;--color-ash:#9bc1bc;--color-taupe:#5d576b;--color-linen:#e6ebe0;--color-text-1:var(--color-taupe);--color-text-2:color-mix(in oklab, var(--color-taupe) 40%, black);--color-text-3:color-mix(in oklab, var(--color-taupe), white);--color-surface-1:color-mix(in oklab, var(--color-linen) 20%, white);--color-surface-2:color-mix(in oklab, var(--color-linen) 15%, white);--color-surface-3:color-mix(in oklab, var(--color-linen) 5%, white);--shadow-sharp-2:0px 0px 0px #0307121a, 0px 1px 1px #03071214, 1px 1px 1px #0307120f, 1px 3px 3px #0307120a, 2px 4px 4px #03071205;--shadow-sharp-8:0px 1px 1px #0307121a, 1px 3px 3px #03071214, 3px 6px 6px #0307120f, 5px 10px 10px #0307120a, 8px 16px 16px #03071205}body{font-size:var(--step-0);background-color:var(--color-surface-1);color:var(--color-text-1)}.container{max-width:1240px;padding:var(--space-xs);margin-inline:auto}.btn{--color-bg:var(--color-ash);--color-fg:color-mix(in oklab, black, var(--color-bg));--color-shadow:oklab(100% 0 0/.4);--color-border:color-mix(in oklab, black 20%, var(--color-bg));--color-focus-bg:color-mix(in oklab, var(--color-bg) 60%, white);--color-focus-fg:color-mix(in oklab, black, var(--color-focus-bg));--color-focus-shadow:color-mix(in oklab, white, var(--color-focus-bg));--color-active-bg:color-mix(in oklab, var(--color-bg) 30%, white);--color-active-fg:color-mix(in oklab, black, var(--color-active-bg));gap:var(--space-s);background-color:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--space-3xs);box-shadow:var(--color-shadow) 0 1px 0 0 inset;cursor:pointer;font-size:inherit;padding:var(--space-2xs) var(--space-xs);touch-action:manipulation;vertical-align:middle;align-items:center;font-weight:700;line-height:1cap;display:inline-flex}.btn:hover,.btn:focus{background-color:var(--color-focus-bg);color:var(--color-focus-fg)}.btn:focus{box-shadow:0 0 0 .4cap var(--color-focus-shadow)}.btn:active{background-color:var(--color-active-bg);color:var(--color-active-fg);box-shadow:none}.btn.secondary{--color-bg:var(--color-lemon)}.btn.danger{--color-bg:var(--color-coral)}.nav{background:linear-gradient(to left, var(--color-coral), color-mix(in oklab, var(--color-coral) 90%, white));color:var(--color-surface-1)}.nav .container{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.nav a{color:currentColor;text-decoration:none}.nav a:hover{text-decoration:underline}.nav .logo{font-size:var(--step-3)}.nav .menu{gap:var(--space-s);flex-direction:row;list-style-type:none;display:flex}.footer{font-size:var(--step--1);text-align:center;color:var(--color-text-3)}.exercises{gap:var(--space-m);margin-top:var(--space-xs);grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));display:grid}.exercises article{border:1px solid var(--color-linen);padding:var(--space-s);box-shadow:var(--shadow-sharp-2);border-radius:var(--space-3xs);cursor:pointer;--lift-duration:.2s;--lift-ease:cubic-bezier(.2, .9, .2, 1);transition:transform var(--lift-duration) var(--lift-ease), box-shadow var(--lift-duration) var(--lift-ease);position:relative}.exercises article:hover{transform:translateY(var(--space-3xs));box-shadow:var(--shadow-sharp-8)}.exercises article img{bottom:var(--space-xs);right:var(--space-xs);height:50px;position:absolute}.exercises article header{font-size:var(--step-2);text-box:trim-both cap alphabetic;font-weight:500}.exercises article .tags{text-box:trim-both ex alphabetic;margin-top:var(--space-xs);margin-bottom:var(--space-3xs);display:flex}.exercises article .tags span{font-size:var(--step--2);background-color:var(--color-lemon);padding-inline:var(--space-3xs);margin-right:var(--space-3xs);border-radius:var(--space-2xs);border:1px solid var(--color-ash);display:inline-block}.exercises article footer{font-size:var(--step--2)}.input-suffix{width:100%;display:inline-flex;position:relative}.input-suffix button{width:var(--space-xl)}.input-suffix button:nth-child(2){margin-right:var(--space-3xs)}.input-suffix input{width:100%;padding:var(--space-2xs);font-size:var(--step-0);border-radius:var(--space-3xs);border:1px solid #ccc}.input-suffix span{right:var(--space-xs);font-size:var(--step--2);color:var(--color-text-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.log-entry{background-color:var(--color-linen);border:1px solid color-mix(in oklab, var(--color-linen) 90%, black);padding:var(--space-xs);margin-top:var(--space-xs);gap:var(--space-2xs);clear:both;display:flex}.btn-demo{gap:var(--space-3xs);margin-block:var(--space-xs);display:flex}