/* Follow / Learn: stable context, teaching hero, tap-open preferences. */
.class-player-dialog .video-stage{background:#fff;container-type:size}
.class-player-dialog .video-hud{inset:0 0 auto!important;height:max(50px,14%);padding:0 24px;display:flex;flex-direction:row;align-items:center;gap:18px;color:#203e36;background:transparent;text-shadow:none;opacity:1!important}
.class-player-dialog .hud-top{display:none}.class-player-dialog .hud-bottom{display:flex;align-items:center;flex-wrap:nowrap;max-width:none;width:100%;gap:12px}
.class-player-dialog .hud-bottom>div{background:transparent!important;padding:0!important;max-width:none!important;min-width:0}
.class-player-dialog .hud-pose{font:600 clamp(16px,2cqw,28px)/1.2 system-ui!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-player-dialog .hud-round{display:none}
.class-player-dialog .hud-pose-time{margin-left:auto;background:transparent!important;padding:0!important;font:500 clamp(18px,2.2cqw,30px)/1.2 system-ui!important;color:#203e36}.hud-pose-time:before{content:'IN THIS POSE';font:9px system-ui;letter-spacing:1px;margin-right:12px}
.class-player-dialog .teaching-demonstration{overflow:hidden;background:white;transition:border-radius .2s}.teaching-panel{background:#fff}
.teaching-panel svg path[stroke-width="5"]{stroke-width:7}
.hide-teaching-caption .teaching-caption{visibility:hidden}.hide-teaching-highlights .teaching-panel svg>g{visibility:hidden}.hide-upcoming .upcoming-pose{display:none!important}
.learning-preference{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:15px}.learning-preference input{width:20px;height:20px;accent-color:#355f4c}
.class-player-dialog .player-sheet{z-index:8;inset:12px 12px 12px auto;width:min(48%,560px);max-height:none;max-width:none;border-radius:24px;background:#f7f6f0;color:#203e36;box-shadow:0 0 0 150vmax #10231b35;padding:22px;overflow:auto}
.class-player-dialog .upcoming-pose{top:auto!important;right:22px!important;bottom:85px;max-width:32%;padding:10px;background:#f7f6f0;color:#203e36}.class-player-dialog.chrome-hidden .upcoming-pose{bottom:26px}
.learning-class-progress{position:absolute;bottom:4px;left:3%;width:94%;height:3px;z-index:3;appearance:none;border:0;background:#dce2d5;color:#668369}.learning-class-progress::-webkit-progress-bar{background:#dce2d5}.learning-class-progress::-webkit-progress-value{background:#668369}.learning-class-progress::-moz-progress-bar{background:#668369}
.class-player-dialog .playback-toolbar{bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:12px;padding:6px 12px;z-index:4}.class-player-dialog .playback-toolbar input{flex:1;min-width:30px;grid-area:auto}.class-player-dialog .playback-toolbar .class-clock{grid-area:auto;font-size:11px}.class-player-dialog .playback-toolbar .transport-play{width:44px;min-width:44px;height:44px;grid-area:auto}.class-player-dialog .playback-toolbar .transport-action{font-size:0;grid-area:auto;padding:10px}.class-player-dialog .playback-toolbar .transport-action svg{width:22px;height:22px;margin:0}
.class-player-dialog .music-mini{z-index:4;right:18px;top:50%;left:auto!important}.chrome-hidden .music-mini{opacity:0;pointer-events:none}.music-mini:focus-within{opacity:1;pointer-events:auto}.class-player-dialog .music-mini-open{background:#f7f6f0;color:#203e36}
.class-player-dialog .music-console{padding:0;border:0;box-shadow:none;background:transparent}.learning-music-sheet .music-mix,.learning-music-sheet .music-local{display:none}
@media(max-width:600px) and (orientation:portrait){.class-player-dialog .player-sheet{width:calc(100% - 24px)}.class-player-dialog .hud-pose{white-space:normal}.hud-pose-time:before{display:none}.class-player-dialog .playback-toolbar{gap:4px}.class-player-dialog .playback-toolbar .class-clock{display:none}}
.class-player-dialog .video-stage .video-hud .hud-bottom{max-width:none!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;width:100%!important}
.class-player-dialog .video-stage .video-hud .hud-bottom>div{max-width:none!important;padding:0!important;background:transparent!important}
.class-player-dialog .video-stage .video-hud .hud-pose{font:600 clamp(16px,2cqw,28px)/1.2 system-ui!important}
.class-player-dialog .video-stage .video-hud .hud-pose-time{font:500 clamp(18px,2.2cqw,30px)/1.2 system-ui!important;padding:0!important;margin-left:auto!important}

.class-player-dialog .video-stage{background:#fff!important}.class-player-dialog .teaching-layout{background:#fff}


/* Pose context sits directly on the stage, with no badge or shadow. */
.class-player-dialog .video-hud .hud-bottom>div,.class-player-dialog .video-hud .hud-pose,.class-player-dialog .video-hud .hud-pose-time{background:transparent!important;box-shadow:none;border:0;border-radius:0!important}

.class-player-dialog .player-header{color:#203e36}.class-player-dialog .player-header button{color:#203e36}
