*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep: #04080e;--surface: rgba(8, 14, 22, .72);--surface-strong: rgba(8, 14, 22, .88);--glass-border: rgba(200, 220, 255, .1);--glass-fill: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.015));--glass-shadow: 0 24px 80px rgba(0,0,0,.5);--text: rgba(230, 242, 255, .93);--text-soft: rgba(230, 242, 255, .62);--text-dim: rgba(230, 242, 255, .38);--accent: #97e0d2;--accent-soft: rgba(151, 224, 210, .14);--accent-glow: rgba(151, 224, 210, .25);--warn: #edcab1;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--transition-slow: 1.2s var(--ease-out);--transition-med: .6s var(--ease-out);--transition-fast: .3s var(--ease-out)}body.theme-grounded{--accent: #97e0d2;--accent-soft: rgba(151, 224, 210, .14);--accent-glow: rgba(151, 224, 210, .25)}body.theme-clarity{--accent: #9bc9ff;--accent-soft: rgba(155, 201, 255, .16);--accent-glow: rgba(155, 201, 255, .28)}body.theme-restore{--accent: #d9d8aa;--accent-soft: rgba(217, 216, 170, .14);--accent-glow: rgba(217, 216, 170, .22)}html,body{width:100%;height:100%;overflow:hidden;color:var(--text);background:var(--bg-deep);font-family:Manrope,Avenir Next,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:16px;line-height:1.5}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);display:grid;place-items:center}.screen.active{opacity:1;pointer-events:auto}.glass{border:1px solid var(--glass-border);background:var(--glass-fill);box-shadow:var(--glass-shadow);backdrop-filter:blur(32px) saturate(1.15);-webkit-backdrop-filter:blur(32px) saturate(1.15)}.eyebrow{letter-spacing:.24em;text-transform:uppercase;font-size:.62rem;font-weight:600;color:var(--text-dim)}.brand{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:300;line-height:1;letter-spacing:.015em;color:var(--text)}.section-label{letter-spacing:.16em;text-transform:uppercase;font-size:.58rem;font-weight:600;color:var(--text-dim);margin-bottom:8px}#intro{padding:max(20px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.intro-panel{width:min(880px,100%);max-height:min(860px,calc(100dvh - 40px));overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-lg);padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:28px}.intro-header{display:flex;flex-direction:column;gap:8px;text-align:center;align-items:center}.intro-copy{color:var(--text-soft);font-size:clamp(.88rem,1.8vw,1rem);line-height:1.7;max-width:48ch}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px)}.intro-left,.intro-right{display:flex;flex-direction:column;gap:12px}.journey-grid{display:flex;flex-direction:column;gap:8px}.journey-card{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 16px;background:#080e1680;cursor:pointer;text-align:left;color:inherit;font:inherit;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);outline:none}.journey-card:hover,.journey-card:focus-visible{transform:translateY(-1px);border-color:#c8dcff33;background:#0c141eb3}.journey-card:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.journey-card.active{border-color:color-mix(in oklab,var(--accent) 68%,white 32%);background:linear-gradient(165deg,var(--accent-soft),rgba(12,20,30,.72));box-shadow:0 0 28px var(--accent-soft)}.journey-title{font-family:Fraunces,serif;font-size:1.02rem;font-weight:400;letter-spacing:.01em}.journey-desc{margin-top:4px;color:var(--text-soft);font-size:.8rem;line-height:1.5}.journey-focus{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:linear-gradient(170deg,var(--accent-soft),rgba(6,10,16,.38));padding:12px 14px;color:var(--text-soft);line-height:1.6;font-size:.82rem}.journey-source{color:var(--text-dim);font-size:.68rem;line-height:1.55;letter-spacing:.03em}.duration-pills,.program-pills,.intent-pills{display:flex;flex-wrap:wrap;gap:8px}.duration-pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);padding:8px 14px;font-weight:500;background:#060a1080;color:var(--text-soft);cursor:pointer;font:inherit;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);outline:none}.program-pill,.intent-pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);padding:7px 12px;font:inherit;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:#060a1075;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.program-pill:hover,.intent-pill:hover,.program-pill:focus-visible,.intent-pill:focus-visible{border-color:#c8dcff38;color:var(--text)}.program-pill.active,.intent-pill.active{border-color:color-mix(in oklab,var(--accent) 62%,white 38%);background:var(--accent-soft);color:var(--text)}.intent-pill.none{opacity:.85}.recommendation-note{border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-soft);font-size:.76rem;line-height:1.5;background:#080e1670}.duration-pill:hover,.duration-pill:focus-visible{border-color:#c8dcff38;color:var(--text)}.duration-pill:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.duration-pill.active{border-color:color-mix(in oklab,var(--accent) 68%,white 32%);color:var(--text);background:var(--accent-soft)}.toggles{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px;background:#060a1080}.toggle-label{font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.toggle-btn{width:48px;height:26px;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#ffffff14;position:relative;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);outline:none}.toggle-btn:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#ffffffa6;transition:transform var(--transition-fast),background var(--transition-fast)}.toggle-btn.on{background:var(--accent-soft);border-color:color-mix(in oklab,var(--accent) 60%,white 40%)}.toggle-btn.on:after{transform:translate(22px);background:color-mix(in oklab,var(--accent) 55%,white 45%)}.toggle-btn:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.volume-row{border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:10px 14px;background:#060a1080;display:flex;align-items:center;justify-content:space-between;gap:12px}.volume-row label{font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:var(--radius-pill);background:#ffffff1f;outline:none;flex:1;max-width:200px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);cursor:pointer;transition:transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);cursor:pointer}.start-btn{margin-top:4px;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--accent) 60%,white 40%);background:linear-gradient(155deg,color-mix(in oklab,var(--accent) 22%,transparent),#0c141eb3);color:var(--text);cursor:pointer;padding:14px 20px;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);outline:none;position:relative;overflow:hidden}.start-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:radial-gradient(ellipse at 50% 0%,var(--accent-glow),transparent 70%);opacity:0;transition:opacity var(--transition-fast)}.start-btn:hover:before,.start-btn:focus-visible:before{opacity:1}.start-btn:hover,.start-btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 32px var(--accent-soft),0 0 0 1px var(--accent-glow)}.start-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}.intro-footer{padding-top:8px;border-top:1px solid var(--glass-border)}.stat-band{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stat-pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);padding:6px 10px;font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);background:#060a1066}#session{z-index:3}.session-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:auto 1fr auto auto;align-items:center;justify-items:center;padding:max(14px,env(safe-area-inset-top)) 16px max(14px,env(safe-area-inset-bottom));gap:0;pointer-events:none;z-index:4}.topbar{pointer-events:auto;justify-self:stretch;display:flex;justify-content:space-between;align-items:center;padding:6px 4px;opacity:1;transition:opacity var(--transition-med)}.topbar.hidden{opacity:0;pointer-events:none}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:var(--radius-pill);border:1px solid var(--glass-border);padding:5px 12px;font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft);background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.narration-status.status-loading{border-color:#e0ca9673;color:#f0ddb7eb}.narration-status.status-playing{border-color:color-mix(in oklab,var(--accent) 58%,white 42%);color:color-mix(in oklab,var(--accent) 72%,white 28%)}.narration-status.status-fallback{border-color:#edcab180;color:#edcab1f5}.narration-status.status-error{border-color:#ff9d9d85;color:#ffb3b3fa}.exit-btn{pointer-events:auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border);background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-soft);cursor:pointer;display:grid;place-items:center;transition:background var(--transition-fast),color var(--transition-fast);outline:none}.exit-btn:hover,.exit-btn:focus-visible{background:#ffffff1f;color:var(--text)}.exit-btn:focus-visible{box-shadow:0 0 0 2px var(--accent-glow)}.guidance-wrap{align-self:end;text-align:center;min-height:60px;display:grid;place-items:center;padding:0 24px}#guidance-line{font-family:Fraunces,serif;font-size:clamp(1rem,2.4vw,1.3rem);font-weight:300;color:var(--text);opacity:0;transform:translateY(6px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);max-width:44ch;line-height:1.6;text-shadow:0 2px 16px rgba(0,0,0,.5)}#guidance-line.visible{opacity:1;transform:translateY(0)}.breath-area{display:flex;flex-direction:column;align-items:center;gap:16px;align-self:start}.phase-arc-wrap{position:relative;width:clamp(100px,18vw,130px);height:clamp(100px,18vw,130px);display:grid;place-items:center}.phase-arc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.phase-arc-track{fill:none;stroke:#ffffff0f;stroke-width:1.5}.phase-arc-fill{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:351.86;stroke-dashoffset:351.86;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset .4s linear;filter:drop-shadow(0 0 4px var(--accent-glow))}.orb{width:clamp(64px,12vw,88px);height:clamp(64px,12vw,88px);border-radius:50%;position:relative;transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out);will-change:transform}.orb-core{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22) 0%,color-mix(in oklab,var(--accent) 30%,transparent) 50%,transparent 100%);filter:blur(1px)}.orb-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);box-shadow:0 0 40px var(--accent-soft),inset 0 0 30px #ffffff0f;animation:orbPulse 4s ease-in-out infinite}@keyframes orbPulse{0%,to{opacity:.6}50%{opacity:1}}.breath-label{letter-spacing:.3em;text-transform:uppercase;font-size:.6rem;font-weight:600;color:var(--text-dim);transition:opacity var(--transition-fast);text-shadow:0 1px 8px rgba(0,0,0,.4)}.timer{font-family:Fraunces,serif;font-size:1.1rem;color:var(--text-soft);font-variant-numeric:tabular-nums;text-shadow:0 1px 8px rgba(0,0,0,.4)}.bottom-controls{pointer-events:auto;justify-self:center;width:min(580px,90vw);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;opacity:1;transition:opacity var(--transition-med)}.bottom-controls.hidden{opacity:0;pointer-events:none}.voice-meter{width:100%;height:4px;border-radius:var(--radius-pill);background:#ffffff14;overflow:hidden;position:relative}.voice-meter-bar{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 50%,transparent),#f5f7ffbf);transition:width .14s linear;border-radius:inherit}.session-volume{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:.64rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.session-volume input[type=range]{width:100px}.narration-retry{border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:#060a108c;color:var(--text-soft);font:inherit;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 11px;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.narration-retry:hover,.narration-retry:focus-visible{border-color:color-mix(in oklab,var(--accent) 48%,white 52%);color:var(--text);background:#101824b8}#complete{z-index:5}.complete-panel{width:min(520px,92vw);border-radius:var(--radius-lg);padding:clamp(28px,5vw,44px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.complete-title{font-family:Fraunces,serif;font-size:clamp(2rem,6vw,2.8rem);font-weight:300;letter-spacing:.015em}.complete-sub{color:var(--text-soft);line-height:1.7;font-size:.95rem;max-width:40ch}.complete-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.complete-stat{text-align:center}.complete-stat-value{font-family:Fraunces,serif;font-size:1.6rem;font-weight:300;color:var(--accent)}.complete-stat-label{font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.complete-meta{color:var(--text-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.reflection-area{width:100%;max-width:360px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.reflection-label{font-size:.72rem;color:var(--text-soft);letter-spacing:.04em}.reflection-input{width:100%;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#060a1080;color:var(--text);padding:10px 12px;font:inherit;font-size:.88rem;line-height:1.5;resize:none;outline:none;transition:border-color var(--transition-fast)}.reflection-input::placeholder{color:var(--text-dim)}.reflection-input:focus{border-color:color-mix(in oklab,var(--accent) 40%,transparent)}.again-btn{margin-top:6px;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--accent) 60%,white 40%);background:linear-gradient(155deg,color-mix(in oklab,var(--accent) 20%,transparent),#0c141eb8);color:var(--text);cursor:pointer;padding:12px 22px;font:inherit;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;outline:none;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.again-btn:hover,.again-btn:focus-visible{transform:translateY(-1px);box-shadow:0 8px 28px var(--accent-soft)}.again-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-glow)}@media(max-width:720px){.intro-body{grid-template-columns:1fr}.bottom-controls{grid-template-columns:1fr;gap:10px}.session-volume{justify-content:space-between}.session-volume input[type=range]{width:min(50vw,180px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.2s!important}.orb-ring{animation:none;opacity:.8}}.intro-panel::-webkit-scrollbar{width:4px}.intro-panel::-webkit-scrollbar-track{background:transparent}.intro-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-pill)}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#080e16b8;border-top:1px solid var(--glass-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;justify-content:space-around;align-items:stretch;transform:translateY(0);transition:transform var(--transition-med),opacity var(--transition-med);opacity:1}.tab-bar.hidden{transform:translateY(100%);opacity:0;pointer-events:none}.tab-bar__tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 6px;min-height:52px;text-decoration:none;color:var(--text-dim);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);position:relative}.tab-bar__tab:hover,.tab-bar__tab:focus-visible{color:var(--text-soft)}.tab-bar__tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-sm)}.tab-bar__tab[aria-selected=true]{color:var(--accent)}.tab-bar__tab[aria-selected=true]:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);transition:opacity var(--transition-fast)}.tab-bar__icon{width:22px;height:22px;flex-shrink:0}.tab-bar__icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tab-bar__label{font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1;white-space:nowrap}