html body .board-glass-nav.board-glass-nav.board-glass-nav{
 --active-index:0;--light-x:24%;position:absolute!important;inset:auto 16px 22px!important;width:auto!important;max-width:343px;height:56px!important;min-height:56px!important;margin:0 auto!important;padding:4px!important;display:flex!important;align-items:center!important;gap:0!important;border:0!important;border-radius:28px!important;overflow:visible!important;isolation:isolate;z-index:20!important;background:rgba(246,248,245,.52)!important;filter:none!important;
 box-shadow:0 4px 16px rgba(26,39,29,.08),0 0 0 1px rgba(55,65,58,.16),inset 0 1px 1px rgba(255,255,255,.9)!important;
 font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif!important;
}
html body .board-glass-nav.board-glass-nav.board-glass-nav::after{content:''!important;display:block!important;position:absolute!important;z-index:0!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;pointer-events:none;backdrop-filter:blur(14px) saturate(145%)!important;-webkit-backdrop-filter:blur(14px) saturate(145%)!important;border:1px solid rgba(255,255,255,.33)!important;background:radial-gradient(ellipse at var(--light-x) 0%,rgba(255,255,255,.42),transparent 52%),linear-gradient(165deg,rgba(255,255,255,.25),transparent 40%,rgba(24,46,31,.08))!important;box-shadow:inset 1px 1px 1px rgba(255,255,255,.33),inset -1px -1px 1px rgba(237,249,245,.19)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav::before{content:''!important;display:block!important;position:absolute!important;z-index:1!important;inset:4px auto auto 4px!important;width:calc((100% - 8px)/4)!important;height:calc(100% - 8px)!important;border-radius:24px!important;transform:translateX(calc(var(--active-index)*100%))!important;pointer-events:none;border:1px solid rgba(249,255,250,.55)!important;backdrop-filter:blur(1px) saturate(120%)!important;-webkit-backdrop-filter:blur(1px) saturate(120%)!important;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.3),transparent 72%),linear-gradient(145deg,rgba(213,235,219,.52),rgba(151,181,160,.2) 52%,rgba(202,224,209,.38))!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.75),inset 0 -1px 2px rgba(25,46,32,.15),0 2px 8px rgba(24,44,30,.12)!important;transition:transform 440ms cubic-bezier(.22,.86,.2,1)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button{position:relative!important;z-index:2!important;flex:1!important;width:25%!important;height:100%!important;min-height:44px!important;min-width:0!important;padding:0!important;border:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border-radius:24px!important;color:white!important;font:400 11.5px/15px -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif!important;text-transform:none!important;letter-spacing:normal!important;text-shadow:0 1px 3px rgba(17,36,24,.65),0 0 7px rgba(17,36,24,.12)!important;cursor:pointer;box-shadow:none!important;opacity:1!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button:focus-visible{outline:2px solid #244d39!important;outline-offset:-3px!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button:active{transform:scale(.94)}
html body .board-glass-nav.board-glass-nav.board-glass-nav svg{display:block!important;width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round;stroke-linejoin:round}
html body .board-glass-nav.board-glass-nav.board-glass-nav .nav-home-shell{fill:none!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-shell{fill:var(--nav-active-fill)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-smile{stroke:#426b59!important}
@media(prefers-reduced-motion:reduce){html body .board-glass-nav.board-glass-nav.board-glass-nav::before{transition:none!important}}
@media(prefers-reduced-transparency:reduce){html body .board-glass-nav.board-glass-nav.board-glass-nav{background:#fafaf9!important}html body .board-glass-nav.board-glass-nav.board-glass-nav::after,html body .board-glass-nav.board-glass-nav.board-glass-nav::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html body .board-glass-nav.board-glass-nav.board-glass-nav::before{background:#dce9df!important}}
html body .board-glass-nav.board-glass-nav.board-glass-nav button{color:#40594b!important;text-shadow:none!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true]{color:#244d39!important;font-weight:500!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-smile{stroke:currentColor!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav .nav-home-smile { display: none; }
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-smile { display: block; }
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-flat { display: none; }
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-profile-head { fill: var(--nav-active-fill) !important; }
html body .board-glass-nav.board-glass-nav.board-glass-nav .nav-profile-body-fill { display: none; stroke: none !important; }
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-profile-body-fill { display: block; fill: var(--nav-active-fill) !important; }

html body .board-player .yoga-player:has(.universal-player-nav){height:449px!important}
html body .board-player .board-view:has(.universal-player-nav){height:449px!important}
html body .board-player .universal-player-nav{position:absolute!important;inset:auto 16px 12px!important;width:343px!important;height:56px!important;min-height:56px!important;margin:0 auto!important}
html body .board-player .universal-player-nav button{flex-direction:column!important;font-size:11.5px!important}
html body .board-player .player-progress{bottom:81px!important}
html body .landscape-screen:has(.universal-player-nav),html body .reduced-player-screen:has(.universal-player-nav){padding-bottom:78px!important}

html body .universal-player-nav{background:rgba(246,248,245,.84)!important}



html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-yoga-petal { fill: var(--nav-active-fill) !important; }

/* Soft tinted liquid-glass selection, shared across navigation states. */
html body .board-glass-nav.board-glass-nav.board-glass-nav{background:rgba(255,255,255,.035)!important;box-shadow:0 6px 20px rgba(31,67,49,.09),0 0 0 1px rgba(110,148,129,.12),inset 0 1px 1px rgba(255,255,255,.8)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav::after{backdrop-filter:blur(5px) saturate(155%)!important;-webkit-backdrop-filter:blur(5px) saturate(155%)!important;background:radial-gradient(ellipse at var(--light-x) 0%,rgba(255,255,255,.28),transparent 58%),linear-gradient(165deg,rgba(255,255,255,.12),rgba(255,255,255,.01) 45%,rgba(226,245,234,.06))!important;border:1px solid rgba(255,255,255,.46)!important;box-shadow:inset 1px 1px 2px rgba(255,255,255,.65),inset -1px -1px 2px rgba(255,255,255,.35)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav::before{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 52%,rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.58)!important;backdrop-filter:blur(2px) saturate(160%)!important;-webkit-backdrop-filter:blur(2px) saturate(160%)!important;box-shadow:inset 0 1px 2px rgba(255,255,255,.85),inset 0 -1px 2px rgba(255,255,255,.45),0 2px 7px rgba(42,94,64,.09),0 0 0 1px rgba(106,164,134,.12)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] :is(.nav-yoga-petal,.nav-home-shell,.nav-explore-search,.nav-profile-head,.nav-profile-body-fill){fill:var(--nav-active-fill)!important;stroke:#356d59!important;stroke-width:1.4!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav button[aria-pressed=true] .nav-home-smile{stroke:#356d59!important}
@media(prefers-reduced-transparency:reduce){html body .board-glass-nav.board-glass-nav.board-glass-nav{background:#fafcfb!important}html body .board-glass-nav.board-glass-nav.board-glass-nav::after,html body .board-glass-nav.board-glass-nav.board-glass-nav::before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.board-glass-nav::before{background:#e1f4e9!important}}

/* Local color stays around the glyph; labels and selection lens remain clear. */
html body .board-glass-nav.board-glass-nav.board-glass-nav button{--icon-blob:213,190,152}
html body .board-glass-nav.board-glass-nav.board-glass-nav button:nth-child(2){--icon-blob:183,164,208}
html body .board-glass-nav.board-glass-nav.board-glass-nav button:nth-child(3){--icon-blob:148,190,168}
html body .board-glass-nav.board-glass-nav.board-glass-nav button:nth-child(4){--icon-blob:213,175,186}


/* 10 October local review: neutral glass keeps warm artwork from tinting the navigation brown. */
html body .board-glass-nav.board-glass-nav.board-glass-nav{background:rgba(246,252,249,.50)!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav::after{backdrop-filter:blur(12px) saturate(95%)!important;-webkit-backdrop-filter:blur(12px) saturate(95%)!important;background:radial-gradient(ellipse at var(--light-x) 0%,rgba(255,255,255,.38),transparent 58%),linear-gradient(165deg,rgba(255,255,255,.30),rgba(242,252,247,.20) 45%,rgba(230,246,238,.26))!important}
html body .board-glass-nav.board-glass-nav.board-glass-nav::before{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(227,245,234,.30) 52%,rgba(247,255,250,.38))!important;backdrop-filter:blur(2px) saturate(100%)!important;-webkit-backdrop-filter:blur(2px) saturate(100%)!important}
