@font-face{font-family:Inter;font-weight:100 900;font-display:swap;src:url(/build/assets/Inter-VariableFont_opsz_wght-FIwubZjA.woff2)format("woff2"),url(/build/assets/Inter-VariableFont_opsz_wght-DSpl2aj8.woff)format("woff")}@font-face{font-family:Inter italica;font-weight:100 900;font-display:swap;src:url(/build/assets/Inter-Italic-VariableFont_opsz_wght-C9UHaEYJ.woff2)format("woff2"),url(/build/assets/Inter-Italic-VariableFont_opsz_wght-DLTF35wC.woff)format("woff")}:root{--neutral-000:#fff;--neutral-50:0 0% 98%;--neutral-100:0 0% 96%;--neutral-200:0 0% 90%;--neutral-300:0 0% 83%;--neutral-400:0 0% 64%;--neutral-500:0 0% 45%;--neutral-600:0 0% 32%;--neutral-700:0 0% 25%;--neutral-800:0 0% 15%;--neutral-900:0 0% 9%;--neutral-950:0 0% 4%;--neutral-1000:#000;--primary-50:200 100% 96%;--primary-100:200 100% 92%;--primary-200:199 100% 85%;--primary-300:197 100% 76%;--primary-400:199 100% 64%;--primary-500:203 100% 56%;--primary-600:207 100% 51%;--primary-700:210 100% 50%;--primary-800:211 92% 40%;--primary-900:210 85% 33%;--primary-950:212 74% 21%;--secondary-50:27 100% 96%;--secondary-100:28 100% 92%;--secondary-200:26 100% 83%;--secondary-300:24 100% 72%;--secondary-400:20 100% 63%;--secondary-500:18 99% 53%;--secondary-600:14 94% 48%;--secondary-700:10 92% 40%;--secondary-800:8 83% 34%;--secondary-900:8 77% 28%;--secondary-950:6 84% 15%;--accent-50:72 75% 97.5%;--accent-100:72 75% 95%;--accent-200:72 75% 82.5%;--accent-300:72 75% 70%;--accent-400:72 75% 60%;--accent-500:72 75% 50%;--accent-600:72 75% 40%;--accent-700:72 75% 30%;--accent-800:72 75% 17.5%;--accent-900:72 75% 7.5%;--accent-950:72 75% 4%;--extra-50:264 75% 97.5%;--extra-100:264 75% 95%;--extra-200:264 75% 82.5%;--extra-300:264 75% 70%;--extra-400:264 75% 60%;--extra-500:264 75% 50%;--extra-600:264 75% 40%;--extra-700:264 75% 30%;--extra-800:264 75% 17.5%;--extra-900:264 75% 7.5%;--extra-950:264 75% 3.75%;--fs-900:3.75rem;--fs-800:2.25rem;--fs-700:1.75rem;--fs-600:1.3125rem;--fs-500:1.125rem;--fs-400:1rem;--fs-300:.925rem;--fs-200:.875rem}@media screen and (width>=1280px){:root{--fs-900:3.75rem;--fs-800:3rem;--fs-700:1.75rem;--fs-600:1.3125rem;--fs-500:1.125rem;--fs-400:1rem;--fs-300:.925rem;--fs-200:.875rem}}*,:before,:after{box-sizing:border-box}*{font:inherit;margin:0;padding:0}img,picture,svg{max-width:100%;display:block}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:var(--fs-400);color:hsl(var(--neutral-700));background-color:hsl(var(--neutral-100));line-height:1.5}a{color:hsl(var(--secondary-400))}a:is(:hover,:focus){color:hsl(var(--secondary-500))}small{font-size:13px}.button{cursor:pointer;text-transform:none;border:0;border-radius:.25rem;justify-content:center;padding:.75em 1em;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.button[data-type=accent]{background-color:hsl(var(--secondary-400));color:hsl(var(--neutral-100))}.button[data-type=accent]:is(:hover,:focus){background-color:hsl(var(--secondary-500));color:hsl(var(--neutral-100))}.button[data-type=primary]{background-color:hsl(var(--primary-700));color:hsl(var(--neutral-100))}.button[data-type=primary]:is(:hover,:focus){background-color:hsl(var(--primary-800));color:hsl(var(--neutral-100))}.button[data-type=primary][data-variant=outline]{border:1px solid hsl(var(--primary-700));color:hsl(var(--primary-700));background:0 0}.button[data-type=primary][data-variant=outline]:is(:hover,:focus){background-color:hsl(var(--primary-800));border-color:hsl(var(--primary-800));color:hsl(var(--neutral-100))}.button[data-type=secondary]{text-transform:none;background:hsl(var(--accent-400));justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:400;display:flex}.button[data-type=secondary]:hover{background:hsl(var(--accent-500))}.button[data-type=secondary]:disabled{border:1px solid hsl(var(--neutral-400));cursor:not-allowed;opacity:.6;background:0 0}.button[data-type=secondary] svg{width:24px;height:24px}.button[data-type=outline]{color:hsl(var(--neutral-600));border:1px solid hsl(var(--neutral-300));background-color:#0000}.button[data-type=outline]:is(:hover,:focus){background-color:hsl(var(--neutral-200));color:none}.button[data-type=outline][data-variant=danger]{color:hsl(var(--neutral-100));background:#b81616;border:1px solid #0000}.button[data-type=outline][data-variant=danger]:hover{background:#a83232}.button[data-type=outline][data-variant=link]{border-block-end:0;border-end-end-radius:0;border-end-start-radius:0;text-decoration:underline}.button[data-type=danger-zone]{text-transform:none;color:hsl(var(--neutral-100));background:#b81616;justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-weight:400;display:flex}.button[data-type=danger-zone]:active{transform:scale(.96)}.button[data-type=danger-zone]:hover{background:#a83232}.button[data-type=danger-zone] svg{width:20px;height:20px}.button[data-type=icon]{background:0 0;align-items:center;width:24px;height:24px;padding:0;display:flex}.button[data-type=icon] svg{width:24px;height:24px}.button[data-type=icon-text]{white-space:nowrap;background:0 0;border:0;align-items:center;gap:.5rem;width:auto;height:auto;padding:0;display:flex}.button[data-type=icon-text]:active{transform:scale(.96)}.button[data-type=icon-text]:hover{background:hsl(var(--neutral-950)/.1)}.button[data-type=icon-text] svg{flex-shrink:0;width:18px;height:18px}.button[data-type=play-metronome]{background:hsl(var(--neutral-900));width:100%;height:44px;color:hsl(var(--neutral-100));text-transform:uppercase;border-radius:.5rem;justify-content:center;align-items:center;font-weight:400;transition:transform .25s,box-shadow .25s;display:flex}.button[data-type=play-metronome]:active{transform:scale(.96)}@media screen and (width>=768px){.button[data-type=play-metronome]{width:80%;margin:auto}}@media screen and (width>=1280px){.button[data-type=play-metronome]{width:50%}}.button[data-type=tab-btn]{text-transform:none;opacity:.6;color:hsl(var(--neutral-900));background:0 0;border:none;border-radius:0;align-items:center;gap:.5rem;padding:0 2px 4px 0;font-weight:400;transition:opacity .18s,color .18s;display:inline-flex;position:relative}.button[data-type=tab-btn] svg{color:currentColor;flex-shrink:0;width:18px;height:18px}.button[data-type=tab-btn]:after{content:"";background:hsl(var(--neutral-900));transform-origin:50%;block-size:2px;transition:transform .18s;position:absolute;inset-block-end:0;inset-inline:0;transform:scaleX(0)}.button[data-type=tab-btn].is-active{opacity:1}.button[data-type=tab-btn].is-active:after{transform:scaleX(1)}.button[data-type=pattern-tab]{border:1px solid hsl(var(--neutral-950)/.3);background-color:#0000;border-block-end:0;border-end-end-radius:0;border-end-start-radius:0}.button[data-type=pattern-tab]:active{transform:scale(.96)}.button[data-type=action-exercise]{background:0 0;border:1px solid #0000;padding:.5rem}.button[data-type=action-exercise]:active{transform:scale(.96)}.button[data-type=action-exercise] svg{width:20px}.button[data-type=google-auth]{background:var(--neutral-000);color:hsl(var(--neutral-900));border:1px solid #0000;align-items:center;gap:1rem;display:flex}.button[data-type=google-auth]:active{transform:scale(.96)}.button[data-type=google-auth]:hover{background:hsl(var(--neutral-50));border:1px solid hsl(var(--neutral-950)/.2)}.button[data-type=google-auth] svg{width:24px;height:24px}.card{background-color:hsl(var(--primary-100));color:hsl(var(--neutral-700));border-radius:.5rem;gap:.5rem;padding:2rem;font-family:Inter,system-ui,sans-serif;line-height:1.25;display:grid;box-shadow:0 6px 5px #00000003,0 22px 18px #00000005,0 100px 80px #00000008}.card__heading{font-size:var(--fs-600);color:hsl(var(--neutral-700));text-transform:none;letter-spacing:0;font-family:Inter,system-ui,sans-serif;font-weight:500;line-height:1.1}.heading-1{font-size:var(--fs-900);color:hsl(var(--neutral-900));text-transform:none;letter-spacing:0;font-family:Inter,system-ui,sans-serif;font-weight:500;line-height:1.1}.heading-2{font-size:var(--fs-800);color:hsl(var(--neutral-900));text-transform:none;letter-spacing:0;font-family:Inter,system-ui,sans-serif;font-weight:500;line-height:1.1}.heading-3{font-size:var(--fs-700);color:hsl(var(--neutral-900));text-transform:none;letter-spacing:0;font-family:Inter,system-ui,sans-serif;font-weight:500;line-height:1.1}.site-header{color:hsl(var(--neutral-100));background-color:hsl(var(--neutral-900));padding:1.5rem .75rem;position:relative}@media screen and (width>=1536px){.site-header{padding-inline:10rem}}.site-header__inner{justify-content:space-between;align-items:center;display:flex}.site-header__inner .wordmark{text-transform:lowercase;color:hsl(var(--neutral-100));font-size:24px;font-weight:600;text-decoration:none}.site-header .sidebar{z-index:100;background:hsl(var(--neutral-800));width:100%;min-height:calc(100dvh - 64px);position:fixed;top:84px;left:0;right:0}@media screen and (width>=1280px){.site-header .sidebar{border-radius:.5rem;width:max-content;min-width:180px;max-width:240px;height:auto;min-height:0;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:auto;right:0}}.site-header .sidebar__menu{flex-direction:column;margin-block:1rem;display:flex}@media screen and (width>=1280px){.site-header .sidebar__menu{margin-block:0}}.site-header .sidebar__menu .auth a{margin-block-end:1rem}@media screen and (width>=1280px){.site-header .sidebar__menu .auth a{margin-block-end:0}}.site-header .sidebar__menu a+a{margin-block-start:1rem}.site-header .sidebar__menu .button{width:100%;color:hsl(var(--neutral-100));border-radius:0;justify-content:flex-start;align-items:center;gap:.75rem;padding:1.2rem;text-decoration:none;display:flex}@media screen and (width>=1280px){.site-header .sidebar__menu .button{border-radius:.25rem}}.site-header .sidebar__menu .button:hover{background-color:hsl(var(--neutral-200));color:hsl(var(--neutral-950))}.site-header .sidebar__menu .links{border-block-start:1px solid hsl(var(--neutral-300)/.5);margin-block-start:1rem;padding-block:1rem}@media screen and (width>=1280px){.site-header .sidebar__menu .links .button{margin-block-start:0}.site-header .sidebar__menu .links{margin-block-start:.5rem;padding-block:.5rem 0}}.site-header .trial-mode-nav{border:1px solid hsl(var(--neutral-300)/.4);white-space:nowrap;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;margin-block-start:1rem;padding:.5rem;font-size:15px;display:flex}@media screen and (width>=1280px){.site-header .trial-mode-nav{width:fit-content;margin-inline:auto}}.site-header .trial-mode-nav__label{font-weight:700}.site-header .trial-mode-nav__state{opacity:.7;display:none}@media screen and (width>=1280px){.site-header .trial-mode-nav__state{display:inline}}.site-header .trial-mode-nav__time{font-variant-numeric:tabular-nums}.site-header .trial-mode-nav__message{text-align:center;padding-block:.5rem 0;font-size:14px}.site-header .trial-mode-nav form{display:flex}.site-header .trial-mode-nav .button{background:hsl(var(--accent-400));padding:.25rem}.nav{--flex-column-gap:2.5rem;align-items:center;gap:.5rem;font-family:Inter,system-ui,sans-serif;font-weight:400;list-style:none;display:flex;position:relative}.nav .button{color:hsl(var(--neutral-100))}.nav a{color:hsl(var(--neutral-100));font-size:14px;text-decoration:none}.nav a:is(:hover,:focus){color:hsl(var(--primary-900));text-decoration:underline}.nav .pro-icon{box-sizing:content-box;background-color:red;border-radius:50%;flex:0 0 16px;width:16px;height:16px;padding:4px;display:block}.nav .pro-icon--monthly{color:#fff}.nav .pro-icon--lifetime{background-color:hsl(var(--extra-400))}.nav .horizontal-nav{align-items:center;display:flex}.nav .horizontal-nav a{border:1px solid #0000;width:fit-content;text-decoration:none;transition:background-color .15s,color .15s}.nav .horizontal-nav a:hover{color:hsl(var(--primary-300))}.nav .horizontal-nav a svg{display:none}.nav .horizontal-nav .links{align-items:center;gap:1rem;display:flex}.nav .horizontal-nav .auth{align-items:center;gap:1rem;margin-left:clamp(3rem,6vw,10rem);display:flex}.form .form-group{display:grid}.form .form-group label{color:hsl(var(--neutral-900)/.6);font-size:14px}.form-panel{gap:1.5rem;padding:1.5rem;display:grid}label{color:hsl(var(--neutral-900)/.6);font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:500}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:var(--fs-300);color:hsl(var(--neutral-700));background-color:hsl(var(--neutral-100));border:1px solid hsl(var(--neutral-950)/.4);border-radius:.25rem;padding:.5rem;font-weight:500}input[type=checkbox]{width:18px;height:18px}select{cursor:pointer}.checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}::placeholder{color:hsl(var(--primary-300));font-family:Inter,system-ui,sans-serif;font-weight:500}.new-exercise-form{flex-direction:column;gap:.5rem;height:fit-content;padding:1rem;display:flex}.new-exercise-form .heading .button{color:hsl(var(--neutral-950));background:0 0;border:1px solid #0000;margin-left:auto;padding:0;display:block}.new-exercise-form .heading .button svg{width:24px;height:24px}.new-exercise-form .form-group{gap:1rem;margin-block-start:.75rem;display:grid}.new-exercise-form .exercise-form-label{font-size:14px;font-weight:400}.new-exercise-form .exercise-name-wrapper{margin-block:1rem .75rem;display:block}.new-exercise-form .exercise-name-wrapper .exercise-form-label{padding-block-end:.5rem}.new-exercise-form .exercise-name-wrapper .name{width:100%;font-size:var(--fs-300);border:1px solid hsl(var(--neutral-300));padding:.5rem;font-weight:400}.new-exercise-form .exercise-bpm-wrapper,.new-exercise-form .exercise-type-wrapper,.new-exercise-form .exercise-length-wrapper{justify-content:space-between;align-items:center;gap:1rem;display:flex}.new-exercise-form .exercise-length-wrapper{margin-block-end:1rem}.new-exercise-form .exercise-length-wrapper .length-inputs{align-items:center;gap:.5rem;display:flex}.new-exercise-form .exercise-length-wrapper .length-inputs .colon{text-align:center;margin-block-end:1.5rem;font-weight:400}.new-exercise-form .exercise-length-wrapper .minutes,.new-exercise-form .exercise-length-wrapper .seconds{font-size:var(--fs-400);flex-direction:column;justify-self:end;align-items:center;display:flex}.new-exercise-form .exercise-length-wrapper .minutes .picker-option,.new-exercise-form .exercise-length-wrapper .seconds .picker-option{font-size:var(--fs-400)}.new-exercise-form .exercise-length-wrapper .minutes .unit,.new-exercise-form .exercise-length-wrapper .seconds .unit{margin-inline-start:.25rem;font-weight:400}.new-exercise-form .form-actions{justify-content:space-evenly;align-items:center;width:100%;padding-block-start:1rem;display:flex}.auth-form{width:min(100%,30rem)}@media screen and (width>=1280px){.auth-form--top{margin-top:2rem;margin-bottom:auto}}.auth-form .heading-3{text-align:center}.form-panel.profile-form{padding:0}.profile-form{width:min(100%,45rem)}.auth-separator{color:#777;align-items:center;gap:.75rem;margin:1rem 0;font-size:.875rem;display:flex}.auth-separator hr{border:0;border-top:1px solid hsl(var(--neutral-950)/.5);flex:1;margin:0}.site-footer{background-color:hsl(var(--primary-300));color:hsl(var(--primary-900))}.site-footer a{color:hsl(var(--neutral-100));letter-spacing:0;font-family:Inter,system-ui,sans-serif;text-decoration:none}.site-footer a:is(:hover,:focus){color:hsl(var(--primary-200))}.tooltip{cursor:help;position:relative}.tooltip:after{content:attr(aria-label);background:hsl(var(--secondary-400));opacity:0;width:120px;font-size:var(--fs-300);z-index:100;pointer-events:none;border-radius:.25rem;padding:.75rem;display:none;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}@media screen and (width>=1280px){.tooltip:after{display:block}}.tooltip:hover:after,.tooltip:focus-visible:after{opacity:1}.dialog-shell{box-sizing:border-box;border:0;border-radius:.5rem;width:100%;max-width:400px;height:min(80dvh,42rem);max-height:calc(100dvh - 2rem);margin:0 auto;top:50%;transform:translateY(-50%)}.dialog-shell[open]{flex-direction:column;display:flex;overflow:hidden}@media screen and (width>=768px){.dialog-shell{max-width:610px}}.dialog-shell__heading{border-block-end:1px solid hsl(var(--neutral-950)/.3);flex-direction:column;flex:none;justify-content:flex-end;gap:.75rem;display:flex}.dialog-shell__heading .button[data-type=icon]{color:hsl(var(--neutral-950));justify-content:flex-end;align-self:flex-end;display:flex}@media screen and (width>=768px){.dialog-shell__heading .button[data-type=secondary]{width:200px}}.dialog-shell__heading .heading{padding-block:1rem}.dialog-shell__content{scrollbar-width:thin;flex:auto;min-height:0;padding:1.5rem;overflow-y:auto}.dialog-shell__list{min-height:0}.dialog-shell--fit-content{height:fit-content}.pattern-dialog__heading{border-block-end:1px solid #0000}.pattern-dialog__list>.button[data-type=outline]{flex-direction:column;gap:.25rem;width:100%;display:flex}.pattern-dialog__list>.button[data-type=outline]:hover{color:hsl(var(--neutral-900));background-color:#0000;border:1px solid}.pattern-dialog__list>.button[data-type=outline] small{color:hsl(var(--neutral-700))}.pattern-dialog__list .pattern-tabs{gap:.75rem;padding-block:1rem 0;padding-inline-start:.75rem;display:flex}.pattern-dialog__list .pattern-tabs .button:hover{background-color:hsl(var(--neutral-300)/.8)}.pattern-dialog__list .pattern-tabs .button.is-selected{background:hsl(var(--neutral-900));color:hsl(var(--neutral-50));border:1px solid #0000}.pattern-dialog__list .pattern-tabs .button.is-selected:hover{background-color:hsl(var(--neutral-950)/.8)}.pattern-dialog__group{border-block-start:1px solid hsl(var(--neutral-950)/.3);grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:1rem;padding-block-start:1rem;display:grid}.pattern-dialog__item{border:1px solid hsl(var(--neutral-950)/.3);flex-direction:column;align-items:center;gap:.25rem;width:100%;display:flex}.pattern-dialog__user-presets{grid-column:1/-1;align-items:center;gap:1rem;display:flex}.pattern-dialog__user-presets .normal-state{width:100%;display:flex}.pattern-dialog__user-presets .normal-state .button{width:60%}.pattern-dialog__user-presets>.button{text-align:start;flex:2;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pattern-dialog__user-presets .actions{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;width:100%;display:flex}.pattern-dialog__user-presets .actions .button[data-type=icon]{justify-content:flex-end;align-items:center;width:21px;display:flex}.pattern-dialog__user-presets .actions .edit{color:#2463eb}.pattern-dialog__user-presets .actions .delete{color:#e24236}.pattern-dialog__rename{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.25rem;width:100%;margin-block-end:1rem;padding:.75rem 1rem}.pattern-dialog__rename input{width:100%;margin-block-end:.75rem}.pattern-dialog__rename .actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.practice-dialog .close-btn{margin-block-start:.75rem;margin-inline-end:.75rem;color:hsl(var(--neutral-950));margin-left:auto}.practice-dialog__sections{flex:none;grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding:1.5rem;display:grid}.practice-dialog__sections .button[data-type=outline]{align-items:center;gap:1rem;padding:3px;display:flex}.practice-dialog__sections .button[data-type=outline] svg{width:24px;height:24px}.practice-dialog__sections .button[data-type=outline].is-active{background:hsl(var(--neutral-900));color:hsl(var(--neutral-50));border:1px solid #0000}.practice-dialog__empty{text-align:center;color:hsl(var(--neutral-950)/.6);margin:1rem auto;font-size:14px}.routine-dialog{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.routine-dialog__heading{flex:none;padding:1.5rem;padding-block:0 1rem}.routine-dialog__heading .button[data-type=icon]{align-self:flex-start;width:20px;height:20px}.routine-dialog__heading .heading-info{margin-inline:auto}.routine-dialog__content{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.routine-dialog__list{min-height:0}.routine-dialog__heading .copy{color:hsl(var(--neutral-950)/.8);font-size:14px}.routine-dialog__summary{margin-block-end:1rem}.routine-dialog__row{display:flex}.routine-dialog__row .move-btns{flex-direction:column;gap:.5rem;margin-inline-end:.25rem;display:flex}.routine-dialog__row .move-btns .button[data-type=icon]{border:1px solid hsl(var(--neutral-950)/.2)}.routine-dialog__row .move-btns .button[data-type=icon]:disabled{background-color:hsl(var(--neutral-200));opacity:.35;cursor:not-allowed}.routine-dialog__row .row-name{flex-direction:column;gap:.5rem;width:100%;display:flex}.routine-dialog__actions{justify-content:flex-end;align-items:center;gap:.5rem;padding-block:.75rem;display:flex}.routine-dialog__actions .badge--manage{justify-self:flex-start;margin-right:auto}.routine-dialog__actions .button[data-type=icon]{width:21px}.routine-dialog__actions .edit{color:#2463eb}.routine-dialog__actions .delete{color:#e24236}.routine-dialog__rename{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.25rem;margin-block-end:1rem;padding:.75rem 1rem}.routine-dialog__rename input{width:100%;margin-block-end:.75rem}.routine-dialog__rename .actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.routine-dialog__heading small{color:hsl(var(--neutral-950)/.5)}.routine-dialog__heading .exercise-count{margin-block-start:1rem;display:block}.manage-exercises-dialog{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.manage-exercises-dialog__heading{flex:none;padding:1.5rem;padding-block:0 1rem}.manage-exercises-dialog__heading .button[data-type=icon]{align-self:flex-start;width:20px;height:20px}.manage-exercises-dialog__heading .heading-info{margin-inline:auto}.manage-exercises-dialog__content{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.manage-exercises-dialog__list{min-height:0}.manage-exercises-dialog__content{padding:0}.manage-exercises-dialog__list{margin-block-start:1rem}.manage-exercises-dialog__list .exercise-item{border-block-end:1px solid hsl(var(--neutral-950)/.2);justify-content:space-between;align-items:center;margin-block-end:1rem;padding:.75rem;display:flex}.manage-exercises-dialog__list .exercise-item:last-child{margin-block-end:0}.manage-exercises-dialog__list .exercise-item .move-btns{flex-direction:column;gap:.5rem;margin-inline-end:.25rem;display:flex}.manage-exercises-dialog__list .exercise-item .move-btns .button[data-type=icon]{border:1px solid hsl(var(--neutral-950)/.2)}.manage-exercises-dialog__list .exercise-item .move-btns .button[data-type=icon]:disabled{background-color:hsl(var(--neutral-200));opacity:.35;cursor:not-allowed}.manage-exercises-dialog__list .exercise-item .item-summary{flex-direction:column;width:100%;margin-inline-start:.5rem;font-size:15px;display:flex}.manage-exercises-dialog__list .exercise-item .item-summary__info{color:hsl(var(--neutral-500))}.manage-exercises-dialog__list .exercise-item .actions{align-items:center;gap:.75rem;display:flex}.manage-exercises-dialog__list .exercise-item .actions .button[data-type=icon]{width:22px;height:22px}.manage-exercises-dialog__list .exercise-item .actions .copy{color:hsl(var(--neutral-600))}.manage-exercises-dialog__list .exercise-item .actions .delete{color:#e24236}.playlist-dialog{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.playlist-dialog__heading{flex:none;padding:1.5rem;padding-block:0 1rem}.playlist-dialog__heading .button[data-type=icon]{align-self:flex-start;width:20px;height:20px}.playlist-dialog__heading .heading-info{margin-inline:auto}.playlist-dialog__content{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.playlist-dialog__list{min-height:0}.playlist-dialog__heading .copy{color:hsl(var(--neutral-950)/.8);font-size:14px}.playlist-dialog__summary{margin-block-end:1rem}.playlist-dialog__row{display:flex}.playlist-dialog__row .move-btns{flex-direction:column;gap:.5rem;margin-inline-end:.25rem;display:flex}.playlist-dialog__row .move-btns .button[data-type=icon]{border:1px solid hsl(var(--neutral-950)/.2)}.playlist-dialog__row .move-btns .button[data-type=icon]:disabled{background-color:hsl(var(--neutral-200));opacity:.35;cursor:not-allowed}.playlist-dialog__row .row-name{flex-direction:column;gap:.5rem;width:100%;display:flex}.playlist-dialog__actions{justify-content:flex-end;align-items:center;gap:.5rem;padding-block:.75rem;display:flex}.playlist-dialog__actions .badge--manage{justify-self:flex-start;margin-right:auto}.playlist-dialog__actions .button[data-type=icon]{width:21px}.playlist-dialog__actions .edit{color:#2463eb}.playlist-dialog__actions .delete{color:#e24236}.playlist-dialog__rename{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.25rem;margin-block-end:1rem;padding:.75rem 1rem}.playlist-dialog__rename input{width:100%;margin-block-end:.75rem}.playlist-dialog__rename .actions{justify-content:center;align-items:center;gap:.5rem;display:flex}.playlist-dialog__empty{text-align:center;color:hsl(var(--neutral-950)/.8);margin:1rem auto;font-size:14px}.manage-playlist-dialog{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.manage-playlist-dialog__heading{flex:none;padding:1.5rem;padding-block:0 1rem}.manage-playlist-dialog__heading .button[data-type=icon]{align-self:flex-start;width:20px;height:20px}.manage-playlist-dialog__heading .heading-info{margin-inline:auto}.manage-playlist-dialog__content{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.manage-playlist-dialog__list{min-height:0}.manage-playlist-dialog__content section{border:1px solid hsl(var(--neutral-950)/.1);border-radius:.25rem}.manage-playlist-dialog__content>section+section{margin-block-start:1rem}.manage-playlist-dialog__section-heading{border-block-end:1px solid hsl(var(--neutral-950)/.2);color:hsl(var(--neutral-900));padding:.75rem;font-size:14px}.manage-playlist-dialog__section-heading h3{font-weight:500}.manage-playlist-dialog__section-heading p{color:hsl(var(--neutral-500))}.manage-playlist-dialog__field{padding:.75rem}.manage-playlist-dialog__field .select{width:100%;margin-block:.5rem;font-size:14px}.manage-playlist-dialog__item-list .routine-item{border-block-end:1px solid hsl(var(--neutral-950)/.2);justify-content:space-between;align-items:center;margin-block-end:1rem;padding:.75rem;display:flex}.manage-playlist-dialog__item-list .routine-item:last-child{border-block-end:1px solid #0000;margin-block-end:0}.manage-playlist-dialog__item-list .routine-item .move-btns{flex-direction:column;gap:.5rem;margin-inline-end:.25rem;display:flex}.manage-playlist-dialog__item-list .routine-item .move-btns .button[data-type=icon]{border:1px solid hsl(var(--neutral-950)/.2)}.manage-playlist-dialog__item-list .routine-item .move-btns .button[data-type=icon]:disabled{background-color:hsl(var(--neutral-200));opacity:.35;cursor:not-allowed}.manage-playlist-dialog__item-list .routine-item .item-summary{justify-content:center;align-items:center;gap:1rem;width:100%;font-size:15px;font-weight:500;display:flex}.manage-playlist-dialog__item-list .routine-item .item-summary__position{color:hsl(var(--neutral-900)/.6);font-weight:400}.manage-playlist-dialog__item-list .routine-item .actions .button[data-type=icon]{width:22px;height:22px}.manage-playlist-dialog__item-list .routine-item .actions .delete{color:#e24236}.manage-playlist-dialog__available-list{border:1px solid hsl(var(--neutral-950)/.05);border-radius:.25rem;flex-direction:column;gap:.5rem;display:flex}.manage-playlist-dialog__available-item{justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.manage-playlist-dialog__available-item:nth-child(odd){background:hsl(var(--neutral-950)/.05)}.manage-playlist-dialog__available-item .routine-info{flex-direction:column;display:flex}.manage-playlist-dialog__available-item .routine-info .routine-name{font-size:14px}.manage-playlist-dialog__available-item .button[data-type=secondary]{padding-block:.5rem;font-size:13px}.manage-playlist-dialog__empty{text-align:center;color:hsl(var(--neutral-950)/.8);margin:1rem auto;font-size:14px}.local-exercises-dialog{height:min(32dvh,28rem)}@media screen and (width>=768px){.local-exercises-dialog{height:min(28dvh,15rem)}}.local-exercises-dialog__heading{text-align:center;border-block-end:1px solid #0000;padding-block:1rem .5rem;font-weight:500}.local-exercises-dialog__content{text-align:center;padding-block-start:.75rem;font-size:15px}.local-exercises-dialog__content .exercises-found{color:hsl(var(--neutral-800));font-weight:600}.local-exercises-dialog__content p+p{margin-block:1rem}@media screen and (width>=768px){.local-exercises-dialog__content p+p{margin-block:.5rem}}.local-exercises-dialog__actions{justify-content:center;align-items:center;gap:1rem;padding-block:1rem;display:flex}.modal-shell{z-index:100;background:#0003;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{background:hsl(var(--neutral-50));border:0;border-radius:.25rem;width:100%;max-width:400px;max-height:calc(100dvh - 2rem);padding:1.5rem;overflow-y:auto}.modal-panel .field{margin-block:1.5rem}.modal-panel .field input{width:100%}.modal-panel__actions{justify-content:center;align-items:center;gap:1rem;display:flex}.modal-panel__actions .button[type=submit]{color:#eff9ff;background-color:#208df0;border:1px solid #0000}.modal-panel__actions .button[type=submit]:hover{background-color:#5cc7fe}.modal-panel[data-type=advance]{z-index:100;text-align:center;background:0 0;border-radius:.25rem;padding:.5rem}@media screen and (width>=1280px){.modal-panel[data-type=advance]{background:hsl(var(--neutral-900))}}.modal-panel[data-type=advance] .heading{color:hsl(var(--neutral-100));font-size:var(--fs-400);padding-block:.75rem;font-weight:600}.modal-panel[data-type=advance] .button{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}@media screen and (width>=1280px){.modal-panel[data-type=advance] .button{display:none}}.modal-panel[data-type=advance] .button svg{width:24px;height:24px}.modal-panel[data-type=practice-review]{z-index:110}.modal-panel[data-type=practice-review] .practice-review,.modal-panel[data-type=practice-review] .review-confirmation{text-align:center;background:hsl(var(--neutral-100));border-radius:.25rem;padding:.5rem}.modal-panel[data-type=practice-review] .practice-review .heading,.modal-panel[data-type=practice-review] .review-confirmation .heading{font-size:var(--fs-400);color:hsl(var(--neutral-800));padding-block:.75rem;font-weight:500}.modal-panel[data-type=practice-review] .practice-review__options,.modal-panel[data-type=practice-review] .review-confirmation__options{flex-direction:column;gap:1rem;margin:.75rem;display:flex}.modal-panel[data-type=practice-review] .practice-review__options .button,.modal-panel[data-type=practice-review] .review-confirmation__options .button{font-size:var(--fs-400);justify-content:flex-start;align-items:center;display:flex}.modal-panel[data-type=danger] .heading{color:hsl(var(--neutral-100));font-size:var(--fs-400);text-align:center;margin-block-end:1.5rem;padding-block:.75rem;font-weight:600}.modal-panel[data-type=danger] .heading svg{width:55px;height:55px;fill:hsl(var(--secondary-500));margin:auto}.modal-panel[data-type=danger] .heading .group__header{color:hsl(var(--neutral-900))}.modal-panel[data-type=about-routine-template] .header{justify-content:space-between;align-items:center;padding-block:1rem 2rem;display:flex}.auth-page{min-height:100dvh}.auth-page--centered{place-items:center;display:grid}.verify-account{flex-direction:column;justify-content:center;align-items:center;display:flex}@media screen and (width>=1280px){.verify-account{justify-content:flex-start;margin-block-start:5rem}}.verify-account__header{text-align:center}.verify-account__header p{padding-block:1rem}.verify-account__actions{display:flex}.account-page{margin-block:1.25rem}.account-page__header{font-size:15px}.account-page__section{margin-block:1rem 2rem}.account-page__section .heading-3{font-size:var(--fs-500);padding-block-end:1rem}.account-page__section .subheader{font-size:14px;font-weight:500}.account-page__section .profile-form{border:1px solid hsl(var(--neutral-950)/.1);border-radius:.25rem;padding:1rem}.account-page__navigation{border-block-end:1px solid hsl(var(--neutral-950)/.1);margin-block-end:1rem}.account-page__navigation .button.is-selected{background-color:hsl(var(--primary-950)/.8);color:hsl(var(--primary-50));border:1px solid #0000}.billing-summary{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.25rem;display:flex}@media screen and (width>=1280px){.billing-summary{flex-direction:column;padding:.5rem}}.billing-summary .current-access{flex-direction:column;flex:2;gap:.5rem;padding:.5rem;display:flex}@media screen and (width>=1280px){.billing-summary .current-access{padding:0}}.billing-summary .summary-detail{border-inline-start:1px solid hsl(var(--neutral-950)/.2);flex:1;padding:.5rem;font-size:14px}@media screen and (width>=1280px){.billing-summary .summary-detail{border-inline-start:1px solid #0000;padding:0}}.billing-plans__options article:first-of-type{margin-block-end:1.5rem}@media screen and (width>=1280px){.billing-plans__options article:first-of-type{margin-block-end:0}.billing-plans__options{grid-template-columns:1fr 1fr;gap:2rem;display:grid}}.billing-plans__options .billing-plan{border:1px solid hsl(var(--neutral-950)/.1);border-radius:.25rem;flex-direction:column;padding:1rem;display:flex;position:relative;overflow:clip;box-shadow:0 0 0 1px #00000008,0 4px 16px #00000014}.billing-plans__options .billing-plan--current{border-color:hsl(var(--primary-600));box-shadow:0 0 0 3px hsl(var(--primary-600)/.15), 0 4px 16px #00000014}.billing-plans__options .billing-plan__header{margin-block-start:-1rem;margin-inline:-1rem;padding:1rem;padding-block-end:4rem;position:relative}.billing-plans__options .billing-plan__header .subscription-icon{opacity:.6;color:#9acd32;width:89px;position:absolute;inset-block-end:0;inset-inline:0;transform:translate(-20%)}.billing-plans__options .billing-plan__header .subscription-type{background:hsl(var(--primary-600));color:hsl(var(--primary-50));border-radius:.25rem;border-start-end-radius:0;border-end-end-radius:0;padding:.25rem .5rem;position:absolute;inset-block-start:1rem;inset-inline-end:0}.billing-plans__options .billing-plan__header .subscription-type--lifetime{background:hsl(var(--secondary-600))}.billing-plans__options .billing-plan .title{color:hsl(var(--primary-950));font-weight:600;font-size:var(--fs-700);padding-block-end:.25rem}.billing-plans__options .billing-plan__price{color:hsl(var(--neutral-950));align-items:baseline;gap:.7rem;display:flex}.billing-plans__options .billing-plan__price-amount{font-size:var(--fs-700);font-weight:600;line-height:1}.billing-plans__options .billing-plan__price-period{font-size:var(--fs-500);font-weight:400}.billing-plans__options .billing-plan__description{color:hsl(var(--neutral-950));margin-block:1rem;font-size:15px}.billing-plans__options .billing-plan__founder-offer{background:linear-gradient(110deg,#bce77140 0%,#edfada59 42%,#daefff73 100%);border:1px solid #143e6c1f;border-radius:.25rem;flex-direction:column;align-items:center;margin-block:1rem;padding:.5rem;font-size:15px;display:flex}.billing-plans__options .billing-plan__availability{color:hsl(var(--primary-900));padding-block-end:.5rem;font-weight:600}.billing-plans__options .billing-plan__action .button{background:hsl(var(--primary-950));width:100%;color:hsl(var(--neutral-50));padding-block:1rem}.billing-plans__options .billing-plan__footer{margin-block-start:auto}.billing-plans__options .billing-plan__status{color:hsl(var(--neutral-950));background:hsl(var(--neutral-200));justify-content:center;gap:1rem;margin-block-end:.75rem;padding:.75rem;font-size:15px;font-weight:600;display:flex}.billing-notice{border:1px solid hsl(var(--primary-950)/.2);background:hsl(var(--primary-400)/.1);color:hsl(var(--primary-950));border-radius:.25rem;margin-block-start:.5rem;padding:.5rem;font-size:15px}.billing-support{text-align:center;color:hsl(var(--neutral-500));margin-top:32px;font-size:14px}.billing-support a{color:inherit;text-decoration:underline}.guest-bar__header{text-align:center;padding-block:1rem .5rem;font-weight:600}.guest-bar .trial-mode-banner{border:1px solid hsl(var(--neutral-950)/.4);border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;width:calc(100% - 2rem);margin-block:.5rem;margin-inline:auto;padding:.5rem;font-size:14px;display:flex}.guest-bar .trial-mode-banner .badge{text-decoration:none}.guest-bar .trial-mode-banner .badge:hover{color:hsl(var(--primary-900))}@media screen and (width>=1280px){.guest-bar .trial-mode-banner{max-width:fit-content}}.tool-tether{pointer-events:none;z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.tool-tether path{fill:none;stroke:red;stroke-width:3px;stroke-dasharray:4 4}.toaster{box-sizing:border-box;z-index:50;pointer-events:none;width:auto;flex-direction:column;max-inline-size:100%;padding:1rem;display:flex;position:fixed;inset-inline:0;overflow-x:clip}.toaster>*{pointer-events:auto}.toaster[data-align=top]{top:0}.toaster[data-align=middle]{top:50%;translate:0 -50%}.toaster[data-align=bottom]{bottom:0}.toaster[data-pos=left]{align-items:flex-start}.toaster[data-pos=center]{align-items:center}.toaster[data-pos=right]{align-items:flex-end}.toast{width:auto;pointer-events:auto;will-change:transform, opacity;max-inline-size:20rem;position:relative}.toast__body{width:auto;-webkit-user-select:none;user-select:none;border-radius:.25rem;align-items:center;gap:.75rem;max-inline-size:100%;padding:.75rem 1.5rem;font-size:.875rem;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.toast__body--mt{margin-top:.75rem}.toast__body--mb{margin-bottom:.75rem}.toast__body--error{color:#fff;background-color:#ef4444}.toast__body--info{color:#000;background-color:#e5e7eb}.toast__body--success{color:#fff;background-color:#16a34a}.toast__body--warning{color:#fff;background-color:#f97316}.toast__body--dark{color:#fff;background-color:#161616}.toast__body .button{color:#fff;width:18px;height:18px}.toast--center{text-align:center}.toast--error{color:#fff}.toast--info{color:#000}.toast--success,.toast--warning{color:#fff}.t-enter,.t-leave{transition:transform .3s ease-in-out,opacity .3s ease-in-out}.t-enter-start--bottom{opacity:0;transform:translateY(3rem)}.t-enter-end{opacity:1;transform:none}.t-enter-start--top{opacity:0;transform:translateY(-3rem)}.t-enter-start--center,.t-leave-end{opacity:0;transform:scale(.9)}.breadcrumbs{font-size:var(--fs-300);color:hsl(var(--neutral-400));margin-block:2rem;display:flex}.breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:.5rem;display:flex}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--neutral-400)}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--primary-600);text-decoration:underline}.breadcrumbs [aria-current=page]{min-width:0;color:hsl(var(--primary-700))}.breadcrumbs [aria-current=page] span{text-overflow:ellipsis;white-space:nowrap;max-width:35ch;display:block;overflow:hidden}.home{background-color:hsl(var(--neutral-900));flex-direction:column;gap:1.5rem;padding-block:1.5rem;display:flex}.home__header{color:hsl(var(--neutral-200));font-size:15px;font-weight:500}.home__text{color:hsl(var(--neutral-400));padding-block-end:.5rem;font-size:14px}.home__accordion,.home__contact{flex-direction:column;gap:1rem;display:flex}.home__contact-card{border:1px solid;border-radius:.25rem;padding:.75rem}@media screen and (width>=768px){.home__contact-card{justify-content:space-between;align-items:center;display:flex}}@media screen and (width>=1280px){.home__contact-card{border-color:#0000;padding-inline:0}}.home__contact-card .home__header{padding-block-end:.5rem}.home__contact-link{text-align:center;background:hsl(var(--extra-400));width:100%;color:hsl(var(--extra-50));border-radius:.25rem;padding-block:.25rem;padding-inline:.75rem;font-size:14px;text-decoration:none;transition:color .15s ease-in;display:block}.home__contact-link:active{transform:scale(.96)}.home__contact-link:hover{color:hsl(var(--extra-900))}@media screen and (width>=768px){.home__contact-link{width:fit-content}}.accordion__item{border-block-end:1px solid hsl(var(--neutral-50)/.5);padding-block-end:.5rem}@media screen and (width>=1280px){.accordion__item{border-block-end:1px solid #0000}}.accordion__header{margin:0}.accordion__header .button{justify-content:space-between;width:100%}.accordion__header span{color:hsl(var(--neutral-100));font-size:24px}.accordion__panel{padding-block:.75rem}.accordion__icon{color:hsl(var(--neutral-100));transition:transform .15s}.accordion .rotate-180{transform:rotate(180deg)}.loop-control{flex-direction:column;display:flex}.loop-control .label{font-size:14px}.loop-control__toggle{border-radius:999px;align-items:center;margin-block-start:.5rem;display:inline-flex}.loop-control__toggle .option{cursor:pointer;background-color:#0000;border:0;border-radius:999px;padding:.25rem 1rem;font-size:13px}.loop-control__toggle .option:active{transform:scale(.96)}.loop-control__toggle .option--active{color:hsl(var(--neutral-100));background-color:hsl(var(--neutral-900))}.at-surface.at{margin-block:.5rem}.metronome__main{flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:1rem;display:flex}.metronome__main .current-beat{width:3rem;height:3rem;font-size:var(--fs-700);background:hsl(var(--primary-500));color:hsl(var(--neutral-100));border-radius:50%;justify-content:center;align-items:center;display:flex}.metronome__main .beats{flex-wrap:wrap;align-content:flex-start;gap:3rem;padding:.5rem;display:flex}.metronome__main .beat-mark{font-size:var(--fs-500);opacity:.55;flex-direction:row;justify-content:center;align-items:center;transition:transform .12s ease-out,opacity .12s ease-out;display:flex}.metronome__main .beat-mark.is-active{opacity:1;font-weight:700;transform:scale(1.25)}.metronome__main .tempo-control{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.metronome__main .tempo-control .tempo-display{flex-direction:column;align-items:center;margin-block:2rem;display:flex}.metronome__main .tempo-control .tempo-value{font-size:var(--fs-900);appearance:textfield;text-align:center;letter-spacing:4px;background:0 0;border:none;inline-size:4ch;min-inline-size:0;padding:0;font-weight:400;line-height:1}.metronome__main .tempo-control .tempo-unit{font-size:var(--fs-700);font-weight:400;line-height:1}.metronome__main .tempo-control .tempo-range{--track-height:.5rem;--thumb-size:1.5rem;appearance:none;cursor:pointer;background:0 0;width:100%}.metronome__main .tempo-control .tempo-range:focus-visible{outline:3px solid hsl(var(--primary-300));outline-offset:.35rem}.metronome__main .tempo-control .tempo-range::-webkit-slider-runnable-track{height:var(--track-height);background:hsl(var(--neutral-200));border:1px solid var(--neutral-1000);border-radius:999rem}.metronome__main .tempo-control .tempo-range::-webkit-slider-thumb{appearance:none;width:var(--thumb-size);height:var(--thumb-size);margin-top:calc((var(--track-height) - var(--thumb-size)) / 2);background-color:var(--neutral-1000);border:2px solid hsl(var(--primary-300));border-radius:999rem}.metronome__main .tempo-control .tempo-range::-moz-range-track{height:var(--track-height);background:hsl(var(--neutral-300));border:1px solid hsl(var(--neutral-300));border-radius:999rem}.metronome__main .tempo-control .tempo-range::-moz-range-thumb{width:var(--thumb-size);height:var(--thumb-size);background:hsl(var(--primary-500));border:2px solid #0000;border-radius:999rem}.metronome__main .current-exercise-readout{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:1rem;display:flex}.metronome__main .current-exercise-readout__time{font-weight:600}.metronome__main .play{width:100%}.metronome__panel{overflow-anchor:none;margin-block-start:2rem}.metronome__panel .tabs{border:1px solid hsl(var(--neutral-400));align-items:center;gap:1rem;padding:1rem;display:flex}.metronome__panel .tabs .is-active{border-block-end:hsl(var(--neutral-900));opacity:1}.metronome__panel .modes{flex-direction:column;justify-content:center;align-items:center;margin-block-start:1rem;padding-block-end:2rem;padding-inline:.75rem;display:flex}.metronome__panel .modes .header{justify-content:space-between;align-items:center;width:100%;padding:.75rem;display:flex}.metronome__panel .modes .header h2{text-transform:uppercase;color:hsl(var(--neutral-800));opacity:.7}.metronome__panel .modes .recent-sessions{border:1px solid hsl(var(--neutral-300));width:100%;padding:.75rem}@media screen and (width>=1536px){.metronome__panel .modes .recent-sessions{justify-content:space-between;align-items:center;width:100%;display:flex}}.metronome__panel .modes .recent-sessions__list{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.metronome__panel .modes .recent-sessions__list .button[data-type=outline]{border:1px solid hsl(var(--primary-300));background:hsl(var(--primary-100));color:hsl(var(--primary-900))}.metronome__panel .modes .recent-sessions__list .duration-label{margin-inline-start:.5rem}.metronome__panel .modes .recent-sessions .footer{justify-content:center;margin-block-start:1.5rem;display:flex}@media screen and (width>=1280px){.metronome__panel .modes .recent-sessions .footer{height:100%}}.metronome__panel .modes .mode-timer{width:100%}.metronome__panel .modes .mode-timer .time-display{margin-block:1.25rem}.metronome__panel .modes .mode-timer .time-display .time-picker,.metronome__panel .modes .mode-timer .time-display .timer-readout{justify-content:center;align-items:center;gap:.5rem;display:flex}.metronome__panel .modes .mode-timer .time-display .timer-readout{height:44px;font-size:var(--fs-700);font-variant-numeric:tabular-nums}.metronome__panel .modes .mode-timer .time-display .colon{font-size:var(--fs-600);font-weight:700}.metronome__panel .modes .mode-creative{width:100%}.metronome__panel .modes .time-signature{--border:1px solid hsl(var(--neutral-950) / .2);border:var(--border);border-radius:.5rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"pattern pattern pattern""meter meter current-meter""grouping structure subdivision""cue cue cue""playback playback playback""actions actions actions";display:grid}@media screen and (width>=768px){.metronome__panel .modes .time-signature{grid-template-areas:"pattern pattern pattern""meter current-meter grouping""cue structure playback""subdivision subdivision subdivision""actions actions actions"}}.metronome__panel .modes .time-signature>div{padding:1rem}.metronome__panel .modes .time-signature>div .heading{color:hsl(var(--neutral-950)/.6);padding-block-end:.75rem;font-size:14px}.metronome__panel .modes .time-signature__pattern{border-block-end:var(--border);border-inline-end:var(--border);grid-area:meter;min-width:0}.metronome__panel .modes .time-signature__pattern .button[data-type=outline]{width:100%;min-width:0;font-size:var(--fs-400)}.metronome__panel .modes .time-signature__pattern .button[data-type=outline] span{line-height:1.3}.metronome__panel .modes .time-signature__meter{border-block-end:var(--border);border-inline-end:var(--border);border-inline-end:1px solid #0000;flex-direction:column;grid-area:current-meter;display:flex}@media screen and (width>=768px){.metronome__panel .modes .time-signature__meter{border-inline-end:var(--border)}}.metronome__panel .modes .time-signature__meter .meter-control{align-items:center;gap:1rem;display:flex}@media screen and (width>=768px){.metronome__panel .modes .time-signature__meter .meter-control .number-picker__control{color:hsl(var(--neutral-900)/.3)}}.metronome__panel .modes .time-signature__grouping{border-block-end:var(--border);flex-direction:column;grid-area:grouping;display:flex}.metronome__panel .modes .time-signature__grouping .current{font-size:var(--fs-400);flex-wrap:wrap;display:flex}.metronome__panel .modes .time-signature__beats{border-block-end:var(--border);flex-direction:column;grid-area:pattern;gap:.5rem;display:flex}.metronome__panel .modes .time-signature__beats .beat-groups{flex-wrap:wrap;gap:1rem;display:flex}.metronome__panel .modes .time-signature__beats .beat-unit{align-items:center;gap:.25rem;display:flex}.metronome__panel .modes .time-signature__beats .subdivision-mark{border:1px solid hsl(var(--neutral-950)/.2);color:hsl(var(--neutral-950)/.65);background-color:#0000;border-radius:.25rem;padding:.5rem;font-size:.875em;transition:transform .1s,background-color .1s,border-color .1s}.metronome__panel .modes .time-signature__beats .subdivision-mark.is-active{background-color:hsl(var(--neutral-900)/.08);border-color:hsl(var(--neutral-950)/.5);transform:scale(1.08)}.metronome__panel .modes .time-signature__beats .subdivision-mark small{opacity:.7}.metronome__panel .modes .time-signature__beats .beat-group{flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.metronome__panel .modes .time-signature__beats .beat-mark{border:1px solid var(--group-border-color);background-color:#0000;border-radius:.25rem;padding:.5rem;transition:transform .1s,background-color .1s,border-color .1s}.metronome__panel .modes .time-signature__beats .beat-mark.is-active{transform:scale(1.08)}.metronome__panel .modes .time-signature__beats .beat-mark.is-active.is-accent{background:hsl(var(--secondary-500));color:hsl(var(--neutral-50))}.metronome__panel .modes .time-signature__beats .beat-mark.is-active.is-click{background:hsl(var(--neutral-900)/.1);color:hsl(var(--neutral-900))}.metronome__panel .modes .time-signature__beats .beat-mark.is-active.is-rest{opacity:.5;transform:scale(.95)}.metronome__panel .modes .time-signature__subdivision{border-block-end:var(--border);border-inline-end:1px solid #0000;grid-area:subdivision}.metronome__panel .modes .time-signature__subdivision .subdivision-selector{width:100%}@media screen and (width>=768px){.metronome__panel .modes .time-signature__subdivision .subdivision-selector{width:fit-content}}.metronome__panel .modes .time-signature__rhythm-tools{border-inline-end:var(--border);border-block-end:var(--border);border-inline-end:1px solid #0000;flex-flow:column wrap;grid-area:cue;display:flex}@media screen and (width>=768px){.metronome__panel .modes .time-signature__rhythm-tools{border-inline-end:var(--border)}}.metronome__panel .modes .time-signature__rhythm-tools .tool-group{flex-flow:column wrap;gap:.75rem;display:flex}.metronome__panel .modes .time-signature__rhythm-tools .tool-group .button.is-selected{outline-offset:4px;outline:2px solid}@media screen and (width>=768px){.metronome__panel .modes .time-signature__rhythm-tools .tool-group{flex-direction:row}}.metronome__panel .modes .time-signature__playback{border-block-end:var(--border);flex-flow:column wrap;grid-area:playback}.metronome__panel .modes .time-signature__playback .tool-group{flex-flow:column wrap;gap:.75rem;display:flex}.metronome__panel .modes .time-signature__playback .tool-group .button:active{transform:scale(.96)}.metronome__panel .modes .time-signature__playback .tool-group .button.is-selected{color:hsl(var(--neutral-50));background:hsl(var(--neutral-950))}@media screen and (width>=768px){.metronome__panel .modes .time-signature__playback .tool-group{flex-direction:row}}.metronome__panel .modes .time-signature__rhythm-structure{border-inline-end:var(--border);border-block-end:var(--border);grid-area:structure}.metronome__panel .modes .time-signature__rhythm-structure .button.is-selected{outline-offset:4px;outline:2px solid}.metronome__panel .modes .time-signature__actions{grid-area:actions;align-items:center;gap:1rem;margin-inline:auto;display:flex}@media screen and (width>=768px){.metronome__panel .modes .time-signature__actions{margin-left:0;margin-inline:auto}}.metronome__panel .exercises{margin-block-start:1rem}.metronome__panel .exercises__list .heading-bar{justify-content:flex-end;align-items:center;gap:1rem;margin:.75rem;margin-block:2rem;display:flex}.metronome__panel .exercises__list .heading-bar span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metronome__panel .exercises__list .heading-bar .button[data-type=icon-text]{border:1px solid hsl(var(--neutral-950)/.4);padding:.75rem}@media screen and (width>=1280px){.metronome__panel .exercises__list .heading-bar{margin-inline-end:0;padding-inline-end:0}}.metronome__panel .exercises__list .routine-player__controls{margin-inline:.5rem}.metronome__panel .exercises__list .routine-player__controls .routine-player__controls-body{align-items:flex-end;gap:1rem;display:flex}.metronome__panel .exercises__list .exercise-layout{background-color:#e8eff5c7;border-radius:.25rem;grid-template-columns:133px minmax(0,1fr) 64px;grid-template-areas:"bpm main play""details details details";margin:.5rem;padding:.5rem;display:grid;box-shadow:inset 0 2px 4px #becdd82e}.metronome__panel .exercises__list .exercise-layout__bpm{border-inline-end:1px solid hsl(var(--neutral-950)/.2);flex-direction:column;grid-area:bpm;gap:.5rem;width:fit-content;display:flex}.metronome__panel .exercises__list .exercise-layout__bpm .tag{text-transform:uppercase;text-align:center;font-size:12px;font-weight:500}.metronome__panel .exercises__list .exercise-layout__bpm .picker-column{background-color:#f5f5f5}.metronome__panel .exercises__list .exercise-layout__main{grid-area:main;min-width:0}.metronome__panel .exercises__list .exercise-layout__name{border:1px solid hsl(var(--neutral-950)/.2);width:100%;min-width:0;max-width:100%;padding:.25rem}.metronome__panel .exercises__list .exercise-layout__meta{justify-content:space-between;align-items:center;display:flex}.metronome__panel .exercises__list .exercise-layout__play{grid-area:play;margin-block-end:.25rem;padding-inline:.25rem}.metronome__panel .exercises__list .exercise-layout__play .button{background-color:hsl(var(--primary-400));border-radius:.25rem;width:100%;height:100%}.metronome__panel .exercises__list .exercise-layout__play .button:active{transform:scale(.96)}.metronome__panel .exercises__list .exercise-layout__play .button svg{stroke-width:0;width:55px;height:55px;fill:hsl(var(--primary-50))}.metronome__panel .exercises__list .exercise-layout__play .button svg:active{transform:scale(.96)}.metronome__panel .exercises__list .exercise-layout__details{grid-area:details;margin-block-start:.5rem}.metronome__panel .exercises__list .exercise-layout__details .button{border:1px solid hsl(var(--neutral-950)/.2);background-color:#f1f3f5cc;justify-content:space-between;width:100%;padding:.5rem;transform:scale(1)}.metronome__panel .exercises__list .exercise-layout .exercise-actions{justify-content:flex-end;display:flex;position:relative}.metronome__panel .exercises__list .exercise-layout .exercise-actions__menu{z-index:10;background-color:var(--neutral-000);border-radius:.25rem;flex-direction:column;gap:.25rem;min-width:144px;padding:.25rem;display:flex;position:absolute;top:calc(100% - 10px);right:0;box-shadow:0 6px 5px #00000004,0 22px 18px #00000006,0 100px 80px #0000000a}.metronome__panel .exercises__list .exercise-layout .exercise-actions__menu .button{width:100%;color:hsl(var(--neutral-700));background-color:#f1f3f5cc;justify-content:flex-start;padding:.5rem;font-size:14px}@media screen and (width>=1280px){.metronome__panel .exercises__list .exercise-layout .exercise-actions__menu .button{background-color:#0000}.metronome__panel .exercises__list .exercise-layout .exercise-actions__menu .button:hover{background-color:#f1f3f5cc}}.metronome__panel .exercises__list .exercise-layout.is-active .pause-icon{color:hsl(var(--primary-50));stroke-width:2px}.metronome__panel .exercises__list .footer-bar{margin-block:2rem;margin-inline:.5rem}.metronome__panel .exercises__list .footer-bar .button[data-type=icon-text]{background:hsl(var(--primary-500));color:hsl(var(--primary-50));width:100%;padding:.75rem}@media screen and (width>=1280px){.metronome__panel .exercises__list .footer-bar .button[data-type=icon-text]{width:fit-content;margin-inline:auto}}.metronome__panel .exercises__list .total-exercises{text-align:center;font-size:var(--fs-300);color:hsl(var(--neutral-600));margin:1rem;padding-block:0 2rem}.metronome__panel .exercises .playlist-practice{margin-block-end:3rem}.metronome__panel .exercises .playlist-practice__empty{text-align:center;color:hsl(var(--neutral-950)/.6);margin:1rem auto;font-size:14px}.metronome__panel .exercises .playlist-practice__group{border-block-end:1px solid hsl(var(--neutral-400));margin-block-end:1.5rem}.metronome__panel .exercises .playlist-practice__heading{border-block-start:1px solid hsl(var(--neutral-400));justify-content:space-between;align-items:center;padding:1rem;font-size:15px;font-weight:600;display:flex}.metronome__panel .settings{flex-direction:column;gap:1rem;margin-block:1rem;padding-block-end:2rem;display:flex}.metronome__panel .settings .setting-option{padding:1rem}.metronome__panel .settings .group{border-block-end:1px solid;gap:.75rem;display:grid}.metronome__panel .settings .auto-advance-field{cursor:pointer;align-items:center;gap:.5rem;font-weight:400;display:flex}.metronome__panel .settings .select-click-profile{border:1px solid hsl(var(--neutral-400));cursor:pointer;width:fit-content;padding:.5rem;font-size:14px}.posts{margin-block:2rem 3rem}.posts .lang{justify-content:flex-end;gap:1rem;display:flex;position:relative}.posts .lang .button{border:1px solid hsl(var(--neutral-900)/.2);color:hsl(var(--neutral-600));padding:4px}.posts .lang__options{text-align:center;background:var(--neutral-000);border-radius:.25rem;flex-direction:column;gap:.75rem;width:89px;padding:.75rem;font-size:13px;font-weight:500;display:flex;position:absolute;top:28px}.posts .lang .option{text-transform:uppercase;color:hsl(var(--neutral-700));text-decoration:none}.posts .lang .option:hover{text-decoration:underline}.posts__item{--pattern-color:#000;isolation:isolate;color:hsl(var(--neutral-900));border:1px solid hsl(var(--neutral-900)/.2);background-color:#fd5;border-radius:.25rem;flex-direction:column;gap:.5rem;margin-block:1.5rem;padding:1rem;padding-block:1.5rem;padding-inline-end:3rem;text-decoration:none;display:flex;position:relative;overflow:hidden}@media screen and (width>=1280px){.posts__item{padding-inline-end:4rem}}.posts__item>:not(.posts__pattern){z-index:1;position:relative}.posts__item:hover{--pattern-color:#0000;color:hsl(var(--neutral-900))}.posts__pattern{z-index:0;pointer-events:none;background-color:#fd5;width:2rem;font-size:4px;position:absolute;inset-block:0;inset-inline-end:0;overflow:hidden}@media screen and (width>=1280px){.posts__pattern{width:3rem}}.posts__pattern:before,.posts__pattern:after{content:"";background:repeating-linear-gradient(#0000 0 18em, #000 0 20em), conic-gradient(at 1em 8em, #0000 75%, var(--pattern-color) 0) 0 -5em/2em 20em;width:300em;height:300em;transition:--pattern-color .8s;position:absolute;top:50%;left:50%;translate:-50% -50%}.posts__pattern:before{transform:skewY(-45deg)}.posts__pattern:after{transform:rotate(90deg)skewY(45deg)translate(.25em,12em)}.post{grid-template-columns:1fr;grid-template-areas:"header""thumbnail""contents""body";align-items:start;gap:1.5rem;margin-block:2rem 3rem;display:grid}@media screen and (width>=1280px){.post{grid-template-columns:1fr 2fr;grid-template-areas:"header thumbnail""contents body"}}.post__header{border-block-end:2px solid hsl(var(--neutral-700)/.3);grid-area:header;align-self:stretch;padding-block-end:1rem}@media screen and (width>=1280px){.post__header{border-block-end:2px solid hsl(var(--neutral-700)/.3)}.post__header .heading-2{font-size:24px;line-height:1.4}}.post__header .info{gap:.5rem;padding-block:1rem;font-size:14px;display:flex}.post__header .excerpt{font-size:15px}.post .thumbnail{grid-area:thumbnail;width:100%;height:auto;display:block}@media screen and (width>=1280px){.post .thumbnail{border-block-end:2px solid hsl(var(--neutral-700)/.3);padding-block-end:1.5rem}}.post .table-of-contents{border-block-end:2px solid hsl(var(--neutral-700)/.3);grid-area:contents;padding-block-end:1rem}@media screen and (width>=1280px){.post .table-of-contents{border-block-end:2px solid #0000;align-self:start;padding-block-end:0;position:sticky;top:1rem}}.post .table-of-contents .header{margin-block-end:.5rem;font-size:var(--fs-300);text-transform:uppercase;margin-left:auto;font-weight:500}.post .table-of-contents .items{margin-inline-start:1rem}.post__body{font-size:var(--fs-400);grid-area:body;line-height:1.7}.post__body p+p{margin-block-start:.3rem}.post__body h2{font-size:var(--fs-700)}.post__body h3{font-size:var(--fs-600)}.post__body h2,.post__body h3{color:hsl(var(--neutral-800));scroll-margin-top:2rem}.post__body ul,.post__body ol{margin-block:1rem;margin-inline-start:1rem}.post__body p+h2{margin-block-start:.5rem}.post__body strong{font-weight:600}.post__body em{font-style:italic}.post__body sub{font-size:13px;font-weight:600}.post__body .youtube-embed{aspect-ratio:16/9;width:100%;max-width:60rem;margin-block:1rem;margin-inline:auto;overflow:hidden}.post__body .youtube-embed iframe{border:0;width:100%;height:100%;display:block}.post--cta{box-shadow:0 1rem 2rem hsl(var(--neutral-900)/.08);background:linear-gradient(145deg, hsl(var(--accent-400)/.4), hsl(var(--accent-500)));border:1px solid color-mix(in srgb, hsl(var(--accent-500)) 35%, transparent);border-radius:.75rem;margin-block:1.5rem .75rem;padding:1rem}.post--cta ul{margin-block:0 1rem}.post--cta h2+p{margin-block-start:0}.post--cta__content{color:hsl(var(--neutral-900));font-size:15px}.post--cta__heading{padding-block-end:.5rem;padding-inline-start:1rem;font-weight:600;color:hsl(var(--neutral-900))!important;font-size:24px!important}.post--cta__benefits{margin:0;padding:0}.post--cta .button{width:100%;color:var(--neutral-000);background-color:hsl(var(--neutral-900));border:2px solid #0000;border-radius:.5rem;margin-block-start:.5rem;padding-block:.75rem;font-weight:500}@media screen and (width>=1280px){.post--cta .button{align-items:center;width:377px;margin-inline:auto;display:flex}}.post--cta .button:hover{background-color:hsl(var(--neutral-800))}.post--soundcloud-embed{width:100%;margin-block:2rem}.post--soundcloud-embed iframe{border:0;width:100%;display:block}.post--soundcloud-embed.is-playlist iframe{height:300px}.post--soundcloud-embed.is-track iframe{height:166px}.routine-drawer-enter,.routine-drawer-leave{transition:transform .26s ease-out}.routine-drawer-enter-start,.routine-drawer-leave-end{transform:translate(110%)}.routine-drawer-enter-end,.routine-drawer-leave-start{transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.routine-drawer-enter,.routine-drawer-leave{transition-duration:1ms}}.routines-index{margin-block:1rem;position:relative}.routines-index__container .heading-3{padding-block-end:2rem}.routine-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;margin-block-end:5rem;display:grid}@media screen and (width>=768px){.routine-grid{grid-template-columns:repeat(auto-fill,minmax(16rem,20rem))}}.routine-card{width:100%;min-width:0}.routine-card .routine-cover__media{aspect-ratio:4/5;overflow:hidden}.routine-card .routine-cover__image{object-fit:cover;width:100%;height:100%}.routine-cover{border-radius:.25rem;flex-direction:column;gap:1rem;display:flex}.routine-cover__content{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.25rem;padding:.75rem}.routine-cover__media{position:relative}.routine-cover__media .badge{position:absolute;top:.75rem;left:.75rem}.routine-cover__image{width:100%;height:auto;display:block}.routine-cover__badges{padding-block-end:.75rem}.routine-cover__header .title{color:hsl(var(--neutral-950));padding-block-end:.5rem;font-size:15px;font-weight:500}.routine-cover__header .summary{--summary-lines:4;block-size:calc(var(--summary-lines) * 1lh);line-clamp:var(--summary-lines);-webkit-line-clamp:var(--summary-lines);-webkit-box-orient:vertical;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 1lh),#0000 calc(100% + .4lh));mask-image:linear-gradient(#000 0 calc(100% - 1lh),#0000 calc(100% + .4lh))}.routine-cover .button{border:2px solid hsl(var(--neutral-950));color:hsl(var(--neutral-950));background:0 0;border-radius:.5rem;width:100%;margin-block-start:1rem;padding:.75rem}.routine-cover .button svg{width:18px;height:18px}.routine-cover .button:hover{background-color:hsl(var(--neutral-900));color:hsl(var(--neutral-100))}.routine-detail{position:relative}.routine-detail__navigation{border-radius:.25rem;justify-content:flex-start;width:100%;margin-block:1rem;padding:.5rem;display:flex}.routine-detail__navigation .button{background:hsl(var(--neutral-400)/.1);border:1px solid hsl(var(--neutral-400));color:hsl(var(--neutral-900));padding:.5rem}.routine-detail__navigation .button:hover{background-color:hsl(var(--neutral-400)/.3)}.routine-detail__back-icon{flex:0 0 18px;width:18px;height:18px}.routine-drawer{z-index:100;inset:0;pointer-events:none;margin-inline:.75rem;position:fixed;inset-block-start:.5rem}.routine-drawer--open{pointer-events:auto}.routine-drawer .button[data-type=icon]{margin-left:auto}.routine-drawer__panel{will-change:transform;background:var(--neutral-000);scrollbar-width:thin;border-radius:.5rem;max-height:calc(100% - .75rem);margin-block:0;padding:1rem;position:absolute;inset-block:0 auto;inset-inline:.25rem;overflow-y:auto;box-shadow:0 6px 5px #00000008,0 22px 18px #0000000b,0 100px 80px #00000012}@media screen and (width>=768px){.routine-drawer__panel{width:32rem;max-width:calc(100% - 1.5rem);max-height:calc(100% - 2rem);inset-block-start:1rem;inset-inline-start:auto}}.routine-drawer__header{border-block-end:1px solid hsl(var(--neutral-950)/.5);align-items:flex-start;width:100%;display:flex}.routine-drawer__heading{padding-block-end:.5rem}.routine-drawer__heading .eyebrow{font-size:13px}.routine-drawer__heading .title{color:hsl(var(--neutral-950));font-size:15px;font-weight:500}.routine-drawer__footer{border:1px solid hsl(var(--primary-900)/.5);border-radius:.25rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.routine-drawer__footer .button{width:100%}.routine-facts{border-block-end:1px solid hsl(var(--neutral-950)/.5);padding-block:.75rem}.routine-facts__item{justify-content:space-between;align-items:center;gap:1rem;padding-block:.25rem;font-size:13px;display:flex}.routine-facts__item .value{color:hsl(var(--neutral-950));font-size:15px;font-weight:500}.routine-section{padding-block:.75rem}.routine-section__title{font-size:13px}.routine-section__description{color:hsl(var(--neutral-950));white-space:pre-line;font-size:15px;line-height:1.5}.routine-exercises{border-block-start:1px solid hsl(var(--neutral-950)/.5)}.routine-exercises__list{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:stretch;gap:1rem;margin-block-start:.5rem;display:grid}.routine-exercise{min-width:0;display:grid}.routine-exercise__content{grid-template-rows:1fr min-content;display:grid}.routine-exercise__header{isolation:isolate;background:hsl(var(--primary-500)/.1);border:1px solid hsl(var(--primary-950)/.5);color:hsl(var(--primary-950));border-radius:.25rem;padding:.5rem;font-size:15px;position:relative;overflow:hidden}.routine-exercise__header:after{content:attr(data-step);z-index:0;color:hsl(var(--primary-950)/.08);letter-spacing:-.01em;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Consolas,Liberation Mono,monospace;font-size:89px;font-weight:900;line-height:1;position:absolute;inset-block-end:-.2em;inset-inline-end:-.04em}.routine-exercise__header>*{z-index:1;position:relative}.routine-exercise__number{opacity:.55;font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:600}.routine-exercise__name{padding-block-end:.5rem;font-weight:500}.routine-exercise__metadata{flex-direction:column;display:flex}.routine-exercise__notes{border:1px solid hsl(var(--neutral-950)/.5);color:hsl(var(--neutral-950));border-radius:.25rem;margin-block-start:.5rem;padding:8px;font-size:14px}.routine-player{margin-block-end:2rem}.routine-player__layout{gap:1.25rem;display:grid}@media screen and (width>=1280px){.routine-player__layout{grid-template-columns:minmax(18rem,1fr) minmax(0,2fr);align-items:start}}.routine-player__controls{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.5rem;padding:1rem}.routine-player__controls .header{text-transform:uppercase;color:hsl(var(--neutral-600));justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.routine-player__controls .header__label{font:inherit;margin:0}.routine-player__controls .header .button{border:1px solid hsl(var(--neutral-950));border-radius:50%;padding:.25rem}.routine-player__controls .header .button svg{color:hsl(var(--neutral-950));stroke-width:2.5px;transition:transform .15s}.routine-player__controls .rotate-180{transform:rotate(180deg)}.routine-player__controls-body{margin-block-start:.75rem}.routine-player .control-settings{padding-block-end:1rem}.routine-player .control-actions{flex-wrap:wrap;align-items:center;gap:1rem;padding-block:1rem 0;display:flex}.routine-player .control-actions .button.save-action{background:hsl(var(--accent-400));color:hsl(var(--neutral-900));border:1px solid #0000}.routine-player .control-actions .button.save-action:hover{background-color:hsl(var(--accent-500))}.routine-player .control-actions .button{border:1px solid hsl(var(--neutral-950)/.5);color:hsl(var(--neutral-900));padding:.5rem}.routine-player .control-actions .button.disabled{background-color:hsl(var(--neutral-200));border:1px solid hsl(var(--neutral-400)/.3);cursor:not-allowed}.routine-player__header{font-weight:500}.routine-player__header .heading-3{padding-block-end:1rem}.routine-player__sidebar{flex-direction:column;gap:1rem;display:flex}@media screen and (width>=1280px){.routine-player__sidebar{position:sticky;inset-block-start:1rem}}.routine-player__metronome{min-height:20rem;color:var(--neutral-000);background-color:hsl(var(--neutral-950));background-image:linear-gradient(hsl(var(--neutral-950)/.72), hsl(var(--neutral-950)/.82)), var(--routine-cover-image,none);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.5rem;place-items:center;padding:1rem;display:grid;overflow:hidden}.routine-player__metronome-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;width:100%;height:89%;display:flex}.routine-player__metronome-content .button{width:100%;margin:0;margin-block-start:auto}.routine-player__current{flex-direction:column;gap:.25rem;display:flex}.routine-player__eyebrow{opacity:.75;font-size:13px}.routine-player__current-name{font-size:18px;font-weight:500}.routine-player__beats{justify-content:center;gap:.5rem;display:flex}.routine-player__beat{border:1px solid hsl(var(--neutral-000)/.4);opacity:.7;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.routine-player__beat--active{background:hsl(var(--primary-500));border-color:hsl(var(--primary-500));opacity:1}.routine-player__tempo{justify-content:center;align-items:baseline;gap:.25rem;display:flex}.routine-player__tempo-value{font-size:48px;line-height:1}.routine-player__tempo-unit{font-size:16px}.routine-player__tempo-control{width:100%;accent-color:hsl(var(--primary-500));appearance:none;background:0 0;border:none;padding:0}.routine-player__tempo-control::-moz-range-thumb{appearance:none;background:hsl(var(--primary-500));cursor:pointer;border:1px solid #0000;border-radius:50%;width:18px;height:18px}.routine-player__tempo-control::-moz-range-track{background:hsl(var(--neutral-300));border-radius:999px;height:4px}.routine-player__tempo-control::-webkit-slider-thumb{appearance:none;background:hsl(var(--primary-500));cursor:pointer;border:1px solid #0000;border-radius:50%;width:18px;height:18px}.routine-player__tempo-control::-webkit-slider-runnable-track{background:hsl(var(--neutral-300));border-radius:999px;height:4px}.routine-player__start{background-color:hsl(var(--primary-600))!important}@media screen and (width>=768px){.routine-player__start{width:100%!important}}.routine-player__queue{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.5rem;min-width:0;overflow:hidden}.routine-player__queue-header{border-block-end:1px solid hsl(var(--neutral-950)/.2);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.routine-player__exercise-list{list-style:none}.routine-player__exercise{border-block-end:1px solid hsl(var(--neutral-950)/.15)}.routine-player__exercise:last-child{border-block-end:0}.routine-player__exercise-trigger{cursor:pointer;text-align:start;background-color:#e8eff5c7;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;width:100%;padding:.75rem;display:grid}.routine-player__exercise-trigger:hover{background:hsl(var(--primary-500)/.08)}.routine-player__exercise-trigger--active{background:hsl(var(--primary-500)/.08);box-shadow:inset 3px 0 0 hsl(var(--primary-500))}.routine-player__exercise-position{font-variant-numeric:tabular-nums;color:hsl(var(--neutral-600))}.routine-player__exercise-content{flex-direction:column;gap:.25rem;min-width:0;display:flex}.routine-player__exercise-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-player__exercise-notes{color:hsl(var(--neutral-600));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.routine-player__exercise-metadata{color:hsl(var(--neutral-700));flex-direction:column;align-items:flex-end;font-size:13px;display:flex}.routine-player__exercise-icon{flex:0 0 18px;width:18px;height:18px}.routine-player__exercise-audio-controls{justify-content:center;align-items:center;gap:1rem;padding-block-end:1rem;display:flex}.routine-player__exercise-audio-controls .badge:active{transform:scale(.96)}.routine-player__details{border:1px solid hsl(var(--neutral-950)/.2);border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.routine-player__exercise-details-toggle.button{width:100%;color:hsl(var(--extra-950));background-color:#d7e1eae6;border-radius:0;font-size:13px}.routine-player__details-button{width:100%;border:1px solid hsl(var(--neutral-950))!important;color:hsl(var(--neutral-900))!important}.routine-player__section-title{font-size:15px}.routine-player__facts{flex-direction:column;display:flex}@media screen and (width>=1280px){.routine-player__facts{padding-block-start:.5rem}}.routine-player__fact{justify-content:space-between;gap:1rem;padding-block:.5rem;display:flex}.routine-player__fact:first-child{padding-block-start:0}.routine-player__fact{border-block-end:1px solid hsl(var(--neutral-950)/.12)}.routine-player__fact dt{color:hsl(var(--neutral-600));font-size:var(--fs-300)}.routine-player__fact dd{font-weight:500;font-size:var(--fs-300);color:hsl(var(--neutral-950))}.routine-player__description{flex-direction:column;gap:.25rem;display:flex}@media screen and (width>=1280px){.routine-player__description{padding-block:.5rem}}.routine-player__description h3{font-size:var(--fs-300);color:hsl(var(--neutral-600))}.routine-player__description p{color:hsl(var(--neutral-950));font-size:var(--fs-300);white-space:pre-line}.at-cursor-beat{background:hsl(var(--primary-400));width:3px}.at-selection div{background:#4040ff1a}.even-columns{gap:var(--grid-gap,1.5rem);display:grid}@media screen and (width>=768px){.even-columns{grid-auto-columns:1fr;grid-auto-flow:column}}.grid-auto-fit{gap:var(--grid-gap,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));display:grid}.clr-neutral-000{color:var(--neutral-000)}.bg-neutral-000{background-color:var(--neutral-000)}.clr-neutral-50{color:var(--neutral-50)}.bg-neutral-50{background-color:var(--neutral-50)}.clr-neutral-100{color:var(--neutral-100)}.bg-neutral-100{background-color:var(--neutral-100)}.clr-neutral-200{color:var(--neutral-200)}.bg-neutral-200{background-color:var(--neutral-200)}.clr-neutral-300{color:var(--neutral-300)}.bg-neutral-300{background-color:var(--neutral-300)}.clr-neutral-400{color:var(--neutral-400)}.bg-neutral-400{background-color:var(--neutral-400)}.clr-neutral-500{color:var(--neutral-500)}.bg-neutral-500{background-color:var(--neutral-500)}.clr-neutral-600{color:var(--neutral-600)}.bg-neutral-600{background-color:var(--neutral-600)}.clr-neutral-700{color:var(--neutral-700)}.bg-neutral-700{background-color:var(--neutral-700)}.clr-neutral-800{color:var(--neutral-800)}.bg-neutral-800{background-color:var(--neutral-800)}.clr-neutral-900{color:var(--neutral-900)}.bg-neutral-900{background-color:var(--neutral-900)}.clr-neutral-950{color:var(--neutral-950)}.bg-neutral-950{background-color:var(--neutral-950)}.clr-neutral-1000{color:var(--neutral-1000)}.bg-neutral-1000{background-color:var(--neutral-1000)}.clr-primary-50{color:var(--primary-50)}.bg-primary-50{background-color:var(--primary-50)}.clr-primary-100{color:var(--primary-100)}.bg-primary-100{background-color:var(--primary-100)}.clr-primary-200{color:var(--primary-200)}.bg-primary-200{background-color:var(--primary-200)}.clr-primary-300{color:var(--primary-300)}.bg-primary-300{background-color:var(--primary-300)}.clr-primary-400{color:var(--primary-400)}.bg-primary-400{background-color:var(--primary-400)}.clr-primary-500{color:var(--primary-500)}.bg-primary-500{background-color:var(--primary-500)}.clr-primary-600{color:var(--primary-600)}.bg-primary-600{background-color:var(--primary-600)}.clr-primary-700{color:var(--primary-700)}.bg-primary-700{background-color:var(--primary-700)}.clr-primary-800{color:var(--primary-800)}.bg-primary-800{background-color:var(--primary-800)}.clr-primary-900{color:var(--primary-900)}.bg-primary-900{background-color:var(--primary-900)}.clr-primary-950{color:var(--primary-950)}.bg-primary-950{background-color:var(--primary-950)}.clr-secondary-50{color:var(--secondary-50)}.bg-secondary-50{background-color:var(--secondary-50)}.clr-secondary-100{color:var(--secondary-100)}.bg-secondary-100{background-color:var(--secondary-100)}.clr-secondary-200{color:var(--secondary-200)}.bg-secondary-200{background-color:var(--secondary-200)}.clr-secondary-300{color:var(--secondary-300)}.bg-secondary-300{background-color:var(--secondary-300)}.clr-secondary-400{color:var(--secondary-400)}.bg-secondary-400{background-color:var(--secondary-400)}.clr-secondary-500{color:var(--secondary-500)}.bg-secondary-500{background-color:var(--secondary-500)}.clr-secondary-600{color:var(--secondary-600)}.bg-secondary-600{background-color:var(--secondary-600)}.clr-secondary-700{color:var(--secondary-700)}.bg-secondary-700{background-color:var(--secondary-700)}.clr-secondary-800{color:var(--secondary-800)}.bg-secondary-800{background-color:var(--secondary-800)}.clr-secondary-900{color:var(--secondary-900)}.bg-secondary-900{background-color:var(--secondary-900)}.clr-secondary-950{color:var(--secondary-950)}.bg-secondary-950{background-color:var(--secondary-950)}.clr-accent-50{color:var(--accent-50)}.bg-accent-50{background-color:var(--accent-50)}.clr-accent-100{color:var(--accent-100)}.bg-accent-100{background-color:var(--accent-100)}.clr-accent-200{color:var(--accent-200)}.bg-accent-200{background-color:var(--accent-200)}.clr-accent-300{color:var(--accent-300)}.bg-accent-300{background-color:var(--accent-300)}.clr-accent-400{color:var(--accent-400)}.bg-accent-400{background-color:var(--accent-400)}.clr-accent-500{color:var(--accent-500)}.bg-accent-500{background-color:var(--accent-500)}.clr-accent-600{color:var(--accent-600)}.bg-accent-600{background-color:var(--accent-600)}.clr-accent-700{color:var(--accent-700)}.bg-accent-700{background-color:var(--accent-700)}.clr-accent-800{color:var(--accent-800)}.bg-accent-800{background-color:var(--accent-800)}.clr-accent-900{color:var(--accent-900)}.bg-accent-900{background-color:var(--accent-900)}.clr-accent-950{color:var(--accent-950)}.bg-accent-950{background-color:var(--accent-950)}.clr-extra-50{color:var(--extra-50)}.bg-extra-50{background-color:var(--extra-50)}.clr-extra-100{color:var(--extra-100)}.bg-extra-100{background-color:var(--extra-100)}.clr-extra-200{color:var(--extra-200)}.bg-extra-200{background-color:var(--extra-200)}.clr-extra-300{color:var(--extra-300)}.bg-extra-300{background-color:var(--extra-300)}.clr-extra-400{color:var(--extra-400)}.bg-extra-400{background-color:var(--extra-400)}.clr-extra-500{color:var(--extra-500)}.bg-extra-500{background-color:var(--extra-500)}.clr-extra-600{color:var(--extra-600)}.bg-extra-600{background-color:var(--extra-600)}.clr-extra-700{color:var(--extra-700)}.bg-extra-700{background-color:var(--extra-700)}.clr-extra-800{color:var(--extra-800)}.bg-extra-800{background-color:var(--extra-800)}.clr-extra-900{color:var(--extra-900)}.bg-extra-900{background-color:var(--extra-900)}.clr-extra-950{color:var(--extra-950)}.bg-extra-950{background-color:var(--extra-950)}.fs-900{font-size:var(--fs-900)}.fs-800{font-size:var(--fs-800)}.fs-700{font-size:var(--fs-700)}.fs-600{font-size:var(--fs-600)}.fs-500{font-size:var(--fs-500)}.fs-400{font-size:var(--fs-400)}.fs-300{font-size:var(--fs-300)}.fs-200{font-size:var(--fs-200)}.section{padding-block:clamp(5rem,10vh,6rem)}.mx-auto{margin-inline:auto}.margin-1{margin:.25rem}.margin-block-start-1{margin-block-start:.25rem}.margin-block-end-1{margin-block-end:.25rem}.margin-block-1{margin-block:.25rem}.margin-inline-start-1{margin-inline-start:.25rem}.margin-inline-end-1{margin-inline-end:.25rem}.margin-inline-1{margin-inline:.25rem}.padding-1{padding:.25rem}.padding-block-start-1{padding-block-start:.25rem}.padding-block-end-1{padding-block-end:.25rem}.padding-block-1{padding-block:.25rem}.padding-inline-start-1{padding-inline-start:.25rem}.padding-inline-end-1{padding-inline-end:.25rem}.padding-inline-1{padding-inline:.25rem}.margin-2{margin:.5rem}.margin-block-start-2{margin-block-start:.5rem}.margin-block-end-2{margin-block-end:.5rem}.margin-block-2{margin-block:.5rem}.margin-inline-start-2{margin-inline-start:.5rem}.margin-inline-end-2{margin-inline-end:.5rem}.margin-inline-2{margin-inline:.5rem}.padding-2{padding:.5rem}.padding-block-start-2{padding-block-start:.5rem}.padding-block-end-2{padding-block-end:.5rem}.padding-block-2{padding-block:.5rem}.padding-inline-start-2{padding-inline-start:.5rem}.padding-inline-end-2{padding-inline-end:.5rem}.padding-inline-2{padding-inline:.5rem}.margin-3{margin:.75rem}.margin-block-start-3{margin-block-start:.75rem}.margin-block-end-3{margin-block-end:.75rem}.margin-block-3{margin-block:.75rem}.margin-inline-start-3{margin-inline-start:.75rem}.margin-inline-end-3{margin-inline-end:.75rem}.margin-inline-3{margin-inline:.75rem}.padding-3{padding:.75rem}.padding-block-start-3{padding-block-start:.75rem}.padding-block-end-3{padding-block-end:.75rem}.padding-block-3{padding-block:.75rem}.padding-inline-start-3{padding-inline-start:.75rem}.padding-inline-end-3{padding-inline-end:.75rem}.padding-inline-3{padding-inline:.75rem}.margin-4{margin:1rem}.margin-block-start-4{margin-block-start:1rem}.margin-block-end-4{margin-block-end:1rem}.margin-block-4{margin-block:1rem}.margin-inline-start-4{margin-inline-start:1rem}.margin-inline-end-4{margin-inline-end:1rem}.margin-inline-4{margin-inline:1rem}.padding-4{padding:1rem}.padding-block-start-4{padding-block-start:1rem}.padding-block-end-4{padding-block-end:1rem}.padding-block-4{padding-block:1rem}.padding-inline-start-4{padding-inline-start:1rem}.padding-inline-end-4{padding-inline-end:1rem}.padding-inline-4{padding-inline:1rem}.margin-5{margin:1.25rem}.margin-block-start-5{margin-block-start:1.25rem}.margin-block-end-5{margin-block-end:1.25rem}.margin-block-5{margin-block:1.25rem}.margin-inline-start-5{margin-inline-start:1.25rem}.margin-inline-end-5{margin-inline-end:1.25rem}.margin-inline-5{margin-inline:1.25rem}.padding-5{padding:1.25rem}.padding-block-start-5{padding-block-start:1.25rem}.padding-block-end-5{padding-block-end:1.25rem}.padding-block-5{padding-block:1.25rem}.padding-inline-start-5{padding-inline-start:1.25rem}.padding-inline-end-5{padding-inline-end:1.25rem}.padding-inline-5{padding-inline:1.25rem}.margin-6{margin:1.5rem}.margin-block-start-6{margin-block-start:1.5rem}.margin-block-end-6{margin-block-end:1.5rem}.margin-block-6{margin-block:1.5rem}.margin-inline-start-6{margin-inline-start:1.5rem}.margin-inline-end-6{margin-inline-end:1.5rem}.margin-inline-6{margin-inline:1.5rem}.padding-6{padding:1.5rem}.padding-block-start-6{padding-block-start:1.5rem}.padding-block-end-6{padding-block-end:1.5rem}.padding-block-6{padding-block:1.5rem}.padding-inline-start-6{padding-inline-start:1.5rem}.padding-inline-end-6{padding-inline-end:1.5rem}.padding-inline-6{padding-inline:1.5rem}.margin-7{margin:1.75rem}.margin-block-start-7{margin-block-start:1.75rem}.margin-block-end-7{margin-block-end:1.75rem}.margin-block-7{margin-block:1.75rem}.margin-inline-start-7{margin-inline-start:1.75rem}.margin-inline-end-7{margin-inline-end:1.75rem}.margin-inline-7{margin-inline:1.75rem}.padding-7{padding:1.75rem}.padding-block-start-7{padding-block-start:1.75rem}.padding-block-end-7{padding-block-end:1.75rem}.padding-block-7{padding-block:1.75rem}.padding-inline-start-7{padding-inline-start:1.75rem}.padding-inline-end-7{padding-inline-end:1.75rem}.padding-inline-7{padding-inline:1.75rem}.margin-8{margin:2rem}.margin-block-start-8{margin-block-start:2rem}.margin-block-end-8{margin-block-end:2rem}.margin-block-8{margin-block:2rem}.margin-inline-start-8{margin-inline-start:2rem}.margin-inline-end-8{margin-inline-end:2rem}.margin-inline-8{margin-inline:2rem}.padding-8{padding:2rem}.padding-block-start-8{padding-block-start:2rem}.padding-block-end-8{padding-block-end:2rem}.padding-block-8{padding-block:2rem}.padding-inline-start-8{padding-inline-start:2rem}.padding-inline-end-8{padding-inline-end:2rem}.padding-inline-8{padding-inline:2rem}.margin-9{margin:2.5rem}.margin-block-start-9{margin-block-start:2.5rem}.margin-block-end-9{margin-block-end:2.5rem}.margin-block-9{margin-block:2.5rem}.margin-inline-start-9{margin-inline-start:2.5rem}.margin-inline-end-9{margin-inline-end:2.5rem}.margin-inline-9{margin-inline:2.5rem}.padding-9{padding:2.5rem}.padding-block-start-9{padding-block-start:2.5rem}.padding-block-end-9{padding-block-end:2.5rem}.padding-block-9{padding-block:2.5rem}.padding-inline-start-9{padding-inline-start:2.5rem}.padding-inline-end-9{padding-inline-end:2.5rem}.padding-inline-9{padding-inline:2.5rem}.margin-10{margin:3rem}.margin-block-start-10{margin-block-start:3rem}.margin-block-end-10{margin-block-end:3rem}.margin-block-10{margin-block:3rem}.margin-inline-start-10{margin-inline-start:3rem}.margin-inline-end-10{margin-inline-end:3rem}.margin-inline-10{margin-inline:3rem}.padding-10{padding:3rem}.padding-block-start-10{padding-block-start:3rem}.padding-block-end-10{padding-block-end:3rem}.padding-block-10{padding-block:3rem}.padding-inline-start-10{padding-inline-start:3rem}.padding-inline-end-10{padding-inline-end:3rem}.padding-inline-10{padding-inline:3rem}.margin-11{margin:4rem}.margin-block-start-11{margin-block-start:4rem}.margin-block-end-11{margin-block-end:4rem}.margin-block-11{margin-block:4rem}.margin-inline-start-11{margin-inline-start:4rem}.margin-inline-end-11{margin-inline-end:4rem}.margin-inline-11{margin-inline:4rem}.padding-11{padding:4rem}.padding-block-start-11{padding-block-start:4rem}.padding-block-end-11{padding-block-end:4rem}.padding-block-11{padding-block:4rem}.padding-inline-start-11{padding-inline-start:4rem}.padding-inline-end-11{padding-inline-end:4rem}.padding-inline-11{padding-inline:4rem}.margin-12{margin:5rem}.margin-block-start-12{margin-block-start:5rem}.margin-block-end-12{margin-block-end:5rem}.margin-block-12{margin-block:5rem}.margin-inline-start-12{margin-inline-start:5rem}.margin-inline-end-12{margin-inline-end:5rem}.margin-inline-12{margin-inline:5rem}.padding-12{padding:5rem}.padding-block-start-12{padding-block-start:5rem}.padding-block-end-12{padding-block-end:5rem}.padding-block-12{padding-block:5rem}.padding-inline-start-12{padding-inline-start:5rem}.padding-inline-end-12{padding-inline-end:5rem}.padding-inline-12{padding-inline:5rem}.margin-13{margin:6rem}.margin-block-start-13{margin-block-start:6rem}.margin-block-end-13{margin-block-end:6rem}.margin-block-13{margin-block:6rem}.margin-inline-start-13{margin-inline-start:6rem}.margin-inline-end-13{margin-inline-end:6rem}.margin-inline-13{margin-inline:6rem}.padding-13{padding:6rem}.padding-block-start-13{padding-block-start:6rem}.padding-block-end-13{padding-block-end:6rem}.padding-block-13{padding-block:6rem}.padding-inline-start-13{padding-inline-start:6rem}.padding-inline-end-13{padding-inline-end:6rem}.padding-inline-13{padding-inline:6rem}.margin-14{margin:8rem}.margin-block-start-14{margin-block-start:8rem}.margin-block-end-14{margin-block-end:8rem}.margin-block-14{margin-block:8rem}.margin-inline-start-14{margin-inline-start:8rem}.margin-inline-end-14{margin-inline-end:8rem}.margin-inline-14{margin-inline:8rem}.padding-14{padding:8rem}.padding-block-start-14{padding-block-start:8rem}.padding-block-end-14{padding-block-end:8rem}.padding-block-14{padding-block:8rem}.padding-inline-start-14{padding-inline-start:8rem}.padding-inline-end-14{padding-inline-end:8rem}.padding-inline-14{padding-inline:8rem}.margin-15{margin:10rem}.margin-block-start-15{margin-block-start:10rem}.margin-block-end-15{margin-block-end:10rem}.margin-block-15{margin-block:10rem}.margin-inline-start-15{margin-inline-start:10rem}.margin-inline-end-15{margin-inline-end:10rem}.margin-inline-15{margin-inline:10rem}.padding-15{padding:10rem}.padding-block-start-15{padding-block-start:10rem}.padding-block-end-15{padding-block-end:10rem}.padding-block-15{padding-block:10rem}.padding-inline-start-15{padding-inline-start:10rem}.padding-inline-end-15{padding-inline-end:10rem}.padding-inline-15{padding-inline:10rem}.container{--container-margin:1rem * 2;--max-width:64rem;width:min(100% - var(--container-margin), var(--max-width));margin-inline:auto}.container[data-type=narrow]{--max-width:40rem}.container[data-type=wide]{--max-width:75rem}.container[data-type=full-bleed]{--max-width:100%}.container[data-type=blog-post]{--container-max-width:65ch}:scope[data-type=site-header]{--container-max-width:1024px}.container[data-spacing=none]{--container-margin:0px}.fw-regular{font-weight:400}.fw-bold{font-weight:700}.box-shadow-1{box-shadow:0 6px 5px #00000003,0 22px 18px #00000005,0 100px 80px #00000008}.box-shadow-2{box-shadow:0 6px 5px #00000004,0 22px 18px #00000006,0 100px 80px #0000000a}.box-shadow-3{box-shadow:0 6px 5px #00000005,0 22px 18px #00000008,0 100px 80px #0000000d}.box-shadow-4{box-shadow:0 6px 5px #00000008,0 22px 18px #0000000b,0 100px 80px #00000012}.box-shadow-5{box-shadow:0 6px 5px #0000000a,0 22px 18px #0000000f,0 100px 80px #0000001a}.text-center{text-align:center}.no-decor{text-decoration:none}.underline{text-decoration:underline}.italic{font-style:italic}.uppercase{text-transform:uppercase}.ff-base,.ff-accent{font-family:Inter,system-ui,sans-serif}.flex-group{column-gap:var(--flex-column-gap,1rem);row-gap:var(--flex-row-gap,.5rem);flex-wrap:wrap;width:fit-content;display:flex}.flex-group.mx-auto{justify-content:center}.flow>:where(:not(:first-child)){margin-top:var(--flow-spacer,1em)}.border-radius-1{border-radius:.25rem}.border-radius-2{border-radius:.5rem}.border-radius-3{border-radius:.75rem}.border-radius-4{border-radius:1rem}.error{color:red;font-family:Inter,system-ui,sans-serif;font-size:16px;font-style:italic}.dialog-error{color:#dc2828;margin-inline:auto;padding:1rem;font-size:14px}.badge{white-space:nowrap;background:hsl(var(--extra-500)/.1);border:1px solid hsl(var(--extra-500));width:fit-content;color:hsl(var(--extra-700));text-transform:uppercase;border-radius:.25rem;align-items:center;gap:.35em;padding:.5rem;font-weight:500;line-height:1;display:inline-flex;font-size:12px!important}.badge svg,.badge img{width:1em;height:1em}.badge--neutral{background:hsl(var(--neutral-200)/.4);border-color:hsl(var(--neutral-500));color:hsl(var(--neutral-900));cursor:pointer}.badge--manage{background:hsl(var(--primary-200)/.4);border-color:hsl(var(--primary-200));color:hsl(var(--primary-900));cursor:pointer}.badge--starter-routine{color:hsl(var(--secondary-900));background-color:hsl(var(--secondary-200)/.2);border:1px solid hsl(var(--secondary-400))}.badge--trial-register,.badge--verification-resent{color:hsl(var(--primary-900));background-color:hsl(var(--primary-200)/.2);border:1px solid hsl(var(--primary-400))}.badge--error{color:oklch(97.1% .013 17.38);background:oklch(57.7% .245 27.325);border-color:oklch(70.4% .191 22.216)}.badge--group-beat-a{--group-border-color:hsl(var(--primary-400));background:hsl(var(--primary-400)/.1);border:1px solid var(--group-border-color);color:hsl(var(--primary-900))}.badge--group-beat-b{--group-border-color:hsl(var(--secondary-400));background:hsl(var(--secondary-400)/.1);border:1px solid var(--group-border-color);color:hsl(var(--secondary-900))}.badge--group-beat-c{--group-border-color:hsl(var(--accent-400));background:hsl(var(--accent-400)/.1);border:1px solid var(--group-border-color);color:hsl(var(--accent-900))}.badge--group-beat-d{--group-border-color:hsl(var(--extra-400));background:hsl(var(--extra-400)/.1);border:1px solid var(--group-border-color);color:hsl(var(--extra-900))}.badge--routine-type{border:1px solid hsl(var(--secondary-200));color:hsl(var(--secondary-950));background:#fff2ec}.badge--routine-instrument{background:hsl(var(--primary-400)/.1);border:1px solid hsl(var(--primary-200));color:hsl(var(--primary-900))}.badge--routine-difficulty{background:hsl(var(--accent-400)/.1);border:1px solid hsl(var(--accent-200));color:hsl(var(--accent-900))}.badge--upsell-pro{background-color:hsl(var(--neutral-900));color:hsl(var(--neutral-100));border:1px solid #0000}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-list-style{list-style:none}.glassmorphism{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:16px;padding:1rem;box-shadow:0 0 20px #ffffff0d}.round{aspect-ratio:1;inline-size:var(--round-size,2.5rem);border-radius:50%}.picker-column{box-sizing:border-box;scroll-snap-type:y mandatory;text-align:center;border:1px solid hsl(var(--neutral-300));background:hsl(var(--neutral-200));width:56px;min-width:56px;max-width:56px;height:44px;font-size:var(--fs-400);scrollbar-width:none;border-radius:.25rem;line-height:44px;overflow-y:auto}.picker-column::-webkit-scrollbar{display:none}.picker-column .picker-option{scroll-snap-align:center;cursor:pointer;width:100%;height:44px;overflow:hidden}.number-picker{grid-template-columns:28px 56px 28px;justify-content:center;align-items:center;gap:.25rem;width:max-content;min-width:0;display:grid}.number-picker--controls-desktop-only{grid-template-columns:56px}@media screen and (width>=768px){.number-picker--controls-desktop-only{grid-template-columns:28px 56px 28px}}.number-picker__control{width:28px;min-width:28px;height:44px;color:hsl(var(--neutral-700));font-size:var(--fs-600);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;place-items:center;padding:0;line-height:1;display:grid}.number-picker__control:disabled{opacity:.4;cursor:not-allowed}.number-picker__control--desktop-only{display:none}@media screen and (width>=768px){.number-picker__control--desktop-only{display:grid}}.mobile-only{display:inline-flex}.desktop-only{display:none}@media screen and (width>=1280px){.mobile-only{display:none}.desktop-only{display:block}}.link{color:hsl(var(--secondary-400));cursor:pointer;text-decoration:underline}.subheading{text-transform:uppercase;color:hsl(var(--neutral-800));opacity:.7}.subheading[data-type=mini]{font-size:13px;font-weight:600}.group{flex-direction:column;gap:.75rem;display:flex}.group__header{flex-direction:column;gap:.25rem;display:flex}.group__title{font-size:var(--fs-400);font-weight:400}.group__hint{color:hsl(var(--neutral-600));font-size:var(--fs-300);font-weight:400;line-height:1.4}.group__body{display:flex}.group__body .button[data-type=icon-text]{background:#e9e9ed;padding:.5rem}.group__body .button[data-type=icon-text]:active{transform:scale(.96)}.group__body .button[data-type=icon-text]:hover{background:#dbdbdf}@media (width<=767px){.display-none--on-mobile{display:none!important}}@media (width>=768px) and (width<=1279px){.display-none--on-tablet{display:none!important}}@media (width>=1280px){.display-none--on-desktop{display:none!important}}@media (width<=767px){.display-none--until-tablet{display:none!important}}@media (width<=1279px){.display-none--until-desktop{display:none!important}}@property --pattern-color{syntax:"<color>";inherits:true;initial-value:red}