@layer components{.practice-stage-selectable{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(14rem,1fr);align-items:stretch;gap:1rem;display:grid}.practice-stage-selectable[hidden]{display:none}.practice-stage-selectable .exercise-practice-live>section:not(.patient-session__camera){flex:1;min-height:0}.practice-stage-selectable .exercise-practice-live .exercise-live-camera{aspect-ratio:auto;border-radius:.625rem;flex:1;width:100%;height:clamp(9rem,17vw,14rem);min-height:10rem;max-height:none;margin:0;display:block}.practice-stage-selectable[data-primary-view=live] .exercise-live-camera{min-height:clamp(24rem,43vw,34rem)}.practice-stage-selectable[data-stage] .exercise-live-heading{display:flex}.practice-stage-selectable[data-stage] .exercise-practice-live>section>[role=status]{display:block}.practice-stage-selectable .exercise-practice-live .exercise-live-cue{background:var(--secondary);border-radius:.625rem;margin:.75rem 0 0;padding:.625rem .75rem;font-size:.875rem}.practice-stage-selectable .exercise-live-controls{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.practice-stage-selectable .exercise-live-controls>.button{flex:8rem;min-height:2.75rem;padding:.625rem .875rem;font-size:.875rem}.practice-stage-with-guidance .reference-playback-footer,.practice-stage-with-guidance .recorded-tutorial-controls{display:contents}.practice-stage-with-guidance .reference-playback-playback{border:1px solid var(--border);background:#fff;border-radius:.875rem;grid-area:4/1/auto/span 2}.practice-stage-guidance{border:1px solid var(--border);background:var(--secondary);border-radius:.875rem;grid-area:4/3/auto/span 2;min-width:0;padding:1.125rem 1.25rem}.practice-stage-selectable:not(:has(.reference-playback-footer)) .practice-stage-guidance{grid-column:1/-1}.practice-stage-selectable .recorded-tutorial-note{grid-column:1/-1}.practice-stage-guidance .practice-guidance-card,.practice-stage-guidance .patient-get-ready{padding:0}.practice-stage-guidance :is(h2,.practice-eyebrow){color:var(--primary);letter-spacing:normal;margin:0 0 .625rem;font-size:.875rem;line-height:1.5}.practice-stage-guidance .patient-main-cue{color:var(--foreground);margin:0 0 .75rem;font-size:.9375rem}.practice-stage-guidance .patient-short-steps{margin:0 0 .75rem}.practice-stage-guidance .patient-short-steps>li{margin:0 0 .5rem;font-size:.875rem}.practice-stage-guidance .practice-range-note{padding-top:.75rem}.practice-stage-guidance .patient-setup-symbol{display:none}.practice-stage-selectable>.exercise-practice-reference,.practice-stage-selectable .recorded-tutorial:not(.recorded-tutorial-empty),.practice-stage-selectable .instructor-demonstration,.practice-stage-selectable .exercise-sample-views{display:contents}.practice-stage-selectable .sample-view-switch{display:none}.practice-stage-toolbar{flex-wrap:wrap;grid-area:1/1/auto/-1;align-items:center;gap:.5rem;display:flex}.practice-stage-toolbar>span{align-items:center;gap:.5rem;margin-right:auto;font-size:.875rem;font-weight:600;display:flex}.practice-stage-toolbar>span>svg{width:1rem;height:1rem}.practice-stage-toolbar>button{border:1px solid var(--border);min-height:2.75rem;color:var(--foreground);background:#fff;border-radius:.625rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;line-height:1.4}.practice-stage-toolbar>button[aria-pressed=true]{color:var(--primary-foreground);background:var(--primary);border-color:var(--primary)}.practice-stage-selectable .exercise-sample-view,.practice-stage-selectable>.exercise-practice-live{border:1px solid var(--border);background:#fff;border-radius:.875rem;min-width:0;padding:.875rem}.practice-stage-selectable>.exercise-practice-live{flex-direction:column;display:flex;position:static}.practice-stage-selectable .sample-view-video{grid-area:2/4}.practice-stage-selectable .sample-view-skeleton{grid-area:3/4}.practice-stage-selectable>.exercise-practice-live{grid-area:2/1/span 2/span 3}.practice-stage-selectable .exercise-sample-view>h2,.practice-stage-selectable .exercise-live-heading{min-height:1.75rem;margin-bottom:.625rem;font-size:.875rem}.practice-stage-selectable .exercise-sample-video,.practice-stage-selectable .exercise-sample-empty,.practice-stage-selectable .recorded-tutorial-stage,.practice-stage-selectable .exercise-sample-view .recorded-tutorial-stage>canvas{width:100%;height:clamp(9rem,17vw,14rem)}.practice-stage-selectable .exercise-sample-empty{padding:1rem;font-size:.8125rem}.practice-stage-selectable .patient-session__camera{border-radius:.625rem;flex:1;width:100%;height:auto;min-height:10rem}.practice-stage-selectable[data-primary-view=live] .patient-session__camera{min-height:clamp(24rem,43vw,34rem)}.practice-stage-selectable .patient-session__setup{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.practice-stage-selectable[data-primary-view=video] .sample-view-video,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton{grid-area:2/1/span 2/span 3}.practice-stage-selectable[data-primary-view=video] .sample-view-skeleton,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-video{grid-row:2}.practice-stage-selectable[data-primary-view=video]>.exercise-practice-live,.practice-stage-selectable[data-primary-view=skeleton]>.exercise-practice-live{grid-area:3/4}.practice-stage-selectable[data-primary-view=video] .sample-view-video .exercise-sample-video,.practice-stage-selectable[data-primary-view=video] .sample-view-video .exercise-sample-empty,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .exercise-sample-empty,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .recorded-tutorial-stage,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .recorded-tutorial-stage>canvas{height:clamp(24rem,43vw,34rem)}.practice-stage-selectable .patient-session__count{padding:.5rem .875rem;top:.75rem;left:.75rem}.practice-stage-selectable .patient-session__cue{border-radius:.625rem;margin-top:.75rem;padding:.625rem .75rem;font-size:.875rem;position:static}.practice-stage-selectable .recorded-tutorial-controls,.practice-stage-selectable .recorded-tutorial-source,.practice-stage-selectable .instructor-demonstration>p,.practice-stage-selectable .instructor-demonstration>h3{grid-column:1/-1;margin:0}.practice-stage-selectable .tutorial-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.practice-stage-selectable .tutorial-toolbar>label{margin:0}.practice-stage-selectable .tutorial-toolbar>button,.practice-stage-selectable .tutorial-toolbar select{height:2.75rem;min-height:2.75rem;margin:0}.practice-stage-selectable .recorded-tutorial-empty{grid-area:2/4/span 2;min-width:0}@media (width<=760px){.practice-stage-selectable{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.practice-stage-selectable[data-primary-view=live] .exercise-live-camera{height:clamp(17rem,75vw,25rem);min-height:clamp(17rem,75vw,25rem)}.practice-stage-with-guidance .reference-playback-playback{grid-area:4/1/auto/-1}.practice-stage-selectable .practice-stage-guidance{grid-area:5/1/auto/-1;padding:1rem}.practice-stage-selectable:not(:has(.reference-playback-footer)) .practice-stage-guidance{grid-row:4}.practice-stage-toolbar>span{width:100%}.practice-stage-toolbar>button{flex:1 1 0;padding:.5rem;font-size:.8125rem}.practice-stage-selectable .sample-view-video,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-video{grid-area:3/1}.practice-stage-selectable .sample-view-skeleton,.practice-stage-selectable[data-primary-view=video] .sample-view-skeleton{grid-area:3/2}.practice-stage-selectable>.exercise-practice-live,.practice-stage-selectable[data-primary-view=video] .sample-view-video,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton{grid-area:2/1/auto/-1}.practice-stage-selectable[data-primary-view=video]>.exercise-practice-live{grid-area:3/1}.practice-stage-selectable[data-primary-view=skeleton]>.exercise-practice-live{grid-area:3/2}.practice-stage-selectable .exercise-sample-video,.practice-stage-selectable .exercise-sample-empty,.practice-stage-selectable .recorded-tutorial-stage,.practice-stage-selectable .exercise-sample-view .recorded-tutorial-stage>canvas{height:10rem}.practice-stage-selectable[data-primary-view=live] .patient-session__camera,.practice-stage-selectable[data-primary-view=video] .sample-view-video .exercise-sample-video,.practice-stage-selectable[data-primary-view=video] .sample-view-video .exercise-sample-empty,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .exercise-sample-empty,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .recorded-tutorial-stage,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .recorded-tutorial-stage>canvas{height:clamp(17rem,75vw,25rem);min-height:clamp(17rem,75vw,25rem)}.practice-stage-selectable .exercise-sample-view,.practice-stage-selectable>.exercise-practice-live{padding:.625rem}.practice-stage-selectable .exercise-sample-empty{padding:.75rem}.practice-stage-selectable .exercise-sample-empty>p+p{display:none}.practice-stage-selectable[data-primary-view=video] .sample-view-video .exercise-sample-empty>p,.practice-stage-selectable[data-primary-view=skeleton] .sample-view-skeleton .exercise-sample-empty>p{display:block}.practice-stage-selectable[data-primary-view=video] .patient-session__setup>:is(h2,p),.practice-stage-selectable[data-primary-view=skeleton] .patient-session__setup>:is(h2,p){display:none}.practice-stage-selectable .patient-session__setup .button{white-space:normal;padding:.625rem;font-size:.8125rem}.practice-stage-selectable .patient-session__setup>svg{display:none}.practice-stage-selectable .recorded-tutorial-empty{grid-area:3/1/auto/-1}}}@layer legacy{.patient-session:has(.exercise-practice-stage){max-width:1320px}.patient-shell .patient-main:has(.exercise-practice-stage){width:min(100% - 3rem,1320px);max-width:1320px}.exercise-practice-stage{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:20px;margin-block:20px 28px;display:grid}.exercise-practice-stage[hidden]{display:none}.exercise-practice-reference,.exercise-practice-live,.exercise-sample-view{min-width:0}.exercise-practice-stage .recorded-tutorial{box-shadow:none;background:0 0;border:0}.exercise-sample-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.exercise-sample-view>h2,.exercise-practice-stage .exercise-sample-view>h2,.exercise-practice-live>.exercise-live-heading{align-items:center;gap:9px;min-height:48px;margin:0 0 12px;font-size:1rem;font-weight:650;line-height:1.3;display:flex}.exercise-sample-view>h2>span,.exercise-live-heading>span{color:#65499c;background:#eee9f7;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-size:.85rem;display:grid}.exercise-sample-video,.exercise-sample-empty,.exercise-practice-stage .recorded-tutorial-stage{background:#17292b;border-radius:16px;height:300px;margin:0;position:relative;overflow:hidden}.exercise-sample-video>video{object-fit:contain;width:100%;height:100%;display:block}.exercise-practice-stage .exercise-sample-view .recorded-tutorial-stage>canvas{height:300px}.exercise-sample-empty,.exercise-sample-video>p{color:#5d5867;background:#eeedf2;flex-direction:column;justify-content:center;gap:10px;padding:24px;font-size:.9rem;line-height:1.6;display:flex}.exercise-sample-empty>p{margin:0}.exercise-sample-error{color:#5d5867;background:#eeedf2;place-content:center;padding:20px;display:grid;position:absolute;inset:0}.exercise-practice-stage .recorded-tutorial-controls{padding-inline:0}.exercise-practice-live{position:sticky;top:16px}.exercise-practice-live>section:not(.patient-session__camera){flex-direction:column;display:flex}.exercise-practice-live>section>.hand-camera,.exercise-practice-live>section>.phone-test-camera{order:-1;margin-bottom:12px}.exercise-practice-live .patient-main-cue{margin:0 0 12px;font-size:.95rem}.exercise-practice-live .hand-camera,.exercise-practice-live .phone-test-camera,.exercise-practice-live .patient-session__camera{aspect-ratio:auto;border-radius:16px;height:300px;min-height:0;margin-top:0}.exercise-practice-live .patient-session__setup{gap:8px;padding:14px}.exercise-practice-live .patient-session__setup h2{font-size:1.1rem}.exercise-practice-live .patient-session__setup p{margin:0;font-size:.9rem}.exercise-practice-live .patient-get-ready{background:0 0;border:0;padding:20px 0}.exercise-practice-live .patient-setup-symbol{display:none}.exercise-practice-live .patient-get-ready h2{font-size:1.25rem}.exercise-practice-live .practice-guidance-card{padding-top:20px}.exercise-practice-live .patient-rep-count{margin-block:14px}.exercise-practice-live .patient-rep-count strong{font-size:2.5rem}@media (width<=900px){.exercise-practice-stage{grid-template-columns:minmax(0,1fr)}.exercise-practice-live{position:static}.exercise-practice-live .hand-camera,.exercise-practice-live .phone-test-camera{aspect-ratio:4/3;height:auto;max-height:430px}}@media (width<=540px){.exercise-sample-views{gap:10px}.exercise-practice-stage .exercise-sample-view>h2{align-items:flex-start;gap:6px;font-size:.82rem}.exercise-practice-stage .recorded-tutorial-start-hint{white-space:normal;text-align:center;padding:5px;font-size:.65rem;inset:auto 6px 10px;transform:none}.exercise-sample-view>h2>span{flex-basis:22px;height:22px}.exercise-sample-video,.exercise-sample-empty,.exercise-practice-stage .recorded-tutorial-stage,.exercise-practice-stage .exercise-sample-view .recorded-tutorial-stage>canvas{height:220px}.exercise-sample-empty{padding:12px;font-size:.8rem}.exercise-practice-stage .recorded-tutorial-stage-labels{flex-wrap:wrap;inset:8px}}}