@font-face{font-family:Newsreader;src:url('assets/newsreader.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#f6f2e9;--soft:#ccd8da;--sea:#132b35;--line:rgba(238,245,244,.22);--font-body:Manrope,sans-serif;--font-display:Newsreader,Georgia,serif;--edge:clamp(24px,4.2vw,72px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;background:var(--sea)}body{height:100svh;min-height:560px;overflow:hidden;color:var(--ink);font:400 1rem/1.5 var(--font-body);-webkit-font-smoothing:antialiased}button,a,input,label{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{font:inherit;border:0;cursor:pointer}button{background:none}button:disabled{opacity:.6;cursor:wait}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:6px}::selection{background:var(--ink);color:var(--sea)}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.landscape,.shade{position:fixed;inset:0;pointer-events:none}.landscape{overflow:hidden;background:#304c62}.landscape img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;transform:scale(1.05);animation:sea-drift 16s linear infinite alternate;will-change:transform}.shade{background:linear-gradient(180deg,rgba(13,28,38,.27),rgba(13,28,38,.04) 33%,rgba(13,28,38,.09) 53%,rgba(8,27,38,.79) 100%)}@keyframes sea-drift{from{transform:scale(1.08) translate3d(-2%,.7%,0)}to{transform:scale(1.18) translate3d(2%,-.9%,0)}}body.motion-off .landscape img{animation-play-state:paused}body.page-hidden .landscape img{animation-play-state:paused}
.topbar{position:fixed;left:var(--edge);right:var(--edge);top:max(29px,env(safe-area-inset-top));display:flex;align-items:center;justify-content:space-between;z-index:3}.wordmark{font:300 2.35rem/.95 var(--font-display);letter-spacing:-.025em;display:flex;align-items:center;gap:15px;min-height:44px}.wordmark-line{display:block;width:26px;border-top:1px solid currentColor;transform:translateY(6px);opacity:.65}.top-actions{display:flex;align-items:center;gap:34px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;transition:background .3s ease,color .3s ease}.icon-button:hover{background:rgba(246,242,233,.10)}.text-button{min-height:44px;padding:0;font-size:.875rem;color:var(--soft);text-underline-offset:5px}.text-button:hover{text-decoration:underline;color:var(--ink)}
.invitation{position:absolute;left:24px;right:24px;top:36%;transform:translateY(-50%);text-align:center;transition:opacity 1.5s ease,filter 1.5s ease;z-index:2}h1{font:300 clamp(3.5rem,6.5vw,6rem)/1.04 var(--font-display);letter-spacing:-.035em;margin:0;text-wrap:balance;text-shadow:0 2px 22px rgba(13,28,38,.15)}.invitation p{font-size:.9375rem;color:var(--ink);margin:20px 0 31px;letter-spacing:.015em}.begin-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid rgba(246,242,233,.55);border-radius:50px;padding:16px 25px 16px 29px;min-height:54px;background:rgba(21,47,58,.23);font-size:.875rem;transition:background .35s,border-color .35s}.begin-button:hover{background:rgba(246,242,233,.13);border-color:var(--ink)}.begin-button svg{width:18px;height:18px}.headphone-note{display:block;margin-top:18px;font-size:.75rem;color:var(--soft)}.session-note{position:absolute;left:24px;right:24px;top:43%;text-align:center;font:300 1.75rem/1.2 var(--font-display);opacity:0;pointer-events:none;transition:opacity 1.8s ease}.started .invitation{opacity:0;filter:blur(5px);pointer-events:none}.started .session-note{opacity:.85}
.listening{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);z-index:3}
.player{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.track-group{display:flex;align-items:center;gap:16px;min-width:230px}.play-button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(246,242,233,.45);display:grid;place-items:center;transition:background .3s,border-color .3s}.play-button:hover{background:rgba(246,242,233,.1);border-color:var(--ink)}.play-button svg{width:22px;height:22px}.track-text{display:flex;flex-direction:column;gap:3px;font-size:.875rem}.track-text>span+span{font-size:.75rem;color:var(--soft)}.player-hint{font:300 1.15rem/1.3 var(--font-display);color:var(--soft)}.player-actions{display:flex;align-items:center;gap:22px}.volume-group{display:flex;align-items:center;gap:5px}input[type=range]{appearance:none;width:76px;height:32px;margin:0;cursor:pointer;background:transparent;border-radius:3px}input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,var(--ink) var(--volume),rgba(246,242,233,.26) var(--volume));border-radius:1px}input[type=range]::-moz-range-track{height:2px;background:rgba(246,242,233,.26)}input[type=range]::-moz-range-progress{height:2px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);width:9px;height:9px;border-radius:50%;margin-top:-3.5px}input[type=range]::-moz-range-thumb{border:0;background:var(--ink);width:9px;height:9px;border-radius:50%}.action-divider{height:20px;border-left:1px solid var(--line)}.motion-button{display:flex;align-items:center;gap:9px;font-size:.8125rem;min-height:44px;padding:0;color:var(--soft)}.motion-button:hover{color:var(--ink)}.motion-button svg{width:19px}.footnote{display:flex;justify-content:space-between;font-size:.75rem;color:var(--soft);padding-top:17px;letter-spacing:.01em}.quiet-ui{transition:opacity 1.7s ease,visibility 1.7s}.immersed .quiet-ui{opacity:0;visibility:hidden;pointer-events:none}.immersed{cursor:none}.status{position:fixed;bottom:165px;left:50%;transform:translateX(-50%);background:rgba(12,32,42,.96);border:1px solid var(--line);padding:13px 20px;border-radius:10px;max-width:min(90vw,450px);margin:0;font-size:.875rem;text-align:center;z-index:5}.status:empty{display:none}.noscript{position:fixed;bottom:0;left:0;right:0;z-index:9;background:var(--sea);padding:16px;text-align:center;font-size:.875rem}
@media(min-aspect-ratio:2/1){.landscape img{object-position:50% 58%}.invitation{top:38%}}
@media(max-width:760px){.player-hint{display:none}.top-actions{gap:15px}.player-actions{gap:14px}.track-group{min-width:0}.action-divider{display:none}.motion-button span{display:none}.motion-button{width:44px;justify-content:center}.player{gap:12px}.player-actions{gap:9px}.track-text{font-size:.8125rem}}
@media(max-width:520px){body{min-height:550px;--edge:24px}.topbar{top:max(22px,env(safe-area-inset-top))}.wordmark{font-size:2.1rem}.wordmark-line{width:21px}.top-actions{gap:13px}.invitation{top:35%}h1{font-size:clamp(3.1rem,12.5vw,4rem)}.invitation p{max-width:240px;margin:18px auto 27px;font-size:.875rem;line-height:1.7}.begin-button{padding:14px 23px;min-height:52px}.headphone-note{margin-top:16px}.player{padding:16px 0}.track-group{gap:11px}.play-button{width:44px;height:44px}.track-text>span+span{max-width:128px;font-size:.75rem;line-height:1.5}.player-actions{gap:4px}.volume-group{gap:0}.volume-group .icon-button{width:36px}input[type=range]{width:45px}.motion-button{width:34px}.footnote{font-size:.75rem;padding-top:17px}.footnote span+span{max-width:140px;text-align:right}.listening{bottom:max(22px,env(safe-area-inset-bottom))}.session-note{font-size:1.6rem}.text-button{font-size:.8125rem}.status{bottom:155px}}
@media(max-width:360px){body{--edge:18px}.volume-group input{width:32px}.track-text>span+span{max-width:108px}.player-actions{gap:0}}
@media(max-height:640px) and (min-width:761px){body{min-height:400px}.topbar{top:15px}.invitation{top:35%}h1{font-size:3.5rem}.invitation p{margin:12px 0 18px}.headphone-note{display:none}.player{padding:12px 0}.listening{bottom:15px}.footnote{padding-top:10px}.begin-button{padding:12px 23px;min-height:46px}}
@media(max-height:550px) and (orientation:landscape){body{min-height:360px;--edge:24px}.topbar{top:8px}.wordmark{font-size:1.8rem}.invitation{top:38%}h1{font-size:2.75rem}.invitation p,.headphone-note{display:none}.begin-button{min-height:42px;margin-top:15px;padding:9px 20px}.listening{bottom:10px}.player{padding:8px 0}.footnote{padding-top:8px}.invitation{right:50%;left:24px;top:42%}.session-note{top:39%}}
@media(prefers-reduced-motion:reduce){body:not(.motion-on) .landscape img{animation:none!important;will-change:auto}*,*::before,*::after{transition-duration:.01ms!important;scroll-behavior:auto!important}.started .invitation{filter:none}}
@media(min-resolution:2dppx){.landscape img{image-rendering:auto}}

@media(max-height:600px) and (orientation:portrait){body{height:auto;min-height:100svh;overflow-y:auto}.topbar{position:relative;top:auto;left:auto;right:auto;margin:14px var(--edge) 0}.invitation{position:relative;top:auto;left:auto;right:auto;transform:none;margin:35px 22px 28px}h1{font-size:3rem}.invitation p{margin:12px auto 18px;line-height:1.5}.headphone-note{display:none}.listening{position:relative;left:auto;right:auto;bottom:auto;margin:0 var(--edge) 18px}.footnote{padding-top:12px}.started .invitation{visibility:hidden}.status{bottom:100px}.session-note{top:31%}}

@media(max-height:550px) and (orientation:landscape){body{min-height:320px}.invitation p,.headphone-note{display:none}}

.landscape-motion{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.has-landscape-motion .landscape-motion{opacity:1}.has-landscape-motion img{opacity:0;animation:none;will-change:auto}

.background-menu{position:relative;font-size:.8125rem;color:var(--ink)}.background-menu summary{display:flex;align-items:center;gap:9px;min-height:44px;cursor:pointer;list-style:none}.background-menu summary::-webkit-details-marker{display:none}.background-menu summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.background-menu summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s}.background-menu[open] summary svg{transform:rotate(180deg)}.background-choices{position:absolute;top:52px;right:0;width:266px;padding:8px;margin:0;border:1px solid var(--line);border-radius:12px;background:rgba(14,30,38,.97);display:grid;gap:2px;max-height:min(580px,calc(100svh - 145px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--soft) transparent}.background-choice{position:relative;display:flex;align-items:center;gap:13px;padding:10px;border-radius:7px;cursor:pointer;min-height:65px}.background-choice:hover,.background-choice:has(input:checked){background:rgba(246,242,233,.08)}.background-choice input{appearance:none;position:absolute;inset:0;margin:0;width:100%;height:100%;border-radius:7px;cursor:pointer}.background-choice input:focus-visible{outline-offset:0}.background-choice img{width:65px;height:43px;object-fit:cover;border-radius:4px}.background-choice span{flex:1;font-size:.8125rem}.background-choice svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:0}.background-choice:has(input:checked) svg{opacity:1}.background-menu[aria-busy=true] .background-choices{cursor:progress}body[data-background=dunes] .shade{background:linear-gradient(180deg,rgba(38,24,17,.34),rgba(31,21,16,.12) 33%,rgba(31,21,16,.12) 53%,rgba(26,18,14,.79) 100%)}@media(max-width:520px){.background-menu{position:static}.background-choices{right:0;width:min(266px,calc(100vw - 48px))}.started .wordmark-line{display:none}.started .top-actions{gap:9px}}@media(max-width:360px){.started .top-actions{gap:5px}.started .wordmark{font-size:1.9rem}.text-button{font-size:.75rem}}
.topbar:has(.background-menu[open]){z-index:4}

#motion-state{display:none}@media(max-width:760px){.motion-button{flex-direction:column;gap:1px}.motion-button #motion-state{display:block;font-size:.625rem;line-height:1.2}}

.sound-bar{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:24px;max-width:760px;margin:0 auto 24px}.quick-sound{display:flex;align-items:flex-start;text-align:left;padding:8px 0;min-width:0;min-height:56px;font:300 1.375rem/1.3 var(--font-display)}.featured-sound{display:flex;flex-direction:column;gap:5px}.featured-sound>span+span{font:400 .75rem/1.3 var(--font-body);color:var(--soft)}.quick-sound[aria-pressed=true]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.featured-sound[aria-pressed=true]{text-decoration:none}.featured-sound[aria-pressed=true]>span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.quick-sound:hover{color:white}.sound-menu{font-size:.8125rem;flex-shrink:0}.sound-menu summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none}.sound-menu summary::-webkit-details-marker{display:none}.sound-menu summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.sound-menu summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.sound-menu[open] summary svg{transform:rotate(180deg)}.sound-choices{position:absolute;bottom:calc(100% + 14px);left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(14,30,38,.98);max-height:min(420px,calc(100svh - 290px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--soft) transparent}.sound-choice{position:relative;padding:13px 30px 13px 12px;display:flex;flex-direction:column;gap:4px;min-width:0;cursor:pointer;border-radius:6px}.sound-choice:hover,.sound-choice:has(input:checked){background:rgba(246,242,233,.08)}.sound-choice input{appearance:none;position:absolute;inset:0;margin:0;width:100%;height:100%;cursor:pointer;border-radius:6px}.sound-choice input:focus-visible{outline-offset:-2px}.choice-name{font:300 1.25rem/1.2 var(--font-display);pointer-events:none}.choice-kind{font-size:.75rem;line-height:1.5;color:var(--soft);pointer-events:none}.sound-choice svg{position:absolute;right:10px;top:17px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:0;pointer-events:none}.sound-choice:has(input:checked) svg{opacity:1}.listening:has(.sound-menu[open]){z-index:4}
@media(max-width:760px){.sound-bar{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:0;max-width:540px;margin-bottom:14px}.sound-menu{grid-column:1/-1;justify-self:end}.quick-sound{font-size:1.25rem}.sound-choices{grid-template-columns:1fr;max-height:min(400px,calc(100svh - 340px))}.sound-choice{padding:12px 34px 12px 12px}.choice-name{font-size:1.25rem}.sound-menu{font-size:.75rem}}
@media(max-height:640px) and (min-width:761px){.sound-bar{margin-bottom:14px}.sound-choices{max-height:calc(100svh - 225px)}}
@media(max-height:550px) and (orientation:landscape){.sound-bar{position:absolute;bottom:110px;right:0;width:46%;margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.sound-menu{grid-column:1/-1;justify-self:end}.sound-choices{max-height:calc(100svh - 250px)}.quick-sound{font-size:1.125rem;min-height:48px}}

.footnote{align-items:center}.popout-button{display:flex;align-items:center;gap:8px;padding:0;min-height:32px;font-size:.75rem;color:var(--soft)}.popout-button:hover{color:var(--ink)}.popout-button svg{width:15px;height:15px}
body.mini-player{height:auto;min-height:100svh;overflow:auto;padding:10px 12px;background:var(--sea);font-size:.875rem;cursor:auto;isolation:isolate}.mini-view,.mini-shade{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.mini-view img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);animation:mini-drift 20s ease-in-out infinite alternate}.mini-shade{background:linear-gradient(180deg,rgba(10,25,32,.7),rgba(10,25,32,.87))}.mini-still .mini-view img{animation-play-state:paused}.mini-main{display:grid;gap:7px}.mini-main h1{font:300 1.25rem/1.1 var(--font-display);margin:0;flex:1;min-width:0;text-shadow:none;letter-spacing:-.02em;text-align:left;text-wrap:wrap}.mini-transport{display:flex;align-items:center;gap:8px}.mini-transport .play-button{width:32px;height:32px;flex-shrink:0}.mini-player .play-button:focus-visible{outline-offset:3px}.mini-transport .play-button svg{width:18px;height:18px}.mini-transport input{width:60px;flex-shrink:0}.mini-return{display:grid;place-items:center;padding:0;width:24px;height:28px;flex-shrink:0;color:var(--soft)}.mini-return svg{width:16px;height:16px}.mini-return:hover{color:var(--ink)}.mini-sounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-sounds .quick-sound{font-size:1rem;line-height:1.2;min-height:44px;padding:4px 0;align-self:start}.mini-sounds .featured-sound{gap:4px}.mini-sounds .featured-sound>span+span{font-size:.75rem}.mini-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-selects select{font:400 .75rem/1.4 var(--font-body);color:var(--ink);background:rgba(12,30,38,.88);border:1px solid var(--line);border-radius:4px;padding:5px 6px;min-width:0;width:100%;cursor:pointer}.mini-selects select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mini-main .mini-status:empty{display:none}.mini-main .mini-status{font-size:.75rem;line-height:1.5;margin:0;color:var(--soft)}

@keyframes mini-drift{from{transform:scale(1.08) translate(-1%,0)}to{transform:scale(1.13) translate(1%,-1%)}}
.version-link{font-size:.75rem;color:var(--soft);text-decoration:underline;text-underline-offset:4px}.version-link:hover{color:var(--ink)}

/* The optional comforts stay together, leaving the room itself quiet. */
.footer-actions{display:flex;align-items:center;gap:22px}.footnote{position:relative}.room-menu{font-size:.75rem}.room-menu summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:32px;cursor:pointer}.room-menu summary::-webkit-details-marker{display:none}.room-menu summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.room-menu summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.room-panel{position:absolute;left:0;bottom:calc(100% + 16px);width:380px;max-width:100%;max-height:calc(100svh - 105px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--soft) transparent;padding:24px;color:var(--ink);text-align:left;background:#132b35;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px rgba(6,17,24,.22)}.room-panel h2{font:300 1.75rem/1.15 var(--font-display);margin:0}.room-panel .room-intro{margin:8px 0 20px}.room-panel p,.room-panel small{font-size:.75rem;line-height:1.6;color:var(--soft);margin:6px 0 0}.room-setting{padding:16px 0;border-top:1px solid var(--line)}.room-setting:last-child{padding-bottom:0}.setting-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;margin-bottom:8px}.setting-label>span{font-size:.75rem;color:var(--soft)}.room-panel select{font:400 .8125rem/1.5 var(--font-body);color:var(--ink);background:#1d3943;border:1px solid var(--line);border-radius:4px;padding:8px 10px;width:100%;min-height:38px}.room-panel select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.room-panel input[type=range]{width:100%;height:30px}.range-ends{display:flex;justify-content:space-between;color:var(--soft);font-size:.75rem;margin-top:-2px}.check-setting{display:flex;align-items:flex-start;gap:10px;min-height:32px;font-size:.8125rem;cursor:pointer}.check-setting input{width:16px;height:16px;margin:3px 0 0;accent-color:var(--ink);flex-shrink:0}.check-setting small{display:block;max-width:32ch}.check-setting:has(input:disabled){opacity:.55;cursor:default}.room-setting>.check-setting{margin-top:10px}.room-toggles{display:grid;gap:16px}.room-toggles>.check-setting{margin:0}.install-button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;min-height:32px;font-size:.875rem}.install-button svg{width:17px;height:17px}.install-button:hover{color:white}.room-offline .text-button{font-size:.75rem}.listening:has(.room-menu[open]){z-index:5}
@media(max-width:520px){.footer-actions{gap:14px}.footnote #hide-hint{max-width:100px;text-align:right;line-height:1.5}.room-panel{padding:20px;max-height:calc(100svh - 105px)}.footnote{gap:12px}.version-link{white-space:nowrap}}

body{--scene-filter:brightness(1) saturate(1)}.landscape,.mini-view{filter:var(--scene-filter);transition:filter 5s ease}.light-wash,.night-veil{position:fixed;inset:0;pointer-events:none;transition:background 5s ease,opacity 5s ease}.light-wash{background:transparent;mix-blend-mode:soft-light}.night-veil{background:#071923;opacity:0}.night-mode{--ink:#e4dece;--soft:#c8cfc8}.night-mode .night-veil{opacity:.24}.night-mode .room-panel{background:#10242d}.night-mode .mini-shade{background:linear-gradient(180deg,rgba(10,25,32,.74),rgba(10,25,32,.9))}
[data-daylight=morning]{--scene-filter:brightness(1.1) saturate(.85) sepia(.12)}[data-daylight=morning] .light-wash{background:linear-gradient(180deg,rgba(255,219,155,.38),rgba(248,203,153,.1) 65%,transparent)}[data-daylight=day]{--scene-filter:brightness(1.25) saturate(1.05)}[data-daylight=day] .light-wash{background:linear-gradient(180deg,rgba(192,225,241,.25),rgba(239,222,166,.16))}[data-daylight=dusk]{--scene-filter:brightness(.94) saturate(.87) sepia(.13)}[data-daylight=dusk] .light-wash{background:linear-gradient(180deg,rgba(181,117,152,.5),rgba(241,151,104,.27) 48%,transparent 80%)}[data-daylight=night]{--scene-filter:brightness(.58) saturate(.65)}[data-daylight=night] .light-wash{background:rgba(42,65,113,.35)}
.breathing-guide{position:fixed;left:50%;top:50%;width:min(54vw,420px);height:80px;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity 2s ease}.breathing-guide>div{width:100%;height:100%;background:radial-gradient(ellipse,rgba(244,232,205,.4),rgba(236,226,205,.15) 32%,transparent 68%);filter:blur(8px);transform:scale(.55,.5);animation:breath-light 10s ease-in-out infinite;animation-play-state:paused}.breathing-on:not(.motion-off):not(.mini-still) .breathing-guide{opacity:1}.breathing-on:not(.motion-off):not(.mini-still) .breathing-guide>div{animation-play-state:running}.page-hidden .breathing-guide>div{animation-play-state:paused!important}@keyframes breath-light{0%,100%{transform:scale(.55,.5);opacity:.24}40%{transform:scale(1,1);opacity:.85}}
.mini-player .mini-light,.mini-player .mini-night{z-index:-1}.mini-player .breathing-guide{z-index:-1;width:75%;top:48%}.mini-player .breathing-guide>div{filter:blur(5px)}

/* The invitation remains readable over bright skies; the scrim leaves with it. */
.shade::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,20,28,.64) 20%,rgba(5,20,28,.64) 54%,transparent 78%);transition:opacity 1.5s ease}.started .shade::after{opacity:0}.invitation .headphone-note{color:var(--ink)}

/* New options remain inside Scenery and Room; no extra resting-screen controls. */
.surprise-button{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 10px;text-align:left;font-size:.8125rem;border-bottom:1px solid var(--line);margin-bottom:4px}.surprise-button:hover{background:rgba(246,242,233,.08)}.surprise-button svg{width:16px;height:16px}
.landscape #scene-departure{position:absolute;inset:0;z-index:1;opacity:0;animation:none;transform:none;object-position:center;will-change:auto}.wind-veil{position:fixed;inset:0;background:#071923;opacity:var(--wind-dim,0);transition:opacity 2s linear;pointer-events:none}.mini-player .wind-veil{z-index:-1}
.share-link{width:100%;margin-top:10px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;color:var(--ink);background:#1d3943;font:400 .75rem/1.5 var(--font-body)}

/* Audio-only keeps the existing reveal controls and stops the hidden scene's animation. */
body{transition:background-color .9s ease}.landscape,.shade,.light-wash,.night-veil,.wind-veil{transition:opacity .9s ease}body.audio-only.started{background:#000}.audio-only.started :is(.landscape,.shade,.light-wash,.night-veil,.wind-veil,.breathing-guide,.session-note,.mini-view,.mini-shade){opacity:0!important}.audio-only.started :is(.landscape img,.mini-view img,.breathing-guide>div){animation-play-state:paused!important}
