/* App screens share the four company palettes. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dashboard-grid{margin-top:22px}.next-plan{margin-top:18px}.next-plan h2{font-size:22px}.next-plan p{font-size:13px;color:var(--muted);margin:12px 0 20px}.next-plan .primary{width:100%;min-height:48px}.community-link{display:flex;align-items:center;gap:14px;margin-top:18px}.community-link span{flex:1}.community-link strong,.community-link small{display:block}.community-link small{font-size:12px;margin-top:5px}.community-link b{font-size:23px;font-weight:400}
.team-goal{background:var(--hero);color:var(--hero-ink);border-radius:24px;padding:28px}.team-goal .eyebrow{color:inherit;opacity:.7}.team-goal h2{font-size:46px;letter-spacing:-2px}.team-goal h2 small{font-size:17px;letter-spacing:0;color:inherit;opacity:.7}.team-goal .meter{background:#ffffff22;margin:22px 0 17px}.team-goal p{font-size:13px;opacity:.8}.team-goal .primary{margin-top:25px;min-height:48px;width:100%}.team-totals{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}.team-totals>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px}.team-totals b{display:block;font-size:28px;font-weight:550}.team-totals span{font-size:12px;color:var(--muted)}.week-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.week-chart>div{min-width:0;text-align:center}.chart-track{height:95px;background:var(--soft);border-radius:7px;margin:9px auto;display:flex;align-items:flex-end;overflow:hidden;max-width:35px}.chart-track i{display:block;background:var(--ink);width:100%;border-radius:7px}.week-chart span,.week-chart strong,.week-chart small{display:block;font-size:10px}.week-chart small{font-size:9px;margin-top:4px}.week-chart strong{font-weight:550}.profile-edit{margin-top:18px}.profile-edit input,.save-branding{width:100%;min-height:48px}.profile-edit .primary{margin-top:18px}.branding-themes{border:0;margin:24px 0;padding:0}.branding-themes legend{font-size:14px;font-weight:600;margin-bottom:12px}.save-branding{margin-top:22px}#brand-form input:not([type=file]){width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}.brand-preview .logo-image{max-height:110px;object-fit:contain}.brand-preview{background:var(--hero);color:var(--hero-ink)}
.history-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.history-actions .text-button{min-height:44px}.history-item{gap:14px}.history-item>div{min-width:0}.history-item strong{overflow-wrap:anywhere}
.workout-wizard,.app-screen{max-width:620px;margin:0 auto}
.workout-wizard{padding-bottom:12px}
.wizard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.wizard-top>span{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--muted)}
.wizard-back,.wizard-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:23px;font-weight:400}
.wizard-close{border:0;background:transparent;color:var(--muted)}
.wizard-progress{display:flex;gap:6px}.wizard-progress>span{height:4px;border-radius:4px;flex:1;background:var(--line)}.wizard-progress>.done{background:var(--ink)}
.wizard-heading{padding:30px 0 25px}.wizard-heading h1{font-size:36px;letter-spacing:-1.4px;max-width:480px;outline:none}.wizard-heading p{color:var(--muted);margin-top:12px;font-size:14px}
.wizard-body,.wizard-options,.day-options{border:0;padding:0;margin:0;min-width:0}
.wizard-options{display:grid;gap:10px}
.wizard-choice{position:relative;cursor:pointer}.wizard-choice>input,.day-choice>input{position:absolute;opacity:0;width:1px;height:1px}
.choice-surface{display:flex;align-items:center;gap:16px;min-height:79px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;transition:background .15s,border-color .15s}
.wizard-choice input:checked+.choice-surface{border-color:var(--ink);background:var(--soft);box-shadow:inset 0 0 0 1px var(--ink)}
.wizard-choice input:focus-visible+.choice-surface,.day-choice input:focus-visible+span{outline:3px solid var(--focus);outline-offset:3px}
.choice-symbol{width:36px;flex-shrink:0;font-size:29px;font-weight:500;text-align:center;letter-spacing:-2px}.choice-copy{flex:1;min-width:0}.choice-copy strong{display:block;font-size:16px;letter-spacing:-.25px}.choice-copy small{display:block;font-size:12px;margin-top:4px;line-height:1.45}
.choice-check{width:20px;height:20px;border:1px solid var(--line);border-radius:50%;flex-shrink:0;background:var(--surface)}.wizard-choice input:checked+.choice-surface .choice-check{background:var(--ink);border:6px solid var(--ink);box-shadow:inset 0 0 0 4px var(--surface)}
.time-options{grid-template-columns:repeat(2,minmax(0,1fr))}.time-options .choice-surface{min-height:110px;align-items:flex-start}.time-options .choice-copy strong{font-size:32px;letter-spacing:-1px}.time-options .choice-copy strong span{font-size:15px;font-weight:500;letter-spacing:0}.time-options .choice-check{margin-top:8px}.time-options .wizard-choice:last-child{grid-column:1/-1}.time-options .wizard-choice:last-child .choice-surface{min-height:95px}
.wizard-note{color:var(--muted);font-size:12px;line-height:1.6;margin-top:22px}
.wizard-actions{position:sticky;bottom:0;background:var(--bg);padding:22px 0 12px;z-index:2}.wizard-actions .primary{width:100%;min-height:54px;font-size:15px;justify-content:space-between;border-radius:15px;padding:15px 22px}.wizard-actions>small{display:block;text-align:center;font-size:11px;margin-top:10px}.wizard-actions .error:empty{display:none}.wizard-actions .error:not(:empty){margin-bottom:12px;font-size:13px;line-height:1.5}
.run-option{margin-top:20px;padding:18px;background:var(--soft);border-radius:16px}.run-option>label{position:relative;display:flex;gap:16px;align-items:center;cursor:pointer}.run-option strong{font-size:14px;display:block}.run-option small{font-size:12px;display:block;margin-top:5px}.run-option input{position:absolute;right:0;width:44px;height:28px;opacity:0}.switch-track{flex-shrink:0;width:44px;height:28px;background:var(--muted);border-radius:30px;margin-left:auto;padding:3px}.switch-track:after{content:'';display:block;background:var(--surface);width:22px;height:22px;border-radius:50%;transition:transform .15s}.run-option input:checked+.switch-track{background:var(--ink)}.run-option input:checked+.switch-track:after{transform:translateX(16px);background:var(--accent)}.run-option input:disabled+.switch-track{opacity:.3}.run-option input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:4px}
.limitations{margin-top:22px;padding:18px 0;border-top:1px solid var(--line);font-size:14px}.limitations summary{min-height:30px}.limitations .helper{margin-top:12px}.limitations textarea{min-height:100px}
.schedule-fields .input-label{margin-top:0}.schedule-fields input[type=date]{min-height:52px;font-size:16px}.week-options{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;gap:8px}.week-options legend,.day-options legend{font-size:14px;font-weight:650;margin-bottom:14px}.week-options .choice-surface{padding:14px 7px;text-align:center;min-height:90px}.week-options strong{font-size:24px}.week-options .choice-check{display:none}.day-options{margin-top:24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day-options legend small{display:block;font-size:12px;font-weight:400;margin-top:4px}.day-choice{cursor:pointer}.day-choice span{display:grid;place-items:center;min-height:46px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:12px}.day-choice input:checked+span{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.review-hero{background:var(--hero);color:var(--hero-ink);padding:25px;border-radius:20px;display:flex;align-items:center;gap:22px}.review-hero .eyebrow{color:inherit;opacity:.65;font-size:9px;letter-spacing:1.3px}.review-hero h2{font-size:24px}.review-hero p{font-size:12px;opacity:.75;margin-top:8px}.review-duration{font-size:56px;line-height:1;font-weight:600;letter-spacing:-3px;color:var(--accent)}.review-duration small{display:block;font-size:10px;color:inherit;letter-spacing:2px;text-align:center;margin-top:8px}.review-phases{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;padding-bottom:20px;border-bottom:1px solid var(--line);gap:10px}.review-phases>div{display:flex;flex-direction:column;gap:5px}.review-phases>div>span{font-size:10px;color:var(--muted)}.review-phases strong{font-size:12px}.review-phases small{font-size:13px}.review-choices button{width:100%;display:flex;align-items:center;gap:12px;min-height:53px;background:transparent;border:0;border-bottom:1px solid var(--line);text-align:left;padding:12px 0}.review-choices button>span:first-child{font-size:12px;color:var(--muted);min-width:70px}.review-choices button>strong{font-size:13px;font-weight:550;flex:1}
.screen-heading{margin-bottom:28px}.screen-heading h1{font-size:36px;letter-spacing:-1.4px}.screen-heading p{margin-top:12px;color:var(--muted);font-size:14px}.profile-identity{text-align:center;padding:28px 16px 32px;background:var(--surface);border:1px solid var(--line);border-radius:22px}.profile-large-avatar{display:inline-grid;place-items:center;width:80px;height:80px;border-radius:28px;font-size:25px;background:var(--soft);color:var(--ink);margin-bottom:18px}.profile-identity h2{font-size:23px;overflow-wrap:anywhere}.profile-identity p{font-size:13px;color:var(--muted);margin:7px 0 16px;overflow-wrap:anywhere}.profile-invitation{padding:24px;margin:16px 0;background:var(--soft);border-radius:20px}.profile-invitation p{font-size:13px;color:var(--muted);margin:9px 0 18px}.profile-invitation .primary{width:100%;min-height:48px;font-size:14px}.app-menu{margin-top:24px;background:var(--surface);border-radius:18px;border:1px solid var(--line);overflow:hidden}.app-menu>a{display:flex;gap:14px;align-items:center;padding:20px 17px;min-height:80px}.app-menu>a+a{border-top:1px solid var(--line)}.app-menu>a:hover{background:var(--soft)}.menu-symbol{width:34px;font-size:26px;text-align:center}.app-menu strong{font-size:14px;display:block}.app-menu small{display:block;font-size:12px;margin-top:4px}.app-menu b{margin-left:auto;font-size:23px;font-weight:400}.privacy-note{padding:24px 4px;color:var(--muted)}.privacy-note strong{font-size:12px}.privacy-note p{font-size:12px;line-height:1.6;margin-top:7px}.logout-button{width:100%;min-height:50px}
.plans-gate{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:24px;padding:36px 24px}.plans-gate h2{font-size:25px}.plans-gate p{margin:12px auto 24px;color:var(--muted);font-size:14px;max-width:360px}.plans-gate .primary{width:100%;font-size:14px;min-height:52px}.plans-gate .text-button{min-height:48px;margin-top:10px;font-size:12px}.plan-calendar-art{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:220px;margin:0 auto 30px}.plan-calendar-art>span{font-size:11px;color:var(--muted)}.plan-calendar-art>b{height:38px;border-radius:12px;display:grid;place-items:center;background:var(--soft);font-size:18px}.plan-calendar-art>b:nth-child(even){background:var(--accent);color:var(--on-accent)}.new-plan-button{width:100%;min-height:52px;font-size:14px;border-radius:14px}.screen-tabs{display:flex;gap:8px;margin:26px 0 18px}.screen-tabs>button{border:0;background:transparent;color:var(--muted);padding:12px 17px;border-radius:30px;min-height:44px;font-size:13px}.screen-tabs>button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.screen-tabs>.refresh-plans{margin-left:auto;font-size:22px;padding:6px 14px}.plan-cards{display:grid;gap:12px}.plan-session{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}.plan-date{background:var(--soft);border-radius:13px;min-width:60px;min-height:72px;padding:9px;text-align:center;display:flex;flex-direction:column;justify-content:center}.plan-date small{font-size:11px;text-transform:uppercase}.plan-date b{font-size:27px;line-height:1.15;font-weight:600}.plan-session>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.plan-session strong{font-size:15px}.plan-session>span>span{font-size:12px;color:var(--muted)}.plan-session small{font-size:11px}.plan-session .session-status{color:var(--ink);margin-top:5px}.session-chevron{font-size:20px;font-weight:400}.screen-status{padding:40px 10px;text-align:center;color:var(--muted)}.screen-error{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:18px}.screen-error p{margin:12px 0 20px}.empty-symbol{font-size:45px;display:block;margin:20px}.app-screen .empty{padding:35px 15px}.app-screen .empty p{margin:14px 0 22px;color:var(--muted)}
.screen-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;font-size:13px;color:var(--muted)}.detail-cover{position:relative;overflow:hidden;padding:30px 24px;background:var(--hero);color:var(--hero-ink);border-radius:22px;min-height:190px}.detail-cover h1{font-size:36px;max-width:80%;position:relative;z-index:1}.detail-cover .eyebrow{color:inherit;opacity:.65;font-size:9px}.detail-cover p{font-size:13px;margin-top:16px;position:relative;z-index:1}.detail-movement{position:absolute;right:14px;bottom:-25px;font-size:155px;line-height:1;font-weight:300;color:var(--accent);opacity:.3}.detail-meta{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 28px}.detail-meta span{padding:7px 10px;background:var(--soft);border-radius:30px;font-size:11px;color:var(--muted)}.detail-subtitle{font-size:20px;margin-bottom:18px}.phase-detail{background:var(--surface);border:1px solid var(--line);border-radius:17px;margin-bottom:12px;overflow:hidden}.phase-detail summary{display:flex;align-items:center;gap:12px;padding:20px 16px;min-height:87px;list-style:none}.phase-detail summary::-webkit-details-marker{display:none}.phase-number{border:1px solid var(--line);border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.phase-detail summary>span:nth-child(2){flex:1}.phase-detail summary strong{display:block;font-size:14px}.phase-detail summary small{display:block;font-size:11px;font-weight:400;margin-top:5px}.phase-detail summary>b{font-size:12px;font-weight:550;white-space:nowrap}.expand-symbol{font-size:20px;font-weight:400;color:var(--muted)}.phase-detail[open] .expand-symbol{transform:rotate(45deg)}.phase-detail ol{padding:0 18px 4px 49px;margin:0;color:var(--muted)}.phase-detail li{padding:12px 0 14px 3px;border-top:1px solid var(--line);font-size:11px}.phase-detail li strong{display:block;font-size:13px;font-weight:550;color:var(--ink)}.phase-detail li small{display:block;font-size:12px;margin-top:5px}.detail-start{position:sticky;bottom:0;padding:18px 0;background:var(--bg);margin-top:10px}.detail-start .primary{width:100%;min-height:54px;border-radius:14px;font-size:15px}.detail-start small,.detail-start p{display:block;text-align:center;margin-top:10px;font-size:11px;color:var(--muted)}.detail-start p{margin-bottom:12px}
.icon-button{min-width:44px;min-height:44px}.profile-link{display:flex;align-items:center}.sidebar .profile{cursor:pointer}.sidebar .profile:hover{color:var(--focus)}
@media(max-width:700px){
  .sidebar{width:100%;inset:auto 0 0;height:calc(70px + env(safe-area-inset-bottom));padding:0 7px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);background:var(--surface)}
  .sidebar>.brand,.sidebar>.workspace,.sidebar>.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;height:70px;gap:0}.sidebar nav a{flex:1;flex-direction:column;justify-content:center;gap:5px;padding:8px 0;font-size:10px;border-radius:0}.sidebar nav a.active{background:transparent;color:var(--ink);box-shadow:inset 0 3px var(--accent)}.nav-dot{display:none}.sidebar nav svg{width:22px;height:22px}
  .shell{margin:0;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:64px;padding:0 20px}.topbar-right{gap:10px}.topbar-right>.access-badge,.topbar-right>a[data-icon=settings],.topbar-right>.avatar{display:none}.topbar-right .profile-link .avatar{display:inline-grid;width:35px;height:35px}.topbar-right .profile-link{min-width:44px;min-height:44px;justify-content:center}.topbar #breadcrumb{font-size:14px;font-weight:600}#account-access{min-height:44px;font-size:12px}main{padding:24px 20px 30px;min-height:calc(100dvh - 140px)}footer{display:none}
  .page-intro h1,.screen-heading h1{font-size:31px;letter-spacing:-1.2px}.screen-heading p{font-size:13px}.screen-heading{margin-bottom:24px}.page-intro .eyebrow{font-size:9px}.page-intro p{font-size:13px}.date-chip{display:none}
  .hero{min-height:280px;border-radius:22px;padding:26px}.hero h2{font-size:37px}.hero .primary{min-height:49px;font-size:13px}.hero-index{display:none}.quick-grid{grid-template-columns:1fr;gap:9px}.quick-card{min-height:80px;border-radius:16px;padding:17px 18px 17px 73px}.quick-card .tile-icon{position:absolute;left:18px;top:22px;width:36px;height:36px;margin:0}.quick-card h3{font-size:15px}.quick-card p{font-size:12px;margin-top:3px}.quick-card .arrow{display:block;top:27px;font-size:20px}.section-heading>span{display:none}.section-heading h2{font-size:19px}.banner p{font-size:12px}.banner h3{font-size:14px}.banner .text-button{min-width:65px}.dashboard-right{grid-template-columns:1fr}.card{border-radius:18px}.week-note{font-size:12px}.week-summary span{font-size:12px}.activity-card{display:none}.hero-content{max-width:85%}.dashboard-grid{gap:20px}
  body[data-page=builder] .topbar,body[data-page=builder] .sidebar{display:none}body[data-page=builder] .shell{padding-bottom:0}body[data-page=builder] main{padding:16px 20px 160px;min-height:100dvh}body[data-page=builder] .empty{padding:28px 10px}
  .wizard-top{margin-bottom:20px}.wizard-heading{padding:28px 0 23px}.wizard-heading h1{font-size:32px;line-height:1.12;max-width:300px}.wizard-heading p{font-size:13px;margin-top:12px}.wizard-heading .eyebrow{font-size:9px;margin-bottom:12px}.choice-surface{min-height:78px;padding:15px;gap:12px}.choice-copy strong{font-size:15px}.choice-copy small{font-size:12px}.choice-symbol{width:30px}.wizard-options{gap:9px}
  .wizard-actions{position:fixed;left:0;right:0;bottom:0;padding:14px 20px max(16px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.wizard-actions .error{max-height:110px;overflow:auto}.wizard-actions .primary{max-width:620px;margin:0 auto;display:flex}.wizard-actions>small{margin-top:9px;font-size:10px}.review-hero{padding:23px 18px;gap:18px}.review-hero h2{font-size:22px}.review-hero p{font-size:11px}.review-duration{font-size:48px}.review-hero .eyebrow{letter-spacing:1px;font-size:8px}.review-phases strong{font-size:11px}.review-choices button>strong{font-size:12px}.day-options{gap:4px}.day-choice span{font-size:11px;border-radius:10px}
  .detail-start{bottom:calc(70px + env(safe-area-inset-bottom));padding:14px 0 8px}.detail-cover h1{font-size:31px}.detail-cover{min-height:180px}.phase-detail summary{gap:9px;padding:18px 13px}.phase-detail summary strong{font-size:13px}.phase-detail summary small{font-size:10px}.profile-identity{padding:28px 16px}.profile-invitation{padding:23px 20px}.app-menu>a{padding:20px 14px;gap:11px}.plan-session{padding:16px 14px;gap:13px}.plan-session strong{font-size:14px}.plan-date{min-width:54px}.screen-tabs>button{padding:12px 15px}
  #player,#account{width:100%;max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;padding:0;overflow:auto}#player .player-inner,#account .player-inner{padding:24px 20px max(24px,env(safe-area-inset-bottom));min-height:100dvh}#player .player-inner{display:flex;flex-direction:column}#player .player-exercise{margin:auto 0;padding:20px 0}#player .player-header{gap:15px}#player .player-header h2{font-size:17px}#player .timer{width:220px;height:220px}#player .timer>div{width:198px;height:198px}#player .timer b{font-size:56px}.player-controls{gap:10px}.player-controls button{min-height:50px;font-size:14px;flex:1}.player-controls .primary{flex-basis:100%}#account .input-label{font-size:14px}#account input,.limitations textarea{font-size:16px}#account-form>.primary{width:100%;min-height:52px;font-size:14px}.finish .primary{min-height:52px}#toast{bottom:calc(90px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 32px)}body[data-page=builder] #toast{bottom:155px}
}
@media(max-width:370px){main{padding-left:16px;padding-right:16px}body[data-page=builder] main{padding-left:16px;padding-right:16px}.wizard-heading h1{font-size:30px}.choice-copy small{font-size:11px}.wizard-actions{padding-left:16px;padding-right:16px}.review-hero{gap:14px}.review-hero h2{font-size:20px}.phase-detail summary>b{font-size:11px}}

/* Exercise demos stay inside the workout, alongside its timer. */
.exercise-media{min-width:0;width:100%;margin:18px auto 0}.exercise-video-frame{width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#101510}.exercise-video-frame iframe,.exercise-video-frame video{display:block;width:100%;height:100%;border:0;object-fit:contain}.exercise-media .media-external{display:inline-flex;min-height:44px;font-size:11px}.exercise-media .video-error{color:var(--ink);font-size:12px;margin:12px 0}.exercise-media [hidden]{display:none}.video-unavailable{font-size:12px;color:var(--muted)}
#player:has(.exercise-video-frame){width:min(900px,calc(100% - 28px))}.player-exercise:has(.exercise-video-frame){display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:0 24px;align-items:center}.player-exercise:has(.exercise-video-frame)>:is(.eyebrow,h3,.rep-target,p){grid-column:1/-1}.player-exercise:has(.exercise-video-frame)>.exercise-media{grid-column:1;margin-top:14px}.player-exercise:has(.exercise-video-frame)>.timer{grid-column:2;width:170px;height:170px;margin:0 0 30px}.player-exercise:has(.exercise-video-frame)>.timer>div{width:152px;height:152px}.player-exercise:has(.exercise-video-frame)>.timer b{font-size:42px}.player-exercise:has(.exercise-video-frame)>.timer small{font-size:8px;max-width:120px;letter-spacing:.5px}.player-exercise:has(.exercise-video-frame)>p{min-height:0}
.exercise-demo{margin-top:10px}.phase-detail .exercise-demo>summary{min-height:44px;padding:6px 0;display:flex;gap:10px;justify-content:flex-start;font-size:12px;font-weight:550;color:var(--ink)}.phase-detail .exercise-demo>summary span{font-size:21px}.exercise-demo .exercise-media{margin-top:8px}.exercise-demo .exercise-video-frame{border-radius:10px}.exercise-demo .video-error{margin:8px 0}
@media(max-width:700px){
  #player:has(.exercise-video-frame){width:100%;max-width:none}#player:has(.exercise-video-frame) .player-inner{padding-top:18px}#player .player-exercise:has(.exercise-video-frame){display:flex;flex-direction:column;margin:auto 0;padding:12px 0;width:100%}#player .player-exercise:has(.exercise-video-frame) h3{font-size:23px;line-height:1.2}#player .player-exercise:has(.exercise-video-frame)>.eyebrow{margin-bottom:8px}#player .player-exercise:has(.exercise-video-frame)>p{margin:8px auto}.player-exercise:has(.exercise-video-frame)>.exercise-media{margin-top:8px}
  #player .player-exercise:has(.exercise-video-frame)>.timer{width:100%;height:auto;min-height:88px;margin:5px 0 0;border-radius:16px;padding:4px;background:var(--soft);border:1px solid var(--line);display:block}#player .player-exercise:has(.exercise-video-frame)>.timer>div{width:100%;height:auto;min-height:78px;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;background:transparent}#player .player-exercise:has(.exercise-video-frame)>.timer b{font-size:43px;letter-spacing:-2px}#player .player-exercise:has(.exercise-video-frame)>.timer small{font-size:10px;text-align:left;max-width:120px}#player:has(.exercise-video-frame) .next-exercise{margin-top:15px;padding-top:12px}.phase-detail .exercise-demo .exercise-media .media-external{font-size:10px}
}