/** Shopify CDN: Minification failed

Line 9:4 Unexpected "600"
Line 9:23 Unterminated string token

**/

@scope (.student-content) {
500;600&display=swap');

.ypc-sequence-morph{font-family:Centra,Arial,sans-serif;color:#26302b;background:#f7f7f3;font-synthesis:none}
.ypc-sequence-morph *{box-sizing:border-box}
.ypc-sequence-morph{scroll-behavior:auto}
.ypc-sequence-morph{margin:0;overflow-x:hidden}
.ypc-sequence-morph .scroll-story{height:205svh;min-height:980px;position:relative}
.ypc-sequence-morph .sticky-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 77% 62%,#dfede8 0%,transparent 36%),radial-gradient(ellipse at 27% 90%,#f6eae6 0%,transparent 38%),#f7f7f3;isolation:isolate}
.ypc-sequence-morph .story-copy{position:absolute;z-index:3;max-width:630px;pointer-events:none}
.ypc-sequence-morph .story-copy h1,.ypc-sequence-morph .story-copy h2{font-size:clamp(42px,5.2vw,74px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:0 0 22px}
.ypc-sequence-morph .story-copy p{color:#66656c;font-size:clamp(17px,1.55vw,23px);line-height:1.55;margin:0;max-width:610px}
.ypc-sequence-morph .story-copy--build{left:8%;top:50%;width:41%;transform:translateY(-50%);opacity:var(--build-opacity,1)}
.ypc-sequence-morph .story-copy--play{left:50%;top:clamp(220px,23svh,265px);width:min(780px,88%);max-width:none;text-align:center;transform:translateX(-50%);opacity:var(--play-opacity,0)}
@media (min-width:1151px){.ypc-sequence-morph .story-copy--play{top:clamp(155px,17.5svh,195px)}}
.ypc-sequence-morph .story-copy--play p{max-width:760px;margin:auto}
.ypc-sequence-morph .phone-anchor{position:absolute;left:50%;top:50%;width:340px;height:704px;transform:translate(-50%,-50%);z-index:2;perspective:1600px;pointer-events:none}
.ypc-sequence-morph .phone-mover{width:100%;height:100%;transform:translate3d(var(--phone-x,22vw),var(--phone-y,0px),0) rotateZ(var(--phone-rotate,0deg)) rotateY(var(--phone-tilt,0deg)) scale(var(--phone-scale,1));transform-origin:center;will-change:transform;filter:drop-shadow(0 28px 29px #1f322a31)}
.ypc-sequence-morph .phone{width:100%;height:100%;position:relative}
.ypc-sequence-morph .hardware{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:5;pointer-events:none}
.ypc-sequence-morph .portrait-screen{position:absolute;z-index:1;inset:1.7% 4%;border-radius:43px;overflow:hidden;background:#342d31;opacity:var(--portrait-opacity,1)}
.ypc-sequence-morph .setup-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.ypc-sequence-morph .setup-shade{position:absolute;inset:0;background:linear-gradient(180deg,#1a151214 0%,transparent 27%,#110d1114 62%,#1b121c46 100%)}
.ypc-sequence-morph .duration-ring{position:absolute;top:48px;left:50%;width:218px;height:218px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:#fff;text-shadow:0 1px 5px #1514187a}
.ypc-sequence-morph .ring-graphic{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.ypc-sequence-morph .ring-track{stroke:#ffffffa6;stroke-width:5}.ypc-sequence-morph .ring-progress{stroke:#fff;stroke-width:5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center}.ypc-sequence-morph .ring-handle{fill:#4b836b;stroke:#fff;stroke-width:3}
.ypc-sequence-morph .duration-label{font-size:13px;margin-top:53px}.ypc-sequence-morph .duration-value{font-size:72px;font-weight:500;line-height:1.1;letter-spacing:-.06em}.ypc-sequence-morph .duration-unit{font-size:13px}
.ypc-sequence-morph .setup-options{position:absolute;left:5%;right:5%;bottom:88px;padding:10px 14px;border:1px solid #ffffff78;border-radius:24px;background:#30272ebf;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);color:#fff;box-shadow:0 14px 28px #241b2633}
.ypc-sequence-morph .setup-row{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.ypc-sequence-morph .setup-row+.setup-row{border-top:1px solid #ffffff31}.ypc-sequence-morph .select-shell{position:relative;display:inline-flex;align-items:center;max-width:68%;min-width:105px;padding-right:16px;font-size:15px;font-weight:500;text-align:right}.ypc-sequence-morph .select-shell::after{content:'';position:absolute;right:2px;top:calc(50% - 5px);width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);pointer-events:none}.ypc-sequence-morph .value-window{position:relative;display:block;width:100%;height:23px;overflow:hidden;white-space:nowrap}.ypc-sequence-morph .value-outgoing,.ypc-sequence-morph .value-incoming{position:absolute;inset:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ypc-sequence-morph .value-incoming{visibility:hidden}.ypc-sequence-morph .select-shell select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:auto}.ypc-sequence-morph .select-shell:focus-within{outline:2px solid #d4fff5;outline-offset:5px;border-radius:4px}
.ypc-sequence-morph .practice-button{position:absolute;left:5%;right:5%;bottom:23px;width:90%;height:51px;border:0;border-radius:999px;background:linear-gradient(110deg,#008e79,#003d31);color:#fff;font:500 16px Centra,Arial,sans-serif;cursor:pointer;pointer-events:auto;box-shadow:0 10px 20px #112f2a3d;transform:translateY(calc(var(--press-depth,0)*4px)) scale(calc(1 - var(--press-depth,0)*.09));transition:box-shadow .18s ease,filter .18s ease;filter:brightness(calc(1 - var(--press-depth,0)*.26))}
.ypc-sequence-morph .practice-button::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px #d4fff5;opacity:var(--press-depth,0);pointer-events:none}.ypc-sequence-morph .practice-button svg{position:absolute;right:18px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ypc-sequence-morph .practice-button:focus-visible{outline:3px solid #fff;outline-offset:-6px}.ypc-sequence-morph .practice-button:hover{filter:brightness(1.1)}.ypc-sequence-morph .practice-button.is-pressed{--press-depth:1;box-shadow:0 2px 4px #112f2a44;filter:brightness(.74)}
.ypc-sequence-morph .screen-cover{position:absolute;z-index:2;inset:1.7% 4%;border-radius:43px;background:radial-gradient(ellipse at 68% 26%,#594035 0%,#443032 42%,#222b29 100%);clip-path:inset(var(--cover-top,100%) 0 0 0 round 43px);pointer-events:none}
.ypc-sequence-morph .landscape-screen{position:absolute;z-index:3;left:50%;top:50%;width:650px;height:304px;transform:translate(-50%,-50%) rotate(-90deg);border-radius:29px;overflow:hidden;background:radial-gradient(ellipse at 68% 26%,#594035 0%,#443032 42%,#222b29 100%);color:#f7f7f4;display:grid;grid-template-columns:28% 37% 35%;grid-template-rows:1fr 60px;padding:22px 30px 15px;opacity:var(--landscape-opacity,0);pointer-events:none}
.ypc-sequence-morph .landscape-screen.is-active{pointer-events:auto}
.ypc-sequence-morph .player-details{display:flex;flex-direction:column;padding:4px 14px 0 0;white-space:nowrap}.ypc-sequence-morph .count{font-size:14px;color:#d6e3dd}.ypc-sequence-morph .time{font-size:28px;margin-top:22px;letter-spacing:-.04em}.ypc-sequence-morph .pose-name{font-size:23px;margin-top:auto;margin-bottom:10px}.ypc-sequence-morph .pose-name small{display:block;font-size:13px;margin-top:9px;color:#d6e3dd}
.ypc-sequence-morph .current-pose{min-width:0;min-height:0;border-radius:19px;overflow:hidden;background:#e8dfd5}.ypc-sequence-morph .current-pose img{width:100%;height:100%;object-fit:cover}
.ypc-sequence-morph .up-next{padding:12px 28px 0 27px;font-size:15px}.ypc-sequence-morph .up-next img{display:block;width:100%;height:135px;object-fit:cover;border-radius:16px;margin-top:20px}.ypc-sequence-morph .up-next span{display:block;margin-top:10px;font-size:13px}
.ypc-sequence-morph .transport{grid-column:1/-1;display:flex;gap:45px;justify-content:center;align-items:center;font-size:14px}.ypc-sequence-morph .transport .muted{opacity:.48}.ypc-sequence-morph .transport .play{background:#007e65;padding:12px 34px;border-radius:999px;color:#fff}
.ypc-sequence-morph .stage-shadow{position:absolute;left:50%;top:88%;width:min(600px,60vw);height:70px;transform:translateX(-50%) scale(var(--shadow-scale,1));background:#455e4930;border-radius:50%;filter:blur(31px);opacity:var(--shadow-opacity,.15);pointer-events:none}
.ypc-sequence-morph .reduced-player{display:none}
@media(max-width:850px){.ypc-sequence-morph .scroll-story{height:205svh;min-height:980px}.ypc-sequence-morph .story-copy--build{top:6%;left:50%;width:min(630px,89%);text-align:center;transform:translateX(-50%)}.ypc-sequence-morph .story-copy--play{top:clamp(140px,19svh,175px);width:90%}.ypc-sequence-morph .story-copy h1,.ypc-sequence-morph .story-copy h2{font-size:clamp(35px,8vw,54px);margin-bottom:11px}.ypc-sequence-morph .story-copy p{font-size:clamp(15px,3.8vw,19px)}.ypc-sequence-morph .sticky-stage{background:radial-gradient(ellipse at 55% 72%,#dfede8 0%,transparent 45%),#f7f7f3}.ypc-sequence-morph .phone-anchor{top:50%}.ypc-sequence-morph .stage-shadow{top:88%;width:75vw}}
@media(max-width:500px){.ypc-sequence-morph .story-copy--build{top:5%}.ypc-sequence-morph .story-copy--play{top:clamp(135px,19svh,160px)}.ypc-sequence-morph .story-copy h1,.ypc-sequence-morph .story-copy h2{font-size:38px}.ypc-sequence-morph .story-copy p{font-size:16px;line-height:1.45}.ypc-sequence-morph .phone-anchor{top:50%}.ypc-sequence-morph .landscape-screen{font-weight:500}}
@media(max-width:850px){.ypc-sequence-morph .story-copy--play{top:clamp(210px,31.5svh,275px)}}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .scroll-story{height:auto;min-height:0}.ypc-sequence-morph .sticky-stage{height:auto;min-height:0;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;padding:50px 20px 70px;gap:26px}.ypc-sequence-morph .story-copy{position:static;transform:none;width:min(700px,100%);max-width:none;text-align:center;opacity:1}.ypc-sequence-morph .story-copy--play{margin-top:30px}.ypc-sequence-morph .story-copy p{margin:auto}.ypc-sequence-morph .phone-anchor{position:relative;left:auto;top:auto;transform:none;width:min(290px,80vw);height:auto;aspect-ratio:340/704;margin:0 auto}.ypc-sequence-morph .phone-mover{transform:none!important}.ypc-sequence-morph .phone-anchor .portrait-screen{opacity:1}.ypc-sequence-morph .phone-anchor .landscape-screen{opacity:0}.ypc-sequence-morph .reduced-player{display:block;width:min(700px,94vw);aspect-ratio:704/340;position:relative;filter:drop-shadow(0 18px 24px #1f322a31)}.ypc-sequence-morph .reduced-player-screen{position:absolute;inset:4% 2%;display:grid;grid-template-columns:28% 37% 35%;grid-template-rows:1fr 60px;padding:3% 4% 2%;border-radius:32px;background:radial-gradient(ellipse at 68% 26%,#594035 0%,#443032 42%,#222b29 100%);color:#fff;overflow:hidden}.ypc-sequence-morph .reduced-player>img{position:absolute;left:50%;top:50%;width:48.3%;height:206.9%;transform:translate(-50%,-50%) rotate(90deg);object-fit:contain;pointer-events:none}.ypc-sequence-morph .stage-shadow{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr) 27px;padding:8px 15px 7px;border-radius:20px}.ypc-sequence-morph .reduced-player-screen .player-details{padding:0 3px 0 0}.ypc-sequence-morph .reduced-player-screen .count{font-size:8px}.ypc-sequence-morph .reduced-player-screen .time{font-size:13px;margin-top:6px}.ypc-sequence-morph .reduced-player-screen .pose-name{font-size:11px;margin-bottom:2px}.ypc-sequence-morph .reduced-player-screen .pose-name small{font-size:7px;margin-top:2px}.ypc-sequence-morph .reduced-player-screen .current-pose{border-radius:9px}.ypc-sequence-morph .reduced-player-screen .up-next{min-height:0;overflow:hidden;padding:3px 14px 0 9px;font-size:8px}.ypc-sequence-morph .reduced-player-screen .up-next img{height:54px;margin-top:5px;border-radius:6px}.ypc-sequence-morph .reduced-player-screen .up-next span{font-size:7px;margin-top:3px}.ypc-sequence-morph .reduced-player-screen .transport{gap:13px;font-size:8px}.ypc-sequence-morph .reduced-player-screen .transport .play{padding:5px 12px}}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .phone-anchor .screen-cover{clip-path:inset(100% 0 0 0)}}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .story-copy--build{order:0}.ypc-sequence-morph .phone-anchor{order:1}.ypc-sequence-morph .story-copy--play{order:2}.ypc-sequence-morph .reduced-player{order:3}}

/* Compact player controls and speech cues */
.ypc-sequence-morph .landscape-screen,.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr) 33px 40px}
.ypc-sequence-morph .landscape-screen{padding:19px 30px 12px}
.ypc-sequence-morph .player-details{grid-column:1;grid-row:1/3;padding:2px 10px 0 0}
.ypc-sequence-morph .count{font-size:13px}.ypc-sequence-morph .time{font-size:26px;margin-top:12px}.ypc-sequence-morph .pose-name{font-size:21px;margin-top:22px;margin-bottom:0}.ypc-sequence-morph .pose-name small{font-size:12px;margin-top:5px}
.ypc-sequence-morph .sound-controls{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:11px}
.ypc-sequence-morph .track-toggle{border:1px solid #ffffff52;border-radius:999px;background:#183c349c;color:#fff;min-height:28px;padding:4px 9px;font:500 11px Centra,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.ypc-sequence-morph .track-toggle[aria-pressed=false]{background:#1c2425b8;color:#bccac6}
.ypc-sequence-morph .track-toggle:hover,.ypc-sequence-morph .transport button:hover{filter:brightness(1.2)}
.ypc-sequence-morph .track-toggle:focus-visible,.ypc-sequence-morph .transport button:focus-visible{outline:2px solid #d4fff5;outline-offset:2px}
.ypc-sequence-morph .current-pose{grid-column:2;grid-row:1;border-radius:18px}
.ypc-sequence-morph .up-next{grid-column:3;grid-row:1;padding:7px 21px 0 25px;font-size:14px}.ypc-sequence-morph .up-next img{height:112px;margin-top:13px;border-radius:15px}.ypc-sequence-morph .up-next span{margin-top:7px;font-size:12px}
.ypc-sequence-morph .captions{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;text-align:center;padding:1px 5px;color:#fff;font-size:12px;font-weight:600;line-height:1.25;text-shadow:0 1px 4px #1118}
.ypc-sequence-morph .transport{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;align-items:center;font-size:13px}
.ypc-sequence-morph .transport button{border:0;background:none;color:#f5f8f5;font:500 13px Centra,Arial,sans-serif;cursor:pointer;min-height:32px}
.ypc-sequence-morph .transport .back-button{text-align:left}.ypc-sequence-morph .transport .skip-button{text-align:right}
.ypc-sequence-morph .play-slot{position:relative;display:flex;justify-content:center;align-items:center}
.ypc-sequence-morph .transport .start-button{background:#007e65;padding:7px 28px;border-radius:999px;color:#fff;transition:opacity .25s,transform .25s}
.ypc-sequence-morph .transport .pause-button{position:absolute;opacity:0;pointer-events:none;transition:opacity .25s}
.ypc-sequence-morph .player-running .start-button{opacity:0;pointer-events:none;transform:scale(.85)}
.ypc-sequence-morph .player-running .pause-button{opacity:.86;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr) 33px 40px}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr) 22px 25px}.ypc-sequence-morph .reduced-player-screen .pose-name{margin-top:6px}.ypc-sequence-morph .reduced-player-screen .sound-controls{gap:2px;margin-top:3px}.ypc-sequence-morph .reduced-player-screen .track-toggle{font-size:7px;min-height:16px;padding:1px 4px}.ypc-sequence-morph .reduced-player-screen .captions{font-size:8px}.ypc-sequence-morph .reduced-player-screen .transport{gap:0}.ypc-sequence-morph .reduced-player-screen .transport button{font-size:8px;min-height:21px}.ypc-sequence-morph .reduced-player-screen .transport .start-button{padding:3px 12px}}
@media(max-width:500px) and (prefers-reduced-motion:no-preference){.ypc-sequence-morph .landscape-screen{grid-template-rows:minmax(0,1fr) 48px 40px}.ypc-sequence-morph .landscape-screen .captions{font-size:18px}.ypc-sequence-morph .landscape-screen .track-toggle{font-size:14px;min-height:32px}.ypc-sequence-morph .landscape-screen .sound-controls{gap:4px;margin-top:7px}.ypc-sequence-morph .landscape-screen .time{font-size:25px;margin-top:6px}.ypc-sequence-morph .landscape-screen .pose-name{font-size:20px;margin-top:8px}.ypc-sequence-morph .landscape-screen .up-next img{height:103px}.ypc-sequence-morph .landscape-screen .transport button{font-size:15px}}

.ypc-sequence-morph .sound-controls{flex-direction:row;align-items:center;gap:3px;margin-top:7px}
.ypc-sequence-morph .track-toggle,.ypc-sequence-morph .track-toggle[aria-pressed=false]{position:relative;display:grid;place-items:center;width:42px;height:39px;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;opacity:1}
.ypc-sequence-morph .track-toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ypc-sequence-morph .track-toggle[aria-pressed=false] svg{opacity:.52}
.ypc-sequence-morph .track-toggle[aria-pressed=false]::after{content:'';position:absolute;left:8px;top:19px;width:27px;height:1.7px;background:#fff;transform:rotate(-43deg);box-shadow:0 0 2px #241b26}
.ypc-sequence-morph .track-toggle:hover{filter:none;opacity:.72}
.ypc-sequence-morph .track-toggle:focus-visible{outline:2px solid #d4fff5;outline-offset:-2px;border-radius:6px}
@media(max-width:500px) and (prefers-reduced-motion:no-preference){.ypc-sequence-morph .landscape-screen .sound-controls{gap:2px;margin-top:4px}.ypc-sequence-morph .landscape-screen .track-toggle{width:46px;height:43px;min-height:0}.ypc-sequence-morph .landscape-screen .track-toggle svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.ypc-sequence-morph .reduced-player-screen .sound-controls{gap:2px;margin-top:2px}.ypc-sequence-morph .reduced-player-screen .track-toggle{width:26px;height:24px;min-height:0;padding:0}.ypc-sequence-morph .reduced-player-screen .track-toggle svg{width:17px;height:17px}.ypc-sequence-morph .reduced-player-screen .track-toggle[aria-pressed=false]::after{left:4px;top:11px;width:18px;height:1px}}
.ypc-sequence-morph { background: transparent; width: 100%; overflow: visible; }
.ypc-sequence-morph .sticky-stage { background: transparent; }
.ypc-sequence-morph .screen-cover { display: block; }

/* Final setup selections and image-centered playback */
.ypc-sequence-morph .setup-row .select-shell{width:72%;max-width:none;min-width:0;justify-content:flex-end;padding-right:17px;font-size:14px}
.ypc-sequence-morph .setup-row .value-window{width:100%;min-width:0}
.ypc-sequence-morph .setup-row .value-outgoing,.ypc-sequence-morph .setup-row .value-incoming{overflow:visible;text-overflow:clip}
.ypc-sequence-morph .landscape-screen,.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr)}
.ypc-sequence-morph .player-details{grid-row:1}
.ypc-sequence-morph .current-pose{position:relative;grid-row:1}
.ypc-sequence-morph .up-next{grid-row:1;display:flex;flex-direction:column;min-width:0;padding:5px 38px 0 17px}
.ypc-sequence-morph .up-next-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;white-space:nowrap;font-size:13px;line-height:1.2}
.ypc-sequence-morph .up-next-head span{margin:0;font-size:inherit}
.ypc-sequence-morph .up-next img{width:72px;height:72px;margin:12px 0 0;border-radius:11px;object-fit:cover}
.ypc-sequence-morph .up-next .captions{display:block;min-height:2.5em;margin-top:12px;padding:0;color:#fff;text-align:left;font-size:14px;font-weight:600;line-height:1.25;text-shadow:0 1px 4px #1118}
.ypc-sequence-morph .image-playback{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:54px;height:54px;padding:0;border:1px solid #ffffffad;border-radius:50%;background:#1727239e;color:#fff;transform:translate(-50%,-50%);cursor:pointer;opacity:.87;transition:opacity .2s,background .2s}
.ypc-sequence-morph .image-playback:hover{opacity:1;background:#13241fca}
.ypc-sequence-morph .image-playback:focus-visible{outline:3px solid #d4fff5;outline-offset:3px}
.ypc-sequence-morph .image-playback svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.ypc-sequence-morph .image-playback .icon-pause,.ypc-sequence-morph .image-playback .icon-replay{display:none}
.ypc-sequence-morph .image-playback[data-state="pause"] .icon-pause,.ypc-sequence-morph .image-playback[data-state="replay"] .icon-replay{display:block}
.ypc-sequence-morph .image-playback[data-state="pause"] .icon-play,.ypc-sequence-morph .image-playback[data-state="replay"] .icon-play{display:none}
@media(max-width:500px) and (prefers-reduced-motion:no-preference){
.ypc-sequence-morph .landscape-screen .up-next{padding:5px 38px 0 13px}
.ypc-sequence-morph .landscape-screen .up-next-head{font-size:15px;gap:7px}
.ypc-sequence-morph .landscape-screen .up-next img{width:68px;height:68px;margin-top:12px}
.ypc-sequence-morph .landscape-screen .up-next .captions{font-size:17px;margin-top:11px}
.ypc-sequence-morph .landscape-screen .image-playback{width:76px;height:76px}
.ypc-sequence-morph .landscape-screen .image-playback svg{width:32px;height:32px}
}
@media(prefers-reduced-motion:reduce){
.ypc-sequence-morph .reduced-player-screen{grid-template-rows:minmax(0,1fr)}
.ypc-sequence-morph .reduced-player-screen .up-next{padding:4px 34px 0 14px}
.ypc-sequence-morph .reduced-player-screen .up-next img{width:70px;height:70px}
}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
.ypc-sequence-morph .reduced-player-screen .up-next{padding:2px 13px 0 7px}
.ypc-sequence-morph .reduced-player-screen .up-next-head{font-size:8px;gap:3px}
.ypc-sequence-morph .reduced-player-screen .up-next img{width:40px;height:40px;margin-top:6px;border-radius:6px}
.ypc-sequence-morph .reduced-player-screen .up-next .captions{font-size:8px;min-height:2.5em;margin-top:5px}
.ypc-sequence-morph .reduced-player-screen .image-playback{width:36px;height:36px}
.ypc-sequence-morph .reduced-player-screen .image-playback svg{width:18px;height:18px}
}

/* Quiet playback state after five active seconds */
.ypc-sequence-morph .count,.ypc-sequence-morph .pose-name,.ypc-sequence-morph .sound-controls,.ypc-sequence-morph .up-next-head,.ypc-sequence-morph .up-next img,.ypc-sequence-morph .image-playback{transition:opacity .55s ease}
.ypc-sequence-morph .time{transition:opacity .55s ease,transform .55s ease;transform-origin:left center}
.ypc-sequence-morph .is-focused .count,.ypc-sequence-morph .is-focused .pose-name,.ypc-sequence-morph .is-focused .sound-controls,.ypc-sequence-morph .is-focused .up-next-head,.ypc-sequence-morph .is-focused .up-next img,.ypc-sequence-morph .is-focused .image-playback{opacity:0}
.ypc-sequence-morph .is-focused .time{opacity:.5;transform:scale(.72)}
.ypc-sequence-morph .is-focused .sound-controls{pointer-events:none}
.ypc-sequence-morph .is-focused.needs-sound .sound-controls{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .count,.ypc-sequence-morph .pose-name,.ypc-sequence-morph .sound-controls,.ypc-sequence-morph .up-next-head,.ypc-sequence-morph .up-next img,.ypc-sequence-morph .image-playback,.ypc-sequence-morph .time{transition:none}}

.ypc-sequence-morph .phone-anchor:has(.landscape-screen.is-active){pointer-events:auto}
.ypc-sequence-morph .up-next{padding:5px 30px 13px 16px}
.ypc-sequence-morph .up-next .captions{display:flex;flex-direction:column;justify-content:safe flex-end;align-items:stretch;flex:none;width:100%;height:7.5em;min-height:0;margin:20px 0 0;padding:0;overflow:hidden;font-size:15px;line-height:1.3;text-align:left}
.ypc-sequence-morph .caption-phrase{display:block;width:100%;opacity:0;transition:opacity .14s ease}
.ypc-sequence-morph .caption-phrase.is-visible{opacity:1}
.ypc-sequence-morph .caption-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ypc-sequence-morph .up-next-preview{display:flex;align-items:center;align-self:flex-end;gap:7px;margin-top:auto;min-width:0}
.ypc-sequence-morph .up-next-preview img{flex:none;width:40px;height:40px;margin:0;border-radius:6px}
.ypc-sequence-morph .up-next-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;font-size:11px;line-height:1.1}
.ypc-sequence-morph .up-next-head span:last-child{font-size:12px;font-weight:600}
.ypc-sequence-morph .pose-progress{position:absolute;z-index:4;left:30px;right:30px;bottom:6px;height:4px;border-radius:99px;background:#b9c5bd30;overflow:hidden;pointer-events:none}
.ypc-sequence-morph .pose-progress-fill{display:block;width:var(--progress-completed,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,#52766a,#23463e);opacity:.8}
@media(max-width:500px) and (prefers-reduced-motion:no-preference){.ypc-sequence-morph .landscape-screen .up-next{padding:5px 30px 15px 13px}.ypc-sequence-morph .landscape-screen .up-next .captions{font-size:15px;margin-top:20px}.ypc-sequence-morph .landscape-screen .up-next-preview img{width:42px;height:42px}.ypc-sequence-morph .landscape-screen .up-next-head{font-size:11px;gap:1px}.ypc-sequence-morph .landscape-screen .up-next-head span:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .caption-phrase{transition:none}.ypc-sequence-morph .reduced-player-screen .up-next{padding:4px 28px 13px 13px}}
@media(prefers-reduced-motion:reduce) and (max-width:600px){.ypc-sequence-morph .reduced-player-screen .up-next{padding:2px 12px 8px 7px}.ypc-sequence-morph .reduced-player-screen .up-next .captions{height:7.5em;margin-top:6px;font-size:8px}.ypc-sequence-morph .reduced-player-screen .up-next-preview{gap:3px}.ypc-sequence-morph .reduced-player-screen .up-next-preview img{width:20px;height:20px;border-radius:3px}.ypc-sequence-morph .reduced-player-screen .up-next-head{font-size:6px;gap:0}.ypc-sequence-morph .reduced-player-screen .up-next-head span:last-child{font-size:7px}.ypc-sequence-morph .reduced-player-screen .pose-progress{left:15px;right:15px;bottom:3px;height:2px}}

/* Playback sits with the sound controls, clear of the pose photo. */
.ypc-sequence-morph .player-details .image-playback{position:static;left:auto;top:auto;flex:none;width:42px;height:42px;margin-top:8px;transform:none}
.ypc-sequence-morph .player-details .image-playback svg{width:22px;height:22px}
@media(prefers-reduced-motion:reduce) and (max-width:600px){
  .ypc-sequence-morph .reduced-player-screen .player-details .image-playback{width:25px;height:25px;margin-top:3px}
  .ypc-sequence-morph .reduced-player-screen .player-details .image-playback svg{width:14px;height:14px}
}

/* Keep the audio recovery action legible outside the scaled device. */
.ypc-sequence-morph .play-audio{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;margin-top:14px;border:1px solid #ffffff66;border-radius:999px;background:linear-gradient(120deg,#377c68,#073f34);box-shadow:inset 0 1px 0 #ffffff40,0 4px 12px #173e3020;color:#fff;font:500 15px Centra,Arial,sans-serif;cursor:pointer;pointer-events:auto}
.ypc-sequence-morph .play-audio[hidden]{display:none}
.ypc-sequence-morph .play-audio svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.ypc-sequence-morph .play-audio:focus-visible{outline:3px solid #377c68;outline-offset:4px}

/* Textured navigation shared by the rounded landing-page screens. */
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) {
  --ys-nav-background-image: radial-gradient(circle at 27% 29%,rgba(222,239,218,0.206) 0 0.15px,transparent 0.41px),radial-gradient(circle at 64% 62%,rgba(222,239,218,0.208) 0 0.16px,transparent 0.34px),radial-gradient(circle at 36% 60%,rgba(222,239,218,0.099) 0 0.16px,transparent 0.40px),radial-gradient(circle at 80% 28%,rgba(222,239,218,0.184) 0 0.22px,transparent 0.48px),radial-gradient(circle at 43% 69%,rgba(222,239,218,0.205) 0 0.25px,transparent 0.44px),radial-gradient(circle at 54% 50%,rgba(222,239,218,0.168) 0 0.16px,transparent 0.42px),radial-gradient(circle at 62% 48%,rgba(222,239,218,0.153) 0 0.31px,transparent 0.61px),radial-gradient(circle at 15% 83%,rgba(222,239,218,0.239) 0 0.19px,transparent 0.44px),radial-gradient(circle at 8% 56%,rgba(222,239,218,0.229) 0 0.18px,transparent 0.40px),radial-gradient(circle at 74% 39%,rgba(222,239,218,0.094) 0 0.23px,transparent 0.44px),radial-gradient(circle at 45% 37%,rgba(222,239,218,0.115) 0 0.26px,transparent 0.53px),radial-gradient(circle at 14% 48%,rgba(222,239,218,0.174) 0 0.15px,transparent 0.36px),radial-gradient(circle at 70% 74%,rgba(222,239,218,0.121) 0 0.29px,transparent 0.48px),radial-gradient(circle at 13% 68%,rgba(222,239,218,0.235) 0 0.14px,transparent 0.42px),radial-gradient(circle at 8% 53%,rgba(222,239,218,0.164) 0 0.22px,transparent 0.48px),radial-gradient(circle at 29% 18%,rgba(222,239,218,0.193) 0 0.15px,transparent 0.39px),radial-gradient(circle at 60% 32%,rgba(222,239,218,0.239) 0 0.14px,transparent 0.41px),radial-gradient(circle at 22% 11%,rgba(222,239,218,0.186) 0 0.18px,transparent 0.43px),radial-gradient(circle at 57% 50%,rgba(222,239,218,0.202) 0 0.30px,transparent 0.61px),radial-gradient(circle at 38% 24%,rgba(222,239,218,0.151) 0 0.19px,transparent 0.48px),radial-gradient(circle at 35% 75%,rgba(222,239,218,0.127) 0 0.17px,transparent 0.39px),radial-gradient(circle at 31% 37%,rgba(222,239,218,0.235) 0 0.15px,transparent 0.41px),radial-gradient(circle at 14% 70%,rgba(222,239,218,0.108) 0 0.30px,transparent 0.56px),radial-gradient(circle at 76% 9%,rgba(222,239,218,0.194) 0 0.30px,transparent 0.55px),radial-gradient(circle at 36% 67%,rgba(222,239,218,0.186) 0 0.30px,transparent 0.50px),radial-gradient(circle at 60% 60%,rgba(222,239,218,0.099) 0 0.14px,transparent 0.41px),radial-gradient(circle at 17% 11%,rgba(222,239,218,0.092) 0 0.22px,transparent 0.52px),radial-gradient(circle at 18% 82%,rgba(222,239,218,0.224) 0 0.20px,transparent 0.46px),radial-gradient(ellipse at 8% 104%,#52816b70,transparent 43%),radial-gradient(ellipse at 65% 98%,#41786575,transparent 47%),radial-gradient(ellipse at 30% -35%,#031f1b85,transparent 65%),linear-gradient(113deg,#1a4b3e,#103d32 50%,#123e32);
  --ys-nav-background-size: 11.1px 18.0px,26.9px 22.5px,13.6px 20.3px,16.8px 12.4px,26.5px 26.7px,11.4px 30.0px,12.6px 27.7px,25.5px 15.5px,24.4px 20.9px,22.3px 19.6px,13.4px 23.2px,23.5px 12.4px,16.6px 16.1px,12.3px 15.3px,10.4px 17.6px,17.0px 20.7px,16.8px 14.9px,22.2px 19.3px,18.1px 25.3px,19.4px 16.9px,11.8px 15.8px,16.3px 24.7px,25.1px 28.6px,22.1px 30.5px,11.4px 15.9px,27.1px 23.3px,23.1px 15.5px,16.9px 24.3px,100% 100%,100% 100%,100% 100%,100% 100%;
  --ys-nav-background-position: 13.4px 4.7px,12.4px 2.8px,14.5px 5.2px,7.9px 1.9px,9.3px 5.5px,14.5px 5.7px,14.1px 4.8px,10.3px 2.4px,5.3px 13.5px,10.9px 12.3px,11.3px 10.3px,12.0px 9.6px,11.9px 11.5px,10.6px 0.5px,1.6px 11.7px,4.9px 6.6px,2.1px 4.4px,10.5px 9.9px,2.8px 0.0px,13.5px 12.6px,12.0px 4.8px,10.9px 12.6px,10.4px 12.6px,13.1px 3.9px,7.3px 14.6px,13.4px 3.7px,0.9px 0.1px,2.6px 8.0px,center,center,center,center;
  --ys-nav-background-repeat: repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,no-repeat,no-repeat,no-repeat,no-repeat;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel) {
  bottom: calc(1.7% - 1px) !important;
  --pt-ink: #243c32;
  --pt-muted: #52635a;
  --pt-surface: #fff;
  --pt-raised: #f4f6f5;
  --pt-gradient: #fff;
  --pt-edge: #d4dbd7;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav {
background-image:var(--ys-nav-background-image)!important;
background-size:var(--ys-nav-background-size)!important;
background-position:var(--ys-nav-background-position)!important;
background-repeat:var(--ys-nav-background-repeat)!important;
  background-color: #103e33 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  box-sizing: border-box;
  flex: none !important;
  min-height: 68px;
  padding: 8px 8px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
  filter: none;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav::before,
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav::after { display: none !important; }
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav button {
  color: #fff !important;
  opacity: 1 !important;
  background: transparent !important;
  padding: 7px 0 !important;
  min-width: 0;
  min-height: 44px !important;
  gap: 3px !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav button[aria-pressed=true] {
  background: #ffffff20 !important;
  border-radius: 14px;
  color: #fff !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide, #iphone-builder, #iphone-library, #sequence-recommendations, #sequence-story) :is(.iphone-screen, .ysb-screen, .ys-library-preview, .ys-sequence-filmstrips__panel, .portrait-screen) > .ysb-app-nav svg {
  width: 19px !important;
  height: 19px !important;
  stroke: currentColor !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide .iphone-screen > .ysb-app-nav {
  margin: 0 !important;
  width: 100%;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-screen {
  padding-bottom: 0 !important;
  background: #fff !important;
  color: #243c32 !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-screen > .ysb-app-nav {
  order: 2;
  margin-top: 0 !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-screen > .ysb-feedback {
  order: 1;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-screen :is(h2, h3, p, .ysb-rail-label, .ysb-hint, .ysb-iconbutton, .ysb-ios-status-bar) {
  color: #405349 !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) :is(#iphone-guide .iphone-homebar, #iphone-builder .ysb-homebar) {
  display: none !important;
}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo]{--guide-ink:#243c32;--guide-muted:#52635a;--guide-paper:#fff;--guide-tile:#fff;--guide-selected:#f0f3f1;--guide-edge:#d4dbd7;--guide-green:#40564a}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .iphone-screen{background:#fff!important;color:#243c32!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .ysb-ios-status-bar{color:#243c32!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .ysb-ios-battery{box-shadow:inset 0 0 0 1px #243c32}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .iphone-screen .ypd-intro h3{color:#243c32!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .iphone-screen .ypd-sanskrit{color:#627069!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .iphone-screen .ypd-summary{color:#405349!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .ypd-facts span{background:#f4f6f5;color:#52635a;border-color:#e0e6e2}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .ypd-topics li{border-color:#e1e7e3!important}
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-guide[data-guide-demo] .guide-demo-panel{border-top:1px solid #e3e8e5!important;border-radius:0!important}

/* Paint the rounded screen itself beneath the builder navigation. This removes
   white antialiasing seams without changing the screen or hardware geometry. */
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-screen {
  background-color: #103e33 !important;
  background-image: linear-gradient(to bottom, #fff 0, #fff calc(100% - 68px), transparent calc(100% - 68px)), var(--ys-nav-background-image) !important;
  background-size: 100% 100%, var(--ys-nav-background-size) !important;
  background-position: 0 0, var(--ys-nav-background-position) !important;
  background-repeat: no-repeat, var(--ys-nav-background-repeat) !important;
}

/* Extend the same paint one CSS pixel beneath each hardware edge. The frame
   stays on top, so its native rim and corner shape are preserved. */
:is(html[data-preview-theme], body.product-yogaspace-current) #iphone-builder .ysb-phone::before {
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: calc(4% - 1px);
  right: calc(4% - 1px);
  bottom: calc(1.7% - 1px);
  height: 68px;
  border-radius: 0 0 12.5% 12.5% / 0 0 12cqw 12cqw;
  background-color: #103e33;
  background-image: var(--ys-nav-background-image);
  background-size: var(--ys-nav-background-size);
  background-position: var(--ys-nav-background-position);
  background-repeat: var(--ys-nav-background-repeat);
}

/* The library uses the same app navigation without a hardware frame. */
body.product-yogaspace-current #iphone-library .ys-library-preview > .ysb-app-nav {
  width: 100%;
  margin: 0;
}
body.product-yogaspace-current :is(#iphone-library, #sequence-recommendations) .ysb-app-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0;
  font-family: Centra, sans-serif;
}
body.product-yogaspace-current :is(#iphone-library, #sequence-recommendations) .ysb-app-nav svg {
  fill: none;
  stroke-width: 1.7;
}

/* The recommendations navigation runs flush to its preview's bottom edge. */
body.product-yogaspace-current #sequence-recommendations .ys-sequence-filmstrips__panel {
  --ys-sequence-panel-inset: 22px;
  padding-bottom: 0;
}
body.product-yogaspace-current #sequence-recommendations .ysb-app-nav {
  grid-column: 1 / -1;
  align-self: end;
  width: calc(100% + 2 * var(--ys-sequence-panel-inset));
  margin: 0 calc(-1 * var(--ys-sequence-panel-inset));
}
@media (max-width: 989px) {
  body.product-yogaspace-current #sequence-recommendations .ys-sequence-filmstrips__panel {
    --ys-sequence-panel-inset: 18px;
  }
}
@media (max-width: 360px) {
  body.product-yogaspace-current #sequence-recommendations .ys-sequence-filmstrips__panel {
    --ys-sequence-panel-inset: 12px;
  }
}

/* Home navigation stays inside the practice phone and follows its rotation. */
body.product-yogaspace-current #sequence-story .portrait-screen > .ysb-app-nav {
  position: absolute;
  inset: auto 0 0;
  width: 100%;
  height: 68px;
  margin: 0;
  align-items: stretch;
}
body.product-yogaspace-current #sequence-story .ysb-app-nav button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0;
  font-family: Centra, sans-serif;
}
body.product-yogaspace-current #sequence-story .ysb-app-nav svg {
  fill: none;
  stroke-width: 1.7;
}
body.product-yogaspace-current #sequence-story .setup-options { bottom: 166px; left: 8%; right: 8%; }
body.product-yogaspace-current #sequence-story .practice-button { bottom: 101px; }

body.product-yogaspace-current #sequence-story .setup-row > span:first-child { white-space: nowrap; flex-shrink: 0; }

/* Quiet liquid-glass practice controls. */
body.product-yogaspace-current #sequence-story .setup-shade {
 display:block;
 pointer-events:none;
 background:none;
}
body.product-yogaspace-current #sequence-story .practice-controls { position:absolute; left:7%; right:7%; bottom:248px; display:grid; gap:17px; color:#fff; pointer-events:auto; }
body.product-yogaspace-current #sequence-story .glass-field-label { display:block; margin:0 0 9px 3px; font-size:13px; font-weight:500; line-height:1.2; }
body.product-yogaspace-current #sequence-story .glass-pill-rail { display:flex; gap:7px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:none; padding:2px 2px 5px; }
body.product-yogaspace-current #sequence-story .glass-pill-rail::-webkit-scrollbar { display:none; }
body.product-yogaspace-current #sequence-story .glass-pill { flex:none; scroll-snap-align:start; min-height:42px; padding:0 17px; border:1px solid #ffffff59; border-radius:999px; color:#fff; font:500 14px Centra,sans-serif; white-space:nowrap; background:linear-gradient(145deg,#ffffff24,#ffffff08); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:inset 0 1px 0 #ffffff30,0 3px 9px #001b1520; cursor:pointer; transition:background .18s,border-color .18s; }
body.product-yogaspace-current #sequence-story .glass-pill[aria-pressed=true] { background:linear-gradient(140deg,#8cc7a653,#5f977b45); border-color:#d7eee59c; box-shadow:inset 0 1px 0 #ffffff6b,0 3px 12px #071b1833; }
body.product-yogaspace-current #sequence-story .glass-pill:hover { background-color:#ffffff20; }
body.product-yogaspace-current #sequence-story .practice-button { bottom:91px; left:7%; right:7%; width:86%; height:50px; font-size:15px; background:linear-gradient(110deg,#287b67,#154a3d); border:1px solid #ffffff24; box-shadow:inset 0 1px 0 #ffffff24; }
@media(prefers-reduced-motion:reduce) { body.product-yogaspace-current #sequence-story .glass-pill { transition:none; } }

body.product-yogaspace-current #sequence-story :is(.glass-choice-row,.glass-duration) { min-width:0; }
body.product-yogaspace-current #sequence-story .glass-field-label { text-shadow:0 1px 5px #081c18; }
@media(prefers-reduced-motion:reduce) and (max-width:600px) {
 body.product-yogaspace-current #sequence-story .practice-controls { bottom:215px; gap:10px; }
 body.product-yogaspace-current #sequence-story .glass-field-label { margin-bottom:7px; font-size:12px; }
 body.product-yogaspace-current #sequence-story .glass-pill { min-height:36px; font-size:13px; padding:0 14px; }
 body.product-yogaspace-current #sequence-story .practice-button { bottom:78px; height:44px; }
}

body.product-yogaspace-current #sequence-story .practice-controls { top:65px; bottom:169px; display:flex; flex-direction:column; gap:22px; }
body.product-yogaspace-current #sequence-story .duration-dial { position:relative; flex:none; align-self:center; width:196px; height:196px; border-radius:50%; background:radial-gradient(circle,#102a2338,#102a2312); color:#fff; touch-action:none; cursor:grab; }
body.product-yogaspace-current #sequence-story .duration-dial:active { cursor:grabbing; }
body.product-yogaspace-current #sequence-story .duration-dial svg { position:absolute; inset:0; width:100%; height:100%; fill:none; }
body.product-yogaspace-current #sequence-story .dial-track { stroke:#ffffff40; stroke-width:1; }
body.product-yogaspace-current #sequence-story .dial-ticks { stroke:#ffffffb0; stroke-width:1.3; stroke-linecap:round; }
body.product-yogaspace-current #sequence-story .dial-hand { fill:#e2f8ed; stroke:#fff; stroke-width:1.5; }
body.product-yogaspace-current #sequence-story .dial-readout { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; pointer-events:none; text-shadow:0 1px 5px #10221f88; }
body.product-yogaspace-current #sequence-story .dial-label,body.product-yogaspace-current #sequence-story .dial-unit { font-size:12px; }
body.product-yogaspace-current #sequence-story .dial-readout output { font-size:48px; line-height:1.1; font-weight:400; letter-spacing:-2px; font-variant-numeric:tabular-nums; }
body.product-yogaspace-current #sequence-story .duration-dial + input + .glass-choice-row { margin-top:auto; }
body.product-yogaspace-current #sequence-story .duration-dial:focus-visible,body.product-yogaspace-current #sequence-story .glass-pill:focus-visible { outline:2px solid #e4fff1; outline-offset:3px; }
@media(prefers-reduced-motion:reduce) and (max-width:600px) {
 body.product-yogaspace-current #sequence-story .practice-controls { top:48px; bottom:137px; gap:12px; }
 body.product-yogaspace-current #sequence-story .duration-dial { width:160px; height:160px; }
 body.product-yogaspace-current #sequence-story .dial-readout output { font-size:42px; }
}

/* Wider option rails expose the next choice without crowding the dial. */
body.product-yogaspace-current #sequence-story .glass-choice-row { margin-left:-3.5%; margin-right:calc(-7% / .86); }
body.product-yogaspace-current #sequence-story .glass-pill-rail { gap:7px; }
body.product-yogaspace-current #sequence-story .glass-pill { flex:0 0 calc((100% - 25px) / 3.5); min-width:0; padding:0 4px; font-size:12px; box-sizing:border-box; }

body.product-yogaspace-current #sequence-story .glass-pill { display:inline-flex; align-items:center; justify-content:center; gap:3px; padding:0 3px; }
body.product-yogaspace-current #sequence-story .choice-icon { position:static; flex:0 0 13px; width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; opacity:.85; }
body.product-yogaspace-current #sequence-story .glass-pill > span { white-space:nowrap; }

/* The practice phone: an open time dial above three quiet, finite choices. */
body.product-yogaspace-current #sequence-story .practice-controls {
  inset: 61px 6.5% 158px;
  display: flex;
  flex-direction: column;
  gap: 0;
}
body.product-yogaspace-current #sequence-story .setup-shade {
  background: linear-gradient(180deg, #09231b0a 25%, #102c2433 35%, #08221c99 50%, #08221ccc 82%, #08221ca6);
}
body.product-yogaspace-current #sequence-story .duration-control {
  position: relative;
  width: 174px;
  height: 174px;
  flex: none;
  align-self: center;
}
body.product-yogaspace-current #sequence-story .duration-dial {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, #0c211b36 42%, #0c211b00 70%);
}
body.product-yogaspace-current #sequence-story .dial-track { stroke: #ffffff1a; }
body.product-yogaspace-current #sequence-story .dial-ticks { stroke: #fff; opacity: .1; }
body.product-yogaspace-current #sequence-story .dial-progress { fill: none; stroke: #e2f8ed; stroke-width: 4; stroke-linecap: round; }
body.product-yogaspace-current #sequence-story .dial-readout output {
  font-size: 52px;
  letter-spacing: -2.5px;
}
body.product-yogaspace-current #sequence-story .dial-readout { gap: 1px; }
body.product-yogaspace-current #sequence-story .duration-step {
  position: absolute;
  top: 66px;
  width: 36px;
  height: 44px;
  padding: 8px;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  pointer-events: auto;
}
body.product-yogaspace-current #sequence-story .duration-step--less { left: 19px; }
body.product-yogaspace-current #sequence-story .duration-step--more { right: 19px; }
body.product-yogaspace-current #sequence-story .duration-step svg {
  width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5;
}
body.product-yogaspace-current #sequence-story .duration-step:disabled { opacity: .3; cursor: default; }
body.product-yogaspace-current #sequence-story .practice-fields {
  display: grid;
  gap: 14px;
  margin-top: auto;
}
body.product-yogaspace-current #sequence-story .glass-choice-row { margin: 0; }
body.product-yogaspace-current #sequence-story .glass-field-label {
  margin: 0 0 6px 2px;
  font-size: 13px;
  font-weight: 500;
  text-shadow: 0 1px 3px #09231b66;
}
body.product-yogaspace-current #sequence-story .glass-pill-rail {
  display: flex;
  gap: 7px;
  /* Controls inset is 6.5% of the screen; extend each scrollport to its edges. */
  margin-inline: -7.471264%;
  padding: 0 7.471264%;
  scroll-padding-inline: 6.5%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
}
body.product-yogaspace-current #sequence-story .glass-pill-rail::-webkit-scrollbar { display: none; }
body.product-yogaspace-current #sequence-story .glass-pill {
  flex: 0 0 calc((100% - 21px) / 3.5);
  min-width: 0;
  min-height: 38px;
  padding: 0 4px;
  gap: 5px;
  font-size: 11px;
  background: linear-gradient(145deg, #ffffff1f, #ffffff0d);
  border-color: #ffffff33;
  box-shadow: inset 0 1px 0 #ffffff2b;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body.product-yogaspace-current #sequence-story [data-choice=focus] .glass-pill { min-height: 38px; }
body.product-yogaspace-current #sequence-story .glass-pill[aria-pressed=true] {
  color: #183e31;
  text-shadow: none;
  background: #e0f4e9;
  border-color: #e0f4e9;
  box-shadow: inset 0 1px 0 #ffffffb3, 0 2px 5px #001a1414;
}
body.product-yogaspace-current #sequence-story .intensity-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -7px;
}
body.product-yogaspace-current #sequence-story .intensity-heading .glass-field-label { margin-bottom: 0; }
body.product-yogaspace-current #sequence-story .practice-adjust {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: 36px;
  min-height: 36px;
  justify-content: center;
  padding: 7px;
  background: transparent;
  border: 0;
  border-radius: 10px;
  font: 500 12px Centra, sans-serif;
  color: #e0f4e9;
  cursor: pointer;
}
body.product-yogaspace-current #sequence-story .practice-adjust svg {
  width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5;
}
body.product-yogaspace-current #sequence-story .practice-adjust.is-customised::after { content: ''; position: absolute; top: 5px; right: 3px; width: 4px; height: 4px; border-radius: 50%; background: #e0f4e9; }
body.product-yogaspace-current #sequence-story .intensity-segments {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 3px;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  background: #ffffff12;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body.product-yogaspace-current #sequence-story .intensity-segments button {
  min-height: 33px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: transparent;
  font: 500 12px Centra, sans-serif;
  cursor: pointer;
}
body.product-yogaspace-current #sequence-story .intensity-segments button[aria-pressed=true] { background: #e0f4e9; color: #183e31; }
body.product-yogaspace-current #sequence-story .practice-button {
  bottom: 89px;
  height: 51px;
  left: 6.5%; right: 6.5%; width: 87%;
  background: linear-gradient(110deg, #267b62, #154d3b);
  font-size: 15px;
}
body.product-yogaspace-current #sequence-story .practice-tune[hidden] { display: none; }
body.product-yogaspace-current #sequence-story .practice-tune {
  position: absolute;
  z-index: 4;
  inset: 0;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 0;
  border-radius: inherit;
  padding: 56px 18px 24px;
  background-color: #0b2922;
  background-image: var(--ys-nav-background-image);
  background-size: var(--ys-nav-background-size);
  background-position: var(--ys-nav-background-position);
  background-repeat: var(--ys-nav-background-repeat);
  color: #f4fbf7;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  pointer-events: auto;
}
body.product-yogaspace-current #sequence-story .tune-header { display: flex; align-items: center; justify-content: space-between; flex: none; gap: 6px; }
body.product-yogaspace-current #sequence-story .tune-header h3 { margin: 0; color: inherit; font: 500 17px/1.3 Centra, sans-serif; letter-spacing: -.4px; }
body.product-yogaspace-current #sequence-story .tune-close { width: 40px; height: 44px; padding: 10px; flex: none; color: #e0f4e9; background: transparent; border: 0; border-radius: 50%; cursor: pointer; }
body.product-yogaspace-current #sequence-story .tune-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; }
body.product-yogaspace-current #sequence-story .tune-body { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #ffffff40 transparent; padding: 4px 0 12px; }
body.product-yogaspace-current #sequence-story .tune-group { display: grid; gap: 9px; border: 0; }
body.product-yogaspace-current #sequence-story .tune-select { display: flex; min-height: 52px; padding: 0 12px; align-items: center; gap: 8px; justify-content: space-between; border: 0; border-radius: 13px; background: #1b4b3de6; font-size: 13px; }
body.product-yogaspace-current #sequence-story .tune-select select { max-width: 65%; min-height: 42px; padding: 4px 18px 4px 6px; margin: 0; border: 0; border-radius: 7px; background-color: transparent; color: #e0f4e9; font: 500 13px Centra, sans-serif; text-align: right; cursor: pointer; color-scheme: dark; }
body.product-yogaspace-current #sequence-story .tune-select option { background: #173e31; color: #fff; }
body.product-yogaspace-current #sequence-story .tune-areas { margin: 16px 0 0; padding: 0; border: 0; min-width: 0; }
body.product-yogaspace-current #sequence-story .tune-areas legend { padding: 0; margin-bottom: 9px; color: #f4fbf7; font-size: 13px; }
body.product-yogaspace-current #sequence-story .tune-chip-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
body.product-yogaspace-current #sequence-story .tune-chip-grid button { min-height: 37px; padding: 3px 2px; border: 1px solid #ffffff33; border-radius: 999px; background: #ffffff09; color: #f4fbf7; font: 400 11px Centra, sans-serif; cursor: pointer; }
body.product-yogaspace-current #sequence-story .tune-chip-grid button[aria-pressed=true] { background: #e0f4e9; border-color: #e0f4e9; color: #183e31; }
body.product-yogaspace-current #sequence-story .tune-preferences { margin-top: 9px; border: 0; }
body.product-yogaspace-current #sequence-story .tune-preferences summary { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 12px; border-radius: 13px; background: #1b4b3de6; list-style: none; font-size: 13px; cursor: pointer; }
body.product-yogaspace-current #sequence-story .tune-preferences summary::-webkit-details-marker { display: none; }
body.product-yogaspace-current #sequence-story .tune-preferences summary svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .2s; }
body.product-yogaspace-current #sequence-story .tune-preferences[open] summary svg { transform: rotate(180deg); }
body.product-yogaspace-current #sequence-story .tune-switch { display: flex; justify-content: space-between; align-items: center; min-height: 52px; padding: 0 12px; border-radius: 13px; background: #1b4b3de6; font-size: 12px; gap: 8px; }
body.product-yogaspace-current #sequence-story .tune-switch input { appearance: none; width: 34px; height: 20px; margin: 0; border: 1px solid #ffffff40; border-radius: 999px; background: #ffffff20; cursor: pointer; flex: none; }
body.product-yogaspace-current #sequence-story .tune-switch input::before { content: ''; display: block; width: 14px; height: 14px; margin: 2px; border-radius: 50%; background: #fff; transition: transform .2s; }
body.product-yogaspace-current #sequence-story .tune-switch input:checked { background: #a7d8bf; }
body.product-yogaspace-current #sequence-story .tune-switch input:checked::before { transform: translateX(14px); background: #173e31; }
body.product-yogaspace-current #sequence-story .tune-done { flex: none; margin-top: auto; min-height: 46px; border: 0; border-radius: 13px; background: #1b4b3de6; color: #e0f4e9; font: 500 13px Centra, sans-serif; cursor: pointer; }
body.product-yogaspace-current #sequence-story :is(.duration-step,.practice-adjust,.intensity-segments button,.practice-tune button,.practice-tune select,.practice-tune summary,.practice-tune input):focus-visible { outline: 2px solid #e0f4e9; outline-offset: 2px; }
@media(prefers-reduced-motion:reduce) {
  body.product-yogaspace-current #sequence-story .sticky-stage { padding-inline: 15px; }
  body.product-yogaspace-current #sequence-story .phone-anchor { width: min(340px, calc(100vw - 30px)); }
  body.product-yogaspace-current #sequence-story .practice-controls { inset: 9% 6.5% 22%; }
  body.product-yogaspace-current #sequence-story .duration-control { width: 155px; height: 155px; }
  body.product-yogaspace-current #sequence-story .duration-step { top: 56px; }
  body.product-yogaspace-current #sequence-story .duration-step--less { left: 11px; }
  body.product-yogaspace-current #sequence-story .duration-step--more { right: 11px; }
  body.product-yogaspace-current #sequence-story .practice-fields { gap: 10px; }
  body.product-yogaspace-current #sequence-story .glass-pill { min-height: 34px; }
  body.product-yogaspace-current #sequence-story [data-choice=focus] .glass-pill { min-height: 34px; }
  body.product-yogaspace-current #sequence-story .practice-button { bottom: 12%; height: 44px; }
  body.product-yogaspace-current #sequence-story .practice-tune { inset: 0; }
  body.product-yogaspace-current #sequence-story :is(.tune-preferences summary svg,.tune-switch input::before) { transition: none; }
}
@media(prefers-reduced-motion:reduce) and (max-width:360px) {
  body.product-yogaspace-current #sequence-story .duration-control { width: 135px; height: 135px; }
  body.product-yogaspace-current #sequence-story .duration-step { top: 46px; }
  body.product-yogaspace-current #sequence-story .duration-step--less { left: 4px; }
  body.product-yogaspace-current #sequence-story .duration-step--more { right: 4px; }
  body.product-yogaspace-current #sequence-story .dial-track { stroke: #ffffff1a; }
body.product-yogaspace-current #sequence-story .dial-ticks { stroke: #fff; opacity: .1; }
body.product-yogaspace-current #sequence-story .dial-progress { fill: none; stroke: #e2f8ed; stroke-width: 4; stroke-linecap: round; }
body.product-yogaspace-current #sequence-story .dial-readout output { font-size: 42px; }
}
@media(prefers-reduced-transparency:reduce) {
  body.product-yogaspace-current #sequence-story :is(.glass-pill,.intensity-segments,.practice-tune) { backdrop-filter: none; -webkit-backdrop-filter: none; background-color: #173e31; }
}

body.product-yogaspace-current #sequence-story .practice-adjust { position: relative; }
body.product-yogaspace-current #sequence-story .glass-pill-rail { cursor: grab; user-select: none; }
body.product-yogaspace-current #sequence-story .glass-pill-rail.is-dragging { cursor: grabbing; scroll-snap-type: none; }
body.product-yogaspace-current #sequence-story .glass-pill-rail.is-dragging button { pointer-events: none; }
body.product-yogaspace-current #sequence-story .portrait-screen.is-settings-open > :is(.setup-photo,.setup-shade,.practice-controls,.practice-button,.ysb-app-nav) { visibility: hidden; }
body.product-yogaspace-current #sequence-story .practice-tune::before { content: ''; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(155deg,#061f18a6,#0b2d2266 52%,#061f1899); }
body.product-yogaspace-current #sequence-story .tune-header { margin-bottom: 14px; }
body.product-yogaspace-current #sequence-story .tune-close { background: #1b4b3de6; width: 36px; height: 36px; }
body.product-yogaspace-current #sequence-story .tune-preferences > div { display: grid; gap: 9px; padding-top: 9px; }
body.product-yogaspace-current #sequence-story .tune-body { padding: 0 0 14px; }

/* 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);
}

/* Local landing duplicate: match the page and preserve the sticky scroll stage. */
.ypc-sequence-morph{font-family:Centra,Arial,sans-serif;background:white;overflow:visible}
.ypc-sequence-morph .sticky-stage{background:white}
.ypc-sequence-morph .scroll-story{height:260svh}
.ypc-sequence-morph .story-copy h2{color:var(--ink);font-size:clamp(35px,3.3vw,46px);letter-spacing:-.035em}
.ypc-sequence-morph .story-copy p{color:var(--text);font-size:17px;line-height:1.6}
.ypc-sequence-morph .story-copy--build{left:max(30px,calc((100vw - 1200px)/2));width:36%;max-width:435px}
.ypc-sequence-morph .story-copy--play{top:15svh;max-width:760px}
@media(max-width:850px){.ypc-sequence-morph .story-copy--build{left:50%;width:calc(100% - 40px);max-width:550px}.ypc-sequence-morph .story-copy--play{top:15svh}.ypc-sequence-morph .story-copy h2{font-size:35px}.ypc-sequence-morph .story-copy p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ypc-sequence-morph .scroll-story{height:auto}.ypc-sequence-morph .story-copy--build,.ypc-sequence-morph .story-copy--play{position:static;transform:none;width:min(700px,100%)}}

/* Latest approved settings screen; the existing landscape player is unchanged. */
#sequence-story .portrait-screen.has-approved-practice > :not(.approved-practice-frame){visibility:hidden;pointer-events:none}
#sequence-story .portrait-screen > .approved-practice-frame{position:absolute;z-index:30;left:0;top:0;width:375px;height:812px;border:0;margin:0;padding:0;transform-origin:top left;background:transparent;pointer-events:auto}

/* Quiet, full-size audio action outside the scaled phone and pose photograph. */
.ypc-sequence-morph .play-audio{gap:7px;min-height:44px;margin-top:16px;padding:9px 16px;border:1px solid #cedbd3;background:#fff;color:#204a3e;box-shadow:none;font-size:14px;font-weight:500}
.ypc-sequence-morph .play-audio:hover{background:#f0f6f2}.ypc-sequence-morph .play-audio svg{width:15px;height:15px;fill:currentColor;stroke:none}


/* Let the native pose occupy the available height without hiding anatomy. */
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen){grid-template-columns:23% 50% 27%;}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .current-pose{overflow:hidden;}
html body .ypc-sequence-morph .current-pose img[data-player-pose="high-lunge"]{transform:scale(1.22);transform-origin:center;-webkit-mask-image:none;mask-image:none;}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .up-next{padding-left:9px;padding-right:8px;}

html body .ypc-sequence-morph .player-details .pose-name{white-space:normal;}

html body .ypc-sequence-morph .current-pose:has(img[data-player-pose="high-lunge"]){-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}

/* Local player theme; the original warm light appearance remains selectable. */
html body .ypc-sequence-morph .player-theme-toggle{display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:0;padding:0;border:1px solid #ffffffad;border-radius:50%;color:#30483b;background:linear-gradient(145deg,#ffffffb3,#ffffff4d 52%,#fff9);box-shadow:inset 0 1px 3px #fff8,0 3px 9px #534a3914;cursor:pointer;}
html body .ypc-sequence-morph .player-theme-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.player-theme-toggle .theme-moon{display:none;}
.player-theme-toggle[aria-pressed="false"] .theme-sun{display:none;}
.player-theme-toggle[aria-pressed="false"] .theme-moon{display:block;}
html body .ypc-sequence-morph [data-player-theme="dark"]{background:radial-gradient(ellipse at 68% 26%,#49342f 0%,#352b2b 48%,#242728 100%);color:#f5f0e9;}
html body .ypc-sequence-morph [data-player-theme="dark"]::before{background:none;}
html body .ypc-sequence-morph [data-player-theme="dark"] :is(.captions,.pose-name,.pose-name small,.count,.time,.up-next-head,.up-next-head span,.sequence-name){color:#f5f0e9;text-shadow:none;}
html body .ypc-sequence-morph [data-player-theme="dark"] .current-pose{border-radius:16px;background:#e7e0d7;-webkit-mask-image:none;mask-image:none;}
html body .ypc-sequence-morph [data-player-theme="dark"] :is(.track-toggle,.image-playback,.player-theme-toggle){color:#f5f0e9!important;background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important;border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff25;}
html body .ypc-sequence-morph [data-player-theme="dark"] .up-next-preview{background:linear-gradient(145deg,#ffffff15,#ffffff06);border-color:#ffffff30;box-shadow:inset 0 1px 1px #ffffff20;}
html body .ypc-sequence-morph [data-player-theme="dark"] .pose-progress{background:#ffffff17;}
html body .ypc-sequence-morph [data-player-theme="dark"] .pose-progress-fill{background:linear-gradient(90deg,#71bda9,#509784);opacity:1;}
html body .ypc-sequence-morph .player-theme-toggle:focus-visible{outline:2px solid #a8e3ce;outline-offset:3px;}
@media(prefers-reduced-motion:reduce) and (max-width:600px){html body .ypc-sequence-morph .reduced-player-screen .player-theme-toggle{width:20px;height:20px;}html body .ypc-sequence-morph .reduced-player-screen .player-theme-toggle svg{width:11px;height:11px;}}

html body .ypc-sequence-morph [data-player-theme="dark"] .current-pose:has(img[data-player-pose="high-lunge"]){-webkit-mask-image:none;mask-image:none;}
html body .ypc-sequence-morph [data-player-theme="dark"] .track-toggle[aria-pressed]{color:#f5f0e9!important;background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important;}

}

/* Shared player corrections: explicit descendants also apply outside CSS scope. */
html body .student-content #sequence-story #features::before{content:none!important;display:none!important;background:none!important;filter:none!important;}
html body .student-content #sequence-story .play-audio[hidden]{display:none!important;}
html body .student-content #sequence-story .player-theme-toggle{display:grid!important;place-items:center;flex:none;width:28px;height:28px;min-height:0;padding:0!important;border:1px solid #ffffffad!important;border-radius:50%!important;color:#30483b;background:linear-gradient(145deg,#ffffffb3,#ffffff4d 52%,#fff9);box-shadow:inset 0 1px 3px #fff8,0 3px 9px #534a3914;cursor:pointer;}
html body .student-content #sequence-story .player-theme-toggle svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
html body .student-content #sequence-story .player-theme-toggle .theme-sun{display:block!important;}
html body .student-content #sequence-story .player-theme-toggle .theme-moon{display:none!important;}
html body .student-content #sequence-story .player-theme-toggle[aria-pressed="false"] .theme-sun{display:none!important;}
html body .student-content #sequence-story .player-theme-toggle[aria-pressed="false"] .theme-moon{display:block!important;}
html body .student-content #sequence-story [data-player-theme="dark"] .player-theme-toggle{color:#f5f0e9!important;background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important;border-color:#ffffff40!important;}

html body .student-content #sequence-story [data-player-theme="dark"]{background:radial-gradient(ellipse at 68% 26%,#49342f 0%,#352b2b 48%,#242728 100%)!important;color:#f5f0e9!important;}
html body .student-content #sequence-story [data-player-theme="dark"]::before{background:none!important;}
html body .student-content #sequence-story [data-player-theme="dark"] :is(.sequence-name,.count,.time,.pose-name,.pose-name small,.captions,.up-next-head){color:#f5f0e9!important;}
html body .student-content #sequence-story [data-player-theme="dark"] .current-pose{border-radius:16px;background:#e7e0d7;-webkit-mask-image:none;mask-image:none;}
html body .student-content #sequence-story [data-player-theme="dark"] :is(.track-toggle,.image-playback,.player-theme-toggle){color:#f5f0e9!important;background:linear-gradient(145deg,#ffffff24,#ffffff0c)!important;border-color:#ffffff40!important;box-shadow:inset 0 1px 1px #ffffff25;}
html body .student-content #sequence-story [data-player-theme="dark"] .up-next-preview{background:linear-gradient(145deg,#ffffff15,#ffffff06)!important;border-color:#ffffff30!important;}
html body .student-content #sequence-story [data-player-theme="dark"] .pose-progress{background:#ffffff17!important;}
html body .student-content #sequence-story [data-player-theme="dark"] .pose-progress-fill{background:linear-gradient(90deg,#71bda9,#509784)!important;opacity:1;}

/* Keep the theme glyph legible in the same green as the audio controls. */
html body .student-content #sequence-story .player-theme-toggle,
html body .student-content #sequence-story [data-player-theme="dark"] .player-theme-toggle{color:#30483b!important;background:linear-gradient(145deg,#ffffffb3,#ffffff8c 52%,#fff9)!important;}

/* Local Cues player comparison: untouched portrait plus its existing alpha layer. */
html body .student-content #sequence-story .current-pose.player-cues{position:relative;-webkit-mask-image:none;mask-image:none;}
html body .student-content #sequence-story .current-pose.player-cues img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transform:none;-webkit-mask-image:none;mask-image:none;}
html body .student-content #sequence-story .current-pose.player-cues .player-cue-layer{pointer-events:none;z-index:1;}

/* Optional annotations retain the untouched pose photograph underneath. */
html body .student-content #sequence-story .player-cue-layer{opacity:0;transition:opacity .25s ease;}
html body .student-content #sequence-story [data-cues="on"] .player-cue-layer{opacity:1;}
html body .student-content #sequence-story .player-cues-toggle{position:absolute;z-index:3;top:10px;right:10px;display:flex;align-items:center;gap:8px;min-height:32px;padding:5px 10px;border:1px solid #ffffffa8;border-radius:999px;background:linear-gradient(145deg,#ffffffb8,#ffffff73);color:#30483b;box-shadow:inset 0 1px 1px #fffc,0 3px 12px #342c2217;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);font:500 12px/1.2 Centra,Arial,sans-serif;cursor:pointer;pointer-events:auto!important;transition:opacity .55s ease;}
html body .student-content #sequence-story .cues-switch-track{display:block;position:relative;width:25px;height:15px;border-radius:999px;background:#30483b30;box-shadow:inset 0 1px 2px #30483b1a;transition:background .2s ease;}
html body .student-content #sequence-story .cues-switch-track>span{position:absolute;left:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .2s ease;}
html body .student-content #sequence-story .player-cues-toggle[aria-checked="true"] .cues-switch-track{background:#30483b;}
html body .student-content #sequence-story .player-cues-toggle[aria-checked="true"] .cues-switch-track>span{transform:translateX(10px);}
html body .student-content #sequence-story .is-focused .player-cues-toggle{opacity:0;pointer-events:none!important;}
html body .student-content #sequence-story .player-cues-toggle:focus-visible{outline:2px solid #30483b;outline-offset:3px;}
@media(prefers-reduced-motion:reduce){html body .student-content #sequence-story .player-cues-toggle,html body .student-content #sequence-story .player-cue-layer,html body .student-content #sequence-story .cues-switch-track,html body .student-content #sequence-story .cues-switch-track>span{transition:none;}}

/* A quiet Cues control below the audio row leaves the photograph clear. */
html body .student-content #sequence-story .player-details .player-cues-toggle{position:static;display:flex;width:max-content;gap:6px;min-height:24px;margin-top:7px;padding:4px 8px;border:1px solid #ffffff24;background:linear-gradient(145deg,#ffffff14,#ffffff08);color:inherit;box-shadow:inset 0 1px 1px #ffffff12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:10px;}
html body .student-content #sequence-story .player-cues-toggle .cues-switch-track{width:22px;height:13px;background:#ffffff30;}
html body .student-content #sequence-story .player-cues-toggle .cues-switch-track>span{width:9px;height:9px;background:#f5f0e9;box-shadow:0 1px 2px #0002;}
html body .student-content #sequence-story .player-cues-toggle[aria-checked="true"] .cues-switch-track{background:#719c8c;}
html body .student-content #sequence-story .player-cues-toggle[aria-checked="true"] .cues-switch-track>span{transform:translateX(9px);}

/* Keep the sequence name on one line and center spoken guidance above Up next. */
html body .ypc-sequence-morph .player-details .sequence-name{font-size:15px;letter-spacing:-.035em!important;white-space:nowrap}
@media(prefers-reduced-motion:reduce) and (max-width:600px){html body .ypc-sequence-morph .reduced-player-screen .sequence-name{font-size:10px}}
html body .ypc-sequence-morph :is(.landscape-screen,.reduced-player-screen) .up-next .captions{justify-content:center;margin-top:0}