.preview-theme-control{position:fixed;z-index:30;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid #cdddd7;border-radius:999px;background:#fffffff0;box-shadow:0 4px 20px #23342d26;backdrop-filter:blur(12px)}.preview-theme-control button{display:grid;place-items:center;width:44px;height:40px;padding:0;border:0;border-radius:999px;background:transparent;color:#678177;cursor:pointer}.preview-theme-control button[aria-pressed=true]{background:#dfeee8;color:#2e5043}.preview-theme-control button:focus-visible{outline:2px solid #588c78;outline-offset:2px}.preview-theme-control svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:749px){.preview-theme-control{left:auto;right:12px;transform:none;bottom:calc(76px + env(safe-area-inset-bottom))}}
html[data-preview-theme=dark]{--pt-ink:#f5f6f8;--pt-muted:#c5cad3;--pt-surface:#343943;--pt-raised:#414854;--pt-edge:#677181;--pt-outer-gradient:radial-gradient(ellipse at 65% 25%,#746053 0%,#594a52 44%,#3c4843 100%);--pt-gradient:radial-gradient(ellipse at 65% 25%,#343a45 0%,#282d36 44%,#1d2026 100%)}
html[data-preview-theme=dark] :is(#iphone-library .iphone-scene,#iphone-guide .iphone-scene,#iphone-builder .ysb-scene,#sequence-recommendations .ys-sequence-filmstrips__panel,.ys-feature--practice>.ys-practice-gallery-cues,.ys-class-builder-showcase .ycb){background:var(--pt-outer-gradient)!important;color:var(--pt-ink)!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) :is(.iphone-screen,.ys-library-preview,.ysb-screen){background:var(--pt-gradient)!important;color:var(--pt-ink)!important}
html[data-preview-theme=dark] :is(#iphone-library .iphone-screen,#iphone-guide .iphone-screen,#iphone-builder .ysb-screen,#sequence-recommendations .ys-sequence-filmstrips__panel) :is(h2,h3,h4,.ys-library-card span,.ysb-pose-info h3,.ys-sequence-filmstrips__title,.ys-sequence-filmstrips__static h3,.guide-demo-title){color:var(--pt-ink)!important}
html[data-preview-theme=dark] :is(#iphone-library .iphone-screen,#iphone-guide .iphone-screen,#iphone-builder .ysb-screen,#sequence-recommendations .ys-sequence-filmstrips__panel) :is(p,.ypd-sanskrit,.ysb-rail-label,.ysb-hint,.ys-sequence-filmstrips__meta,.guide-demo-copy){color:var(--pt-muted)!important}
html[data-preview-theme=dark] :is(#iphone-library .iphone-screen,#iphone-guide .iphone-screen,#iphone-builder .ysb-screen,#sequence-recommendations .ys-sequence-filmstrips__panel) :is(.ys-library-search,.ys-library-filters span,.ypd-intro-card,.ypd-topics li,.guide-demo-panel,.ys-sequence-filmstrips__card,.ys-sequence-filmstrips__search,.ys-sequence-filmstrips__recommendation,.ys-sequence-filmstrips__recommendation::after){background:var(--pt-surface)!important;border-color:var(--pt-edge)!important;color:var(--pt-ink)!important}
html[data-preview-theme=dark] :is(#iphone-library .iphone-screen,#iphone-guide .iphone-screen,#iphone-builder .ysb-screen,#sequence-recommendations .ys-sequence-filmstrips__panel) :is(button,input,.ypd-topics svg,.ys-sequence-filmstrips__tile-icon){color:var(--pt-muted)!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) :is(.ysb-iconbutton,.ysb-slot){border-color:var(--pt-edge)!important;background:transparent!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) :is(.iphone-homebar,.ysb-homebar){background:var(--pt-ink)!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) .ysb-app-nav button[aria-pressed=true]{color:#c2f0de!important}
html[data-preview-theme=dark] #iphone-guide :is(.ypd-topics li.is-demo-active,.guide-demo-toggle){background:#618c7c!important;color:#fff4fc!important;border-color:#94baab!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(.ycb-duration-label,.ycb-duration-value output,.ycb-duration-value>span,.ycb-practice-type>span,select,.ycb-more summary,.ycb-teachers legend,.ycb-teacher,.ycb-group legend,.ycb-group legend svg){color:var(--pt-ink)!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(.ycb-adjust,.ycb-practice,.ycb-audience,.ycb-pill span){background:#ffffff0c!important;color:var(--pt-ink)!important;border-color:#67718188!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(.ycb-practice-type,.ycb-extra){border-color:#67718155!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(.ycb-audience button){color:var(--pt-muted)!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(.ycb-audience button[aria-pressed=true],.ycb-pill input:checked+span){background:#618c7c!important;color:#fff!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb option{background:var(--pt-surface);color:#fff}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f9f2f8' stroke-width='1.5'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important}
html[data-preview-theme=dark] #practice-player .ysl-screen{background:var(--pt-gradient)!important;color:var(--pt-ink)!important}

/* Explore is a full canvas, independent of the device previews. */
html[data-preview-theme=dark] #iphone-library .ys-library-preview{background:var(--pt-gradient)!important;color:var(--pt-ink)!important}
html[data-preview-theme=dark] #iphone-library :is(.ys-library-search,.ys-library-filters span){background:var(--pt-surface)!important;color:var(--pt-muted)!important;border-color:var(--pt-edge)!important}
html[data-preview-theme=dark] #iphone-library .ys-library-filters span:first-child{background:#618c7c!important;color:#fff4fc!important}
html[data-preview-theme=dark] #iphone-library .ys-library-card span{color:var(--pt-ink)!important}
html[data-preview-theme=dark] #iphone-library .ys-library-tags::after{background:linear-gradient(90deg,transparent,#282d36)!important}
html[data-preview-theme=dark] #iphone-builder :is(.ysb-header h2,.ysb-ios-status-bar){color:var(--pt-ink)!important}
html[data-preview-theme=dark] #iphone-builder .ysb-pose-info p{color:var(--pt-muted)!important}
html[data-preview-theme=dark] #iphone-builder .ysb-browse{background:var(--pt-surface)!important;color:var(--pt-ink)!important;border-color:var(--pt-edge)!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb :is(button,summary,select):focus-visible{outline-color:#d2ede3}
html[data-preview-theme=dark] #iphone-library .ys-library-header{background:transparent!important}
html[data-preview-theme=dark] #iphone-guide>.iphone-scene::before{background:var(--pt-gradient)}
html[data-preview-theme=dark] #iphone-guide .ypd-topics :is(.ypd-topic-display,span){color:var(--pt-ink)!important}
html[data-preview-theme=dark] #iphone-guide .ypd-topics li.is-demo-active svg{color:#fff4fc!important}
html[data-preview-theme=dark] #sequence-recommendations input::placeholder{color:var(--pt-muted);opacity:1}
@media(max-width:749px){.preview-theme-control{bottom:calc(12px + env(safe-area-inset-bottom))}}
html[data-preview-theme=dark] #iphone-builder .ysb-ios-status-bar{background:#1d2026!important}
html[data-preview-theme=dark] #practice-player .ysl-scene{background:var(--pt-gradient)!important}
html[data-preview-theme=dark] #practice-player .ysl-mobile-transport button{color:var(--pt-ink)!important}
html[data-preview-theme=dark] #practice-player .ysl-mobile-transport button.ysl-play{background:#618c7c!important}
html[data-preview-theme=dark] #practice-player .ysl-mobile-transport button:disabled{opacity:.4}
/* Light mode uses the approved lavender surround and a white player canvas. */
html[data-preview-theme=light] #practice-player .ysl-scene{background:#dce9e4 url('./ypc-integrated-light-practice-background.svg') center/cover}
html[data-preview-theme=light] #practice-player .ysl-screen{background:#fff;color:#293530}
html[data-preview-theme=light] #practice-player :is(.ysl-count,.ysl-timer,.ysl-pose-name h2,.ysl-pose-name p,.ysl-upcoming-heading,.ysl-next-card span,.ysl-transport button){color:#3b4742}
html[data-preview-theme=light] #practice-player .ysl-transport .ysl-play{background:#dce9e4;color:#293530}
html[data-preview-theme=light] #practice-player .ysl-homebar{background:#3b4742}
html[data-preview-theme=light] #practice-player .ysl-progress{background:#dce9e4}
html[data-preview-theme=light] #practice-player .ysl-progress i{background:#618c7c}
html[data-preview-theme=light] #practice-player .ysl-details{color:#293530}
html[data-preview-theme=light] #practice-player :is(.ysl-next-card figcaption,.ysl-end){color:#3b4742}
html[data-preview-theme=light] #practice-player .ysl-timer svg{stroke:#556c63}
html[data-preview-theme=dark] #practice-player :is(.ysl-count,.ysl-pose-name p,.ysl-upcoming-heading,.ysl-next-card figcaption,.ysl-end){color:var(--pt-muted)}
html[data-preview-theme=dark] #practice-player :is(button,.ysl-player):focus-visible{outline-color:#d2ede3}
html[data-preview-theme=light] .ys-class-builder-showcase .ycb{background:#eee9e0 url('./ypc-integrated-practice-studio-light-20260928.jpg') center bottom/cover!important}
html[data-preview-theme=light] .ys-class-builder-showcase .ycb :is(.ycb-adjust,.ycb-practice,.ycb-audience,.ycb-pill span){background:#ffffffe0}
html[data-preview-theme=light] .ys-class-builder-showcase .ycb .ycb-audience button[aria-pressed=true],html[data-preview-theme=light] .ys-class-builder-showcase .ycb .ycb-pill input:checked+span{background:#dfeae6}
html[data-preview-theme=dark] #iphone-builder .ysb-browse::before{background:var(--pt-surface)!important}
html[data-preview-theme=dark] #iphone-builder .ysb-ios-status-icons{color:var(--pt-ink)}
html[data-preview-theme=dark] #iphone-builder .ysb-ios-battery{border-color:var(--pt-ink);background:var(--pt-ink);box-shadow:inset 0 0 0 1px #1d2026}
html[data-preview-theme=dark] #sequence-recommendations .ys-sequence-filmstrips__chevron{color:var(--pt-muted);stroke:currentColor}
html[data-preview-theme=dark] #sequence-recommendations .ys-sequence-filmstrips__recommendation::before{border-top-color:var(--pt-surface)}
/* Preserve the section surrounds independently of the darker app canvases. */
html[data-preview-theme=dark]{--pt-surround:radial-gradient(ellipse at 20% 12%,#606575 0%,#444957 48%,#303440 100%)}
html[data-preview-theme=dark] :is(#iphone-guide>.iphone-scene,#iphone-builder .ysb-scene,#practice-player .ysl-scene,#sequence-recommendations .ys-sequence-filmstrips__panel){background:var(--pt-surround)!important}
html[data-preview-theme=dark] #iphone-guide>.iphone-scene::before{background:var(--pt-surround)}

/* Extend each photograph's beige field through its existing contain geometry. */
#iphone-guide .ypd-intro img{background:#eee6da!important}
#iphone-builder .ysb-pose-card,#practice-player .ysl-current,#practice-player .ysl-next-card img{background:#eee6da}
html[data-preview-theme=dark] #iphone-guide .guide-demo-panel{background:var(--pt-surface)!important;border-radius:3cqw}
html[data-preview-theme=dark] #iphone-guide .guide-demo-toggle{background:#618c7c!important}
html[data-preview-theme=dark] #iphone-builder .ysb-slot{background:var(--pt-surface)!important;border-color:var(--pt-edge)!important}
html[data-preview-theme=dark] #iphone-builder .ysb-header{border-color:var(--pt-edge)}
/* Match the greeting's small speech tail to its dark bubble. */
html[data-preview-theme=dark] #sequence-recommendations .ys-sequence-filmstrips__recommendation::after{background:var(--pt-surface)!important;border-color:var(--pt-edge)!important}
/* Restore the original full-resolution studio photograph only in dark mode. */
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb{background:#1e2b26!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb .ycb-atmosphere{display:block!important}
html[data-preview-theme=dark] .ys-class-builder-showcase .ycb::before{display:block}

/* A continuous slate canvas with a darker navigation foundation. */
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) :is(.iphone-content,.ypd-overview){background:transparent!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) .ysb-app-nav{background:#101112!important;border-color:#343943!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) .ysb-app-nav button{color:var(--pt-muted)!important}
html[data-preview-theme=dark] :is(#iphone-library,#iphone-guide,#iphone-builder) .ysb-app-nav button[aria-pressed=true]{color:#c2f0de!important}
html[data-preview-theme=dark] #iphone-builder .ysb-ios-status-bar{background:transparent!important}
html[data-preview-theme=dark] #iphone-builder :is(.ysb-slot,.ysb-browse,.ysb-browse::before){background:var(--pt-raised)!important}

/* Keep these three device demonstrations directly on the white marketing page. */
html :is(#iphone-builder,#practice-player,#iphone-guide){background:#fff!important}
html[data-preview-theme] :is(#iphone-builder>.ysb-scene,#practice-player .ysl-scene,#iphone-guide>.iphone-scene){background:transparent!important;box-shadow:none!important;filter:none!important;border:0!important}
html[data-preview-theme] :is(#iphone-builder>.ysb-scene,#practice-player .ysl-scene,#iphone-guide>.iphone-scene)::before,
html[data-preview-theme] :is(#iphone-builder>.ysb-scene,#practice-player .ysl-scene,#iphone-guide>.iphone-scene)::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important}
html :is(#iphone-builder .ysb-phone,#practice-player .ysl-phone,#iphone-guide .iphone-shell){box-shadow:none!important;filter:none!important}

/* The status bar uses the screen canvas; no blurred layer outside rounded corners. */
html[data-preview-theme] #iphone-builder .ysb-ios-status-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Navigation fills the existing screen clip, including its bottom safe area. */
html #iphone-builder .ysb-screen{--nav-screen-gutter:14px;padding-bottom:0!important}
html :is(#iphone-guide,#iphone-builder) .ysb-app-nav{box-sizing:border-box;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;align-items:start;flex:none!important;position:relative;z-index:2;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0 2cqw 1.5cqw!important;background:#fff!important}
html #iphone-guide .ysb-app-nav{margin:0!important;width:100%;align-self:stretch}
html #iphone-builder .ysb-app-nav{margin:8px calc(-1 * var(--nav-screen-gutter)) 0!important;width:auto;align-self:stretch}
html :is(#iphone-guide,#iphone-builder) .ysb-app-nav button{min-width:0;min-height:44px!important;margin:0!important;padding:1cqw 0!important;border:0!important;box-shadow:none!important;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw!important;font-size:2.9cqw!important;line-height:1.2!important;white-space:nowrap;color:#716976!important}
html :is(#iphone-guide,#iphone-builder) .ysb-app-nav :is(svg,img){width:6cqw!important;height:6cqw!important;flex:none}
html :is(#iphone-guide,#iphone-builder) .ysb-app-nav button[aria-pressed=true]{color:#3bce96!important}
html[data-preview-theme=dark] :is(#iphone-guide,#iphone-builder) .ysb-app-nav{background:#101112!important}
html[data-preview-theme=dark] :is(#iphone-guide,#iphone-builder) .ysb-app-nav button{color:var(--pt-muted)!important}
html[data-preview-theme=dark] :is(#iphone-guide,#iphone-builder) .ysb-app-nav button[aria-pressed=true]{color:#c2f0de!important}
html :is(#iphone-guide .iphone-homebar,#iphone-builder .ysb-homebar){display:none!important}
@container(max-width:300px){html #iphone-builder .ysb-screen{--nav-screen-gutter:11px}}