*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#102c3b;color:#e9e4d8;font:16px/1.6 system-ui,sans-serif}main{max-width:1320px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;padding:4px 2px 16px;font-size:11px;letter-spacing:.16em}a{color:#c9ba94}#scene{height:min(73vh,820px);min-height:400px;position:relative;overflow:hidden;border:1px solid #374758;border-radius:20px;background:#080f1c}canvas{position:absolute;inset:0;width:100%;height:100%}.heading{position:absolute;top:27px;left:32px;pointer-events:none;text-shadow:0 2px 18px #000}.heading span{font-size:10px;letter-spacing:.22em;color:#dccaa2}.heading h1{font:400 clamp(25px,3.6vw,42px)/1.2 Georgia,serif;margin:8px 0;color:#fff4de}#verse{position:absolute;bottom:58px;width:100%;padding:0 18px;text-align:center;color:#ffefd2;font-size:clamp(14px,2vw,20px);text-shadow:0 2px 14px #000;pointer-events:none}.scene-footer{position:absolute;bottom:22px;left:26px;right:26px;display:flex;justify-content:space-between;color:#e1d8c4;font-size:11px;letter-spacing:.1em}#progress{position:absolute;bottom:0;width:100%;height:3px;background:#ffffff18}#progress i{display:block;height:100%;width:0;background:#d4be80;transition:width .3s linear}#panel{padding:22px 4px}.buttons,.options,.toggles{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:19px}button,select{font:inherit;color:inherit;border:1px solid #455366;border-radius:9px;background:#193e4d;padding:10px 16px;cursor:pointer}button:hover{background:#243b4f}.primary{background:#ddc999;color:#152538;border-color:#ddc999;min-width:120px}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ecdba4;outline-offset:3px}.options{gap:20px;align-items:center}label{display:inline-flex;align-items:center;gap:8px;font-size:14px}input[type=range]{width:115px;accent-color:#d3b975}input[type=checkbox]{accent-color:#d3b975}.intro{color:#c3d8d6;max-width:1100px;font-size:14px}#status{color:#d6c390;font-size:13px}.journey{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid #2a3744;padding-top:18px}.journey button{font-size:12px;padding:7px 10px;background:transparent;color:#a2b4c4}.journey button[aria-current=true]{color:#f5dfad;border-color:#bb9955;background:#cda75e16}#restore{position:absolute;right:15px;top:15px;opacity:.85}.compact main{padding:0;max-width:none}.compact header,.compact #panel,.compact .heading,.compact .scene-footer,.compact #progress{display:none}.compact #scene{border:0;border-radius:0;height:100vh;min-height:0}main:fullscreen{background:#102c3b;max-width:none;width:100%;overflow:auto}.compact main:fullscreen #scene{height:100vh}[hidden]{display:none!important}@media(max-width:600px){main{padding:8px}#scene{height:65vh;min-height:360px}.heading{left:18px;top:18px}.heading span{letter-spacing:.12em}.buttons{gap:8px}button{font-size:14px;padding:10px 12px}.options{gap:13px}.scene-footer{left:15px;right:15px}#verse{font-size:15px;bottom:54px}.journey button{font-size:11px}}

.modes{display:flex;gap:10px;margin:0 0 20px}.modes button{flex:1;max-width:260px;font-size:17px;padding:13px 22px}.modes button[aria-pressed="true"]{background:#ddc999;color:#152538;border-color:#ddc999}.modes button[aria-pressed="false"]{background:#1b4551;color:#cbd9e0}

/* Shared Your Yoga program standard. */
html{forced-color-adjust:none}body{background:#080b16;color:#ece6f0;font:15px/1.5 Arial,sans-serif}main{padding:0;border:1px solid #534965;border-radius:20px;overflow:hidden;background:#080b16;max-width:none}
header{display:block;text-align:center;padding:23px;background:#141326;letter-spacing:normal}header>span{font-size:10px;letter-spacing:2px;color:#cbb48d}header h2{font:normal clamp(27px,4vw,42px)/1.2 Georgia,serif;color:#f3dfb9;margin:10px 0}header p{font-size:13px;color:#b8acc4;margin:0}
#scene{border:0;border-radius:0}#panel{padding:20px 24px;background:#141326;border-top:1px solid #453b56}.toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:18px}
button,select{border-color:#655575;background:#262139;color:#eee7f1;min-height:44px;font:inherit;line-height:1.3;padding:10px 14px;border-radius:8px}button:hover{background:#392f4f}.primary,.modes button[aria-pressed=true]{background:#d6bd89;color:#211a2f;border-color:#d6bd89}.primary:hover{background:#f0d6a0}.modes button[aria-pressed=false]{background:#0c0d1c;color:#e5d4b5}.modes button{max-width:none;min-width:0;font:normal 18px Georgia,serif}
.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.options label{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;font-size:12px;color:#c9bfd4}.options select{width:100%;min-width:0;font-size:13px}.options input[type=range]{width:100%;min-width:0;margin-inline:0}.toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.toggles label{min-width:0;font-size:12px;color:#c9bfd4}.toggles input{width:18px;height:18px;flex-shrink:0}.intro{color:#bcb1c9;font-size:13px}.journey button{color:#c9bfd4;border-color:#655575}.journey{border-color:#453b56}
.program-credit{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 24px;padding:17px 20px;background:#100f20;border-top:1px solid #453b56;text-align:center;font:12px/1.6 Arial,sans-serif;color:#bcb1c9}.program-credit a{color:#e6d4b6;text-decoration:underline;text-underline-offset:3px}.program-credit a:hover{color:#fff0cc}
#restore{top:auto;bottom:18px;right:14px;z-index:5;font-size:12px;background:#201d31e8;opacity:.6}#restore:hover,#restore:focus-visible{opacity:1}.compact main{border:0;border-radius:0}.compact footer{display:none}
main:fullscreen{background:#080b16;border:0;border-radius:0;padding:0;height:100dvh;display:flex;flex-direction:column}main:fullscreen header,main:fullscreen footer,main:fullscreen .heading,main:fullscreen .scene-footer{display:none}main:fullscreen #scene{flex:1;min-height:200px;height:auto}main:fullscreen #panel{flex:none;max-height:48dvh;overflow:auto}.compact main:fullscreen #scene{height:100dvh;min-height:0}
html.eyes-embedded,html.eyes-embedded body{overflow:hidden}.eyes-embedded #scene{height:var(--host-scene-height,560px)}.eyes-embedded .compact #scene{height:var(--host-viewport-height,700px)}.eyes-embedded main:fullscreen #scene{height:auto}.eyes-embedded .compact main:fullscreen #scene{height:100dvh}
@media(max-width:600px){main{padding:0}#panel{padding:16px}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.options label:first-child{grid-column:1/-1}.modes{gap:8px}.modes button{padding:12px 8px;font-size:16px}.program-credit{padding:15px 12px}}@media(max-width:350px){.toggles{grid-template-columns:1fr}}