@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}.sound-choices{padding:0;margin:0 auto 39px;border:0;display:flex;justify-content:center;gap:clamp(34px,5.5vw,88px);width:fit-content}.sound-choice{position:relative;display:flex;flex-direction:column;text-align:center;cursor:pointer;padding:12px 5px 17px;min-width:100px;color:var(--soft);transition:color .3s}.sound-choice input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;border-radius:4px;cursor:pointer}.choice-name{font:300 1.625rem/1.2 var(--font-display);pointer-events:none}.choice-kind{font-size:.75rem;margin-top:6px;color:var(--soft);pointer-events:none}.sound-choice::after{content:'';position:absolute;left:calc(50% - 11px);bottom:2px;width:22px;height:1px;background:currentColor;opacity:0;transform:scaleX(.4);transition:opacity .4s,transform .4s;pointer-events:none}.sound-choice:has(input:checked){color:var(--ink)}.sound-choice:has(input:checked)::after{opacity:1;transform:scaleX(1)}.sound-choice:hover{color:var(--ink)}.sound-choice input:focus-visible{outline:1px solid var(--ink);outline-offset:3px}
.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}.sound-choices{margin-bottom:30px}.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}.sound-choices{gap:16px;width:100%;justify-content:space-between;margin-bottom:27px}.sound-choice{min-width:0;flex:1;padding-inline:0}.choice-name{font-size:1.4rem}.choice-kind{font-size:.75rem}.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}.sound-choices{gap:7px}.choice-name{font-size:1.3rem}}
@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}.sound-choices{margin-bottom:14px}.sound-choice{padding-top:3px;padding-bottom:12px}.choice-name{font-size:1.4rem}.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}.sound-choices{position:absolute;bottom:90px;right:0;gap:12px;width:46%;margin:0}.sound-choice{min-width:0;padding-bottom:10px}.choice-name{font-size:1.2rem}.choice-kind{font-size:.75rem}.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}.sound-choices{margin-bottom: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}.sound-choices{width:46%;gap:12px}.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}}