*,: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:#fff6;--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}@supports (color:lab(0% 0 0)){.btn{--color-shadow:lab(100% 0 0/.4)}}.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(180px,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 .body-parts{text-box:trim-both ex alphabetic;margin-top:var(--space-xs);margin-bottom:var(--space-3xs);display:flex}.exercises article .body-parts span{font-size:var(--step--2);background-color:var(--color-lemon);padding-inline: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}