/* Homepage player: neutral translucent glass matching the Hatha option pill. */
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .track-toggle,
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .image-playback{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(255,255,255,.08) 52%,rgba(255,255,255,.2))!important;
  box-shadow:inset 0 1px 3px rgba(255,255,255,.22),0 3px 9px rgba(12,21,17,.1)!important;
  -webkit-backdrop-filter:blur(14px) saturate(135%)!important;
  backdrop-filter:blur(14px) saturate(135%)!important;
  color:#fff!important;
}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .track-toggle[aria-pressed=true]{
  background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.12) 52%,rgba(255,255,255,.25))!important;
}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback):focus-visible{
  outline:2px solid rgba(255,255,255,.96)!important;
  outline-offset:3px!important;
}
/* The sequence script already adds .is-focused after playback settles and
   removes it on pointer, touch, or keyboard interaction. */
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .universal-player-nav{
  transition:opacity .55s ease,visibility .55s ease!important;
}
.ypc-sequence-morph :is(.landscape-screen.player-running.is-focused,.reduced-player-screen.player-running.is-focused) .universal-player-nav{
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
}
@media(prefers-reduced-transparency:reduce){
  .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback){
    background:rgba(65,76,70,.94)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .universal-player-nav{transition:none!important}
}

/* Compact glass controls; the native photo stays outside the blur layer. */
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback){width:28px!important;height:28px!important;min-height:0!important;padding:0!important;}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback) svg{width:14px!important;height:14px!important;}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .sound-controls{gap:7px!important;}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .track-toggle[aria-pressed=false]::after{left:6px!important;top:13px!important;width:16px!important;height:1px!important;}
/* Avoid rasterising the whole 340px phone before its landscape enlargement. */
.ypc-sequence-morph .phone-mover{filter:none;will-change:auto;}
.ypc-sequence-morph .current-pose img{display:block;filter:none;image-rendering:auto;}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
 .ypc-sequence-morph .reduced-player-screen :is(.track-toggle,.image-playback){width:20px!important;height:20px!important;}
 .ypc-sequence-morph .reduced-player-screen :is(.track-toggle,.image-playback) svg{width:11px!important;height:11px!important;}
 .ypc-sequence-morph .reduced-player-screen .track-toggle[aria-pressed=false]::after{left:4px!important;top:9px!important;width:12px!important;}
}

/* Keep playback on the audio-control baseline and maximise the native photo. */
.ypc-sequence-morph .player-details .sound-controls .image-playback{margin:0;}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen){grid-template-columns:28% 40% 32%;padding-top:7px;padding-bottom:12px;}
.ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .current-pose{border-radius:13px;}
.ypc-sequence-morph .time{display:flex;align-items:center;gap:10px;}
.ypc-sequence-morph .player-clock{flex:none;width:.65em;height:.65em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
 .ypc-sequence-morph .reduced-player-screen{padding-top:4px;padding-bottom:7px;}
 .ypc-sequence-morph .reduced-player-screen .current-pose{border-radius:6px;}
 .ypc-sequence-morph .reduced-player-screen .time{gap:4px;}
}

/* Warm studio palette for the supplied High Lunge photograph. */
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen){
  background:linear-gradient(180deg,#e7e0d7 2%,#e7e0d6 12%,#e7e0d6 26%,#e7dfd5 40%,#e6ded4 54%,#e4ddd3 69%,#ede6dc 82%,#f4ece3 97%);
  isolation:isolate;
  color:#30483b;
}
/* Interpolate across the studio, from the sampled left edge to the right edge. */
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(180deg,#e9e1d6 2%,#ebe4da 12%,#ede5db 26%,#ebe4da 40%,#eae2d8 54%,#e8e0d6 69%,#e8dfd6 82%,#f3ece2 97%);
  -webkit-mask-image:linear-gradient(90deg,transparent 31%,#000 66%);
  mask-image:linear-gradient(90deg,transparent 31%,#000 66%);
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .current-pose{
  background:transparent;
  border-radius:0;
}
html body .ypc-sequence-morph .current-pose img{
  object-fit:contain;
  /* Fade only the empty studio perimeter; preserve the person at full opacity. */
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 94%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 94%,transparent);
  mask-composite:intersect;
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.captions,.pose-name,.pose-name small,.count,.time,.up-next-head,.up-next-head span){
  color:#30483b;
  text-shadow:none;
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback){
  color:#30483b!important;
  background:linear-gradient(145deg,#ffffffb3,#ffffff4d 52%,#fff9)!important;
  box-shadow:inset 0 1px 3px #fff8,0 3px 9px #534a3914!important;
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .track-toggle[aria-pressed=true]{
  background:linear-gradient(145deg,#ffffffd4,#ffffff73 52%,#ffffffa6)!important;
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) :is(.track-toggle,.image-playback):focus-visible{
  outline-color:#30483b!important;
}
html body .ypc-sequence-morph .track-toggle:disabled{opacity:.4;cursor:default;}
html body .ypc-sequence-morph .universal-player-nav{color:#30483b!important;background:rgba(255,255,255,.28)!important;border-color:rgba(48,72,59,.1)!important;}
html body .ypc-sequence-morph .universal-player-nav button{color:#536357!important;}
html body .ypc-sequence-morph .universal-player-nav button[aria-pressed=true]{color:#234c39!important;}

/* Invisible copy column shared with the feature sections. */
html body .ypc-sequence-morph .story-copy--play{
  width:min(560px,calc(100% - 40px));
  max-width:560px;
  box-sizing:border-box;
}
html body .ypc-sequence-morph .story-copy--play p{
  max-width:500px;
  margin-inline:auto;
  text-wrap:pretty;
}
html body .ypc-sequence-morph .story-copy--play h2{
  text-wrap:balance;
}

/* The settled player uses layout zoom, not a magnified rotated texture.
   Keep the photographic hardware above it and remove the transition cover. */
.ypc-sequence-morph .landscape-screen.native-layout{
  left:var(--native-left);
  top:var(--native-top);
  zoom:var(--native-scale);
  transform:translate(-50%,-50%);
  z-index:1;
}
.ypc-sequence-morph .player-settled :is(.portrait-screen,.screen-cover){visibility:hidden;}

/* Extend the studio underneath the bezel; equal extra padding keeps the
   photo and controls in their existing positions and at their native size. */
html body .ypc-sequence-morph .landscape-screen{
  width:680px;
  height:326px;
  border-radius:45px;
  padding:18px 45px 23px;
}
html body .ypc-sequence-morph .landscape-screen .pose-progress{
  left:45px;
  right:45px;
  bottom:17px;
}

/* Larger spoken guidance and a neutral glass next-pose preview. */
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .up-next{
  padding-right:16px;
}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .up-next .captions{
  flex:1;
  height:auto;
  min-height:0;
  margin-top:12px;
  font-size:22px;
  line-height:1.35;
}
html body .ypc-sequence-morph .captions .caption-phrase{
  margin:0;
  font:inherit;
}
html body .ypc-sequence-morph .up-next-preview{
  width:100%;
  align-self:stretch;
  gap:8px;
  padding:8px;
  border:1px solid #ffffff94;
  border-radius:14px;
  background:linear-gradient(145deg,#ffffff80,#ffffff26 55%,#ffffff57);
  box-shadow:inset 0 1px 2px #ffffff9c,inset 0 -1px 1px #6c665414,0 4px 12px #534a3912;
  -webkit-backdrop-filter:blur(14px) saturate(115%);
  backdrop-filter:blur(14px) saturate(115%);
  transition:opacity .55s ease;
}
html body .ypc-sequence-morph .up-next-preview :is(.up-next-head,.up-next-head span){
  color:#66656c;
  text-shadow:none;
}
html body .ypc-sequence-morph .up-next-preview .up-next-head{font-size:13px;gap:3px;}
html body .ypc-sequence-morph .up-next-preview .up-next-head span:last-child{font-size:14px;}
html body .ypc-sequence-morph .is-focused .up-next-preview{opacity:0;pointer-events:none;}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
  html body .ypc-sequence-morph .reduced-player-screen .up-next .captions{font-size:11px;margin-top:6px;}
  html body .ypc-sequence-morph .reduced-player-screen .up-next{padding-right:12px;}
  html body .ypc-sequence-morph .reduced-player-screen .up-next-preview{gap:5px;padding:5px;border-radius:9px;}
  html body .ypc-sequence-morph .reduced-player-screen .up-next-head{font-size:8px;gap:1px;}
  html body .ypc-sequence-morph .reduced-player-screen .up-next-head span:last-child{font-size:9px;}
}
@media(prefers-reduced-transparency:reduce){
  html body .ypc-sequence-morph .up-next-preview{background:#f2ede6;-webkit-backdrop-filter:none;backdrop-filter:none;}
}
@media(prefers-reduced-motion:reduce){
  html body .ypc-sequence-morph .up-next-preview{transition:none;}
}

/* Name the current sequence before its pose count. */
html body .ypc-sequence-morph .player-details .sequence-name{
  margin:0 0 5px;
  color:#30483b;
  font-size:18px;
  font-weight:600;
  line-height:1.25;
  white-space:normal;
  transition:opacity .55s ease;
}
html body .ypc-sequence-morph .is-focused .sequence-name{opacity:0;}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
  html body .ypc-sequence-morph .reduced-player-screen .sequence-name{font-size:10px;margin-bottom:3px;}
}
@media(prefers-reduced-motion:reduce){
  html body .ypc-sequence-morph .sequence-name{transition:none;}
}

/* Chair's raised hands remain fully opaque inside the native framing. */
html body .ypc-sequence-morph .current-pose img[data-player-pose="chair"]{
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
}