
:root{color-scheme:dark;font-family:Arial,sans-serif;background:#080d17;color:#e9edf6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #354352;background:#182331;color:#e6ebf5;border-radius:9px;padding:11px 16px;transition:background .2s}button:hover{background:#29384a}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e8c493;outline-offset:3px}button:disabled{opacity:.4;cursor:default}header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 28px;border-bottom:1px solid #ffffff13}header a{font-size:10px;letter-spacing:2px;color:#a8b8cf;text-decoration:none}.layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;padding:28px;max-width:1500px;margin:auto}aside{padding:8px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:#bda887}h1{font-family:Georgia,serif;font-size:40px;line-height:1.08;font-weight:normal;margin:18px 0}.lead{color:#afbbce;font-size:14px;line-height:1.65}.fields{display:grid;gap:15px;margin-top:25px}label{display:block;color:#c4cfdf;font-size:12px;line-height:1.5}input[type=number],select{display:block;width:100%;padding:11px 12px;background:#131e2c;border:1px solid #344152;border-radius:8px;color:#f4e7d4;margin-top:6px}input[type=range]{display:block;width:100%;accent-color:#dbba8e}.toggle{display:flex;align-items:center;gap:8px;margin:13px 0}.toggle input{accent-color:#dbba8e}summary{cursor:pointer;font-size:13px;color:#e6d1b1}details{border-top:1px solid #ffffff18;padding-top:16px}.notice,.small{font-size:11px;line-height:1.65;color:#a4b1c5}.notice{border-left:2px solid #9f825c;padding-left:12px;margin:19px 0}#estimate{font-size:12px;color:#dac19b}.quiet{background:transparent;font-size:11px}.player{min-width:0;border:1px solid #ffffff18;border-radius:20px;overflow:hidden;align-self:start;box-shadow:0 25px 70px #0005}.scene{position:relative;isolation:isolate;min-height:560px;height:65vh;max-height:840px;background:radial-gradient(ellipse at 50% 50%,#263448,#101826 50%,#050913);overflow:hidden}canvas,.aura,.vignette,video{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}canvas{z-index:-2}.aura{inset:12%;width:76%;height:76%;border-radius:50%;background:radial-gradient(ellipse,#ba986d20,transparent 62%);box-shadow:inset 0 0 90px #bfc6ff0a;border:1px solid #d5bc9322;z-index:-1}.scene[data-kind=womb]{background:#170d15}.scene[data-kind=portal] .aura{box-shadow:0 0 100px #c88c4d30,inset 0 0 80px #c5975230;border:1px solid #e5bf9977}.scene[data-kind=quiet]{background:#080b13}.scene[data-kind=quiet] .aura{opacity:.2}video{object-fit:contain;opacity:0;z-index:-1;transition:opacity 2s}.scene[data-kind=womb] video.visible{opacity:.8}.vignette{z-index:0;background:linear-gradient(#060b1680,transparent 30%,#050912d9 100%)}.scene-top,.scene-bottom{position:absolute;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c1b59f;font-size:10px;letter-spacing:1.6px;z-index:2}.scene-top{top:24px}.scene-bottom{bottom:24px;letter-spacing:.4px;color:#a8b6c9}.words{position:absolute;inset:14% 9% 14%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:1}#age-display{font:normal clamp(80px,10vw,155px)/1 Georgia,serif;color:#e6c697;text-shadow:0 0 60px #cba26944;transition:opacity .5s}#kicker{color:#cbb58f;text-transform:uppercase;font-size:10px;letter-spacing:3px;margin:18px 0}h2{font:normal clamp(23px,3vw,38px)/1.25 Georgia,serif;margin:4px 0 20px;text-wrap:balance;color:#f2eadf}#cue{font-size:clamp(14px,1.6vw,18px);line-height:1.75;color:#c3ccdc;max-width:520px;min-height:90px;margin:0;text-wrap:balance}.scene[data-kind=womb] .words{justify-content:flex-end;inset:48% 8% 12%}.scene[data-kind=womb] #age-display{display:none}.scene[data-kind=womb] #kicker{margin:8px}.scene[data-kind=womb] h2{font-size:27px;margin-bottom:10px}.scene[data-kind=womb] #cue{font-size:15px;min-height:60px}.controls{background:#101a28}.progress{height:3px;background:#ffffff13}#progress{height:100%;width:0;background:linear-gradient(90deg,#9faecc,#e9c58e)}.buttons{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:22px 12px 12px}.primary{min-width:130px;background:#e6c698;color:#17202d;border-color:#e6c698;font-weight:bold}.primary:hover{background:#f3dcb9}.foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:0 14px 18px}.foot button{font-size:11px;border:0;background:transparent;padding:8px;color:#b7c5d8}.foot #return{color:#e8cba5}#total{font-size:10px;color:#8293ad}#hold[aria-pressed=true]{border-color:#e6c698;color:#e6c698}#status{position:absolute;bottom:55px;left:8%;right:8%;text-align:center;font-size:11px;color:#f4cd96;z-index:3}footer{text-align:center;color:#697b94;font-size:10px;line-height:1.8;padding:0 20px 22px}.compact .layout{grid-template-columns:1fr;max-width:1300px}.compact aside{display:none}#regression:fullscreen{background:#080d17;overflow:auto}#regression:fullscreen .scene{height:calc(100vh - 210px);max-height:none}body.fallback{position:fixed;inset:0;overflow:auto;z-index:9999}body.fallback header{position:sticky;top:0;background:#080d17;z-index:5}[hidden]{display:none!important}@media(max-width:900px){.layout{grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px}h1{font-size:32px}.scene{min-height:560px}header{padding:16px}}@media(max-width:650px){.layout{display:flex;flex-direction:column;padding:12px;gap:20px}aside{padding:6px 8px}.fields{grid-template-columns:90px 1fr;gap:12px}h1{font-size:36px}h1 br{display:none}.scene{min-height:520px;height:65vh}.player{width:100%}.words{inset:15% 7%}.buttons{gap:6px}.buttons button{padding:10px;font-size:12px}.primary{min-width:90px}header{gap:8px}header a{font-size:8px;letter-spacing:1px}header button{font-size:10px;padding:9px}.scene-top,.scene-bottom{left:18px;right:18px;font-size:9px}.scene[data-kind=womb] .words{inset:42% 6% 11%}#regression:fullscreen .scene{height:70vh}.notice{font-size:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#chapters{width:calc(100% - 32px);margin:0 16px 18px;font-size:12px}

@keyframes agePulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.motion-on .scene[data-kind=countdown] #age-display{animation:agePulse .9s ease-in-out infinite;animation-play-state:paused}.running.motion-on .scene[data-kind=countdown] #age-display{animation-play-state:running}

/* Wide meditation with settings underneath. */
.layout{display:flex;flex-direction:column;max-width:1500px;gap:22px}.player{width:100%;align-self:stretch}aside{width:100%;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px;background:#101a28;border:1px solid #ffffff18;border-radius:16px}aside h1{margin:0;font-size:30px}aside .fields{margin:0}aside .notice,aside .small,aside #estimate{margin:0}aside details{margin:0}aside .eyebrow,aside .lead,aside #hide-settings{grid-column:1/-1}aside #hide-settings{justify-self:center}.scene{height:70vh;min-height:520px;max-height:1000px}.compact header,.compact footer,.compact .controls,.compact .scene-bottom,.compact #chapter,.compact #clock{display:none}.compact .layout{padding:0;margin:0;max-width:none}.compact .player{border:0;border-radius:0;box-shadow:none}.compact .scene,#regression.compact:fullscreen .scene{height:100vh;min-height:420px;max-height:none}.compact .scene-top{justify-content:flex-end;top:14px;right:14px}.compact #show-settings{font-size:11px;opacity:.55;padding:8px 12px}.compact #show-settings:hover,.compact #show-settings:focus-visible{opacity:1}@media(max-width:650px){aside{display:flex;flex-direction:column;padding:18px}.scene{min-height:480px}aside #hide-settings{align-self:center}.fields{grid-template-columns:1fr}}

/* Shared Your Yoga program layout: yantra reference. */
:root{background:#080b16;color:#ece6f0;forced-color-adjust:none}
#regression{position:relative;overflow:hidden;border:1px solid #534965;border-radius:20px;background:#080b16;font:15px/1.5 Arial,sans-serif}
header{display:block;text-align:center;padding:23px;background:#141326;border:0}
header>span{font-size:10px;letter-spacing:2px;color:#cbb48d}header h1{font:normal clamp(27px,4vw,42px)/1.2 Georgia,serif;color:#f3dfb9;margin:10px 0}header p{font-size:13px;color:#b8acc4;margin:0}
.layout{padding:0;gap:0;max-width:none}.player{border:0;border-radius:0;box-shadow:none}.scene{height:70vh;min-height:480px}
aside{border:0;border-top:1px solid #453b56;border-radius:0;padding:20px 24px;background:#141326;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
aside>*{min-width:0}.toolbar{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;grid-column:1/-1}.toolbar #hide-settings{grid-column:auto;justify-self:auto}
button{min-height:44px;padding:10px 14px;border:1px solid #655575;border-radius:8px;background:#262139;color:#eee7f1;line-height:1.3}button:hover{background:#392f4f}.primary{background:#d6bd89;color:#211a2f}.primary:hover{background:#f0d6a0}
input[type=number],select{background:#262139;border-color:#655575}input[type=range]{min-width:0;margin-inline:0;width:100%}.toggle input{flex-shrink:0}label{overflow-wrap:anywhere}.fields{grid-template-columns:minmax(0,1fr);max-width:220px}.lead,.notice,.small,#estimate{color:#bcb1c9}
aside .controls,aside .small{grid-column:1/-1}.controls{background:transparent}.buttons,.foot{justify-content:flex-start;padding-left:0;padding-right:0}.progress{margin-bottom:8px}#chapters{width:100%;margin:0 0 12px;min-width:0}
.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}
#show-settings{position:absolute;right:14px;bottom:18px;z-index:6;font-size:12px;background:#201d31e8}
#regression:fullscreen,body.fallback #regression{border:0;border-radius:0;display:flex;flex-direction:column;height:100dvh;overflow:auto;background:#080b16}
#regression:fullscreen header,#regression:fullscreen footer,body.fallback header,body.fallback footer{display:none}
#regression:fullscreen .layout,body.fallback .layout{flex:1;min-height:0}#regression:fullscreen aside,body.fallback aside{max-height:48dvh;overflow:auto;flex:none}
#regression:fullscreen .player,body.fallback .player{flex:1;min-height:0}#regression:fullscreen .scene,body.fallback .scene{height:100%;min-height:200px;max-height:none}
#regression.compact:fullscreen .scene,body.fallback .compact .scene{height:100dvh;min-height:0}.compact #show-settings{opacity:.6}.compact #show-settings:hover,.compact #show-settings:focus-visible{opacity:1}
@media(max-width:650px){aside{padding:16px}.toolbar{width:100%}.fields{width:100%;max-width:none}.program-credit{padding:15px 12px}.scene{min-height:480px}.buttons button{min-width:0}header h1{font-size:30px}}

/* Embedded player follows its content, not a fixed iframe viewport. */
html.regression-embedded,html.regression-embedded body{overflow:hidden}
.regression-embedded .scene{height:var(--host-scene-height,560px)}
.regression-embedded .compact .scene{height:var(--host-viewport-height,700px)}
.regression-embedded #regression:fullscreen .scene{height:100%}
.regression-embedded #regression.compact:fullscreen .scene{height:100dvh}
