:root{--emerald:#0a4335;--deep:#062f26;--gold:#d5b56c;--ivory:#f5ecd4;--sand-ink:#615039;font:16px/1.6 'Helvetica Neue',Arial,sans-serif;color:var(--ivory);background:var(--deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.experience{min-height:100svh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 40% 0,#125d48,var(--deep) 80%)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(20px + env(safe-area-inset-top)) clamp(24px,4vw,66px) 20px;min-height:92px;flex-shrink:0}.brand{font:28px/1.05 Georgia,'Times New Roman',serif;letter-spacing:.11em;text-decoration:none;color:var(--gold)}.brand span{font:12px/1 Arial,sans-serif;letter-spacing:.25em;margin-left:11px;color:#dbc99c}.controls{display:flex;align-items:center;gap:12px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#e7d6ad;opacity:.84;padding:11px}.icon-button:hover{opacity:1}.icon-button svg{width:22px;height:22px}.sound-cross{display:none}#sound[aria-pressed=false] .sound-waves{display:none}#sound[aria-pressed=false] .sound-cross{display:block}.garden-wrap{position:relative;flex:1;min-height:0;margin:0 clamp(12px,2.4vw,40px) clamp(12px,2.4vw,35px);overflow:hidden;background:#d9bd85 url('/zen-assets/assets/zen-natural.webp') center/cover;isolation:isolate;box-shadow:0 20px 80px #001c174d;border-radius:2px}#garden{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;outline-offset:-8px;cursor:crosshair}#garden:focus-visible{outline:1px solid #fff2c49c}#garden[data-locked=true]{cursor:default}.cue-wrap{position:absolute;bottom:clamp(26px,7vh,76px);left:25px;right:25px;text-align:center;pointer-events:none;color:var(--sand-ink);text-shadow:0 1px 2px #fff1d2aa;transition:opacity .9s ease}.companion{font:italic 18px/1.6 Georgia,'Times New Roman',serif;margin:0 auto 11px;max-width:490px;text-wrap:balance}.cue{font-size:13px;line-height:1.5;letter-spacing:.04em;margin:0;color:#6d5b41}.cue-wrap.changing{opacity:0}.ending-actions{position:absolute;left:50%;bottom:clamp(35px,9vh,85px);transform:translateX(-50%);width:min(330px,calc(100% - 60px));display:flex;flex-direction:column;align-items:center;gap:7px;animation:arrive 1.1s both}.enter-link{display:flex;align-items:center;justify-content:space-between;gap:40px;width:100%;padding:14px 22px;border:1px solid #204b39a6;background:#164535ef;color:#f4e7c6;font-size:14px;text-decoration:none;min-height:52px;transition:background .3s}.enter-link:hover{background:#245944}.text-button{background:transparent;border:0;padding:12px 15px;font-size:14px;line-height:1.5}.ending-actions .text-button{color:#5c4d35;text-shadow:0 1px 1px #f5e7bd}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.leave-free{position:absolute;right:24px;bottom:22px;padding:10px 14px;border:0;background:#f1e1be80;border-radius:2px;color:#4f573a;font-size:14px}.leave-free span{margin-left:14px}.loading{position:absolute;left:20px;right:20px;top:60%;text-align:center;color:#625236;font-size:14px;text-shadow:0 1px #faeccb}.retry{position:absolute;left:50%;top:68%;transform:translateX(-50%);background:#164535;color:#f7e8c4;padding:13px 24px;border:0;font-size:14px}.audio-note{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);font-size:12px;line-height:1.4;border-radius:3px;background:#093c30ee;color:#ebd9b0;padding:10px 14px;z-index:4;max-width:calc(100% - 24px);text-align:center;margin:0}.audio-note button{font:inherit;color:inherit;background:none;border:0;text-decoration:underline;min-height:30px}.pause-layer{position:fixed;inset:0;z-index:8;display:grid;place-items:center;background:#052e26ed;backdrop-filter:blur(12px);padding:28px}.pause-panel{max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;color:#eee4c9;max-height:calc(100dvh - 56px);overflow:auto}.eyebrow{font-size:12px;letter-spacing:.23em;color:#d4b773;margin:0 0 27px}.pause-panel h2{font:400 39px/1.2 Georgia,'Times New Roman',serif;margin:0;text-wrap:balance;letter-spacing:-.025em}.pause-panel>p:not(.eyebrow){font-size:16px;color:#c7d3ba;margin:19px 0 30px}.primary{background:#e3cd96;border:1px solid #e3cd96;color:#184732;padding:14px 25px;min-height:52px;font-size:14px;width:100%;margin-bottom:10px}.pause-panel .sound-credit{font-size:12px!important;line-height:1.8;margin:32px 0 0!important;color:#adbca4!important}.sound-credit a{text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.noscript{position:fixed;inset:40% 25px auto;background:#164535;padding:26px;text-align:center;z-index:5}@keyframes arrive{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:650px){.masthead{min-height:80px;padding:calc(12px + env(safe-area-inset-top)) 23px 12px}.brand{font-size:25px}.brand span{font-size:12px;letter-spacing:.14em;margin-left:8px}.controls{gap:4px}.garden-wrap{margin:0 10px calc(10px + env(safe-area-inset-bottom))}.cue-wrap{left:24px;right:24px;bottom:7%}.companion{font-size:17px;max-width:280px;line-height:1.65;margin-bottom:12px}.cue{font-size:12px;line-height:1.6;max-width:265px;margin:auto}.ending-actions{bottom:8%;gap:9px}.leave-free{right:15px;bottom:15px;font-size:13px}.pause-panel h2{font-size:35px}.loading{font-size:13px;top:62%}}
@media(max-height:550px) and (orientation:landscape){.masthead{min-height:60px;padding:8px 30px}.brand{font-size:24px}.garden-wrap{margin-bottom:12px}.cue-wrap{bottom:16px}.companion{font-size:16px;margin-bottom:2px}.cue{font-size:12px}.ending-actions{bottom:12px;flex-direction:row;width:auto;min-width:430px}.enter-link{width:220px}.ending-actions .text-button{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Heritage identity: petroleum teal, ivory and restrained antique gold. */
:root{--emerald:#123e42;--deep:#0e3336;--gold:#b59b56;--ivory:#f2eee3;--sand-ink:#294a49}
.experience{background:#123e42}.masthead{min-height:78px;padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:12px}.brand{color:var(--ivory)}.brand span{color:var(--ivory)}.garden-wrap{background-color:#daddd7;box-shadow:0 -1px 0 #baa26255,0 15px 60px #061e2255}
.guidance{text-align:center;flex-shrink:0;padding:4px 24px 25px;color:var(--ivory)}.phase{font-size:12px;letter-spacing:.2em;color:var(--gold);margin:0 0 9px}.guidance h1{font:400 clamp(27px,3vw,41px)/1.2 Georgia,serif;margin:0 0 10px;letter-spacing:-.02em}.guidance .companion{font:16px/1.6 'Helvetica Neue',Arial,sans-serif;color:#e5e6dc;max-width:620px;margin:0 auto 5px}.guidance .cue{color:#bfcfc9;font-size:14px;max-width:620px}.begin-button{margin:16px 0 0;background:transparent;border:1px solid #b59b5688;color:#f2eee3;padding:11px 23px;font-size:14px;min-height:46px}.begin-button:hover{background:#ffffff09}.begin-button:disabled{opacity:.5;cursor:wait}.ending-actions{bottom:28px}.enter-link{background:#123e42}.pause-layer{background:#0e3336f2}.primary{background:#dfd8bf;border-color:#dfd8bf;color:#123e42}.loading{color:#334a45}.leave-free{background:#ecede5bd;color:#294a49}
@media(max-width:650px){.masthead{min-height:68px;padding:calc(9px + env(safe-area-inset-top)) 22px 8px}.guidance{padding:4px 24px 20px}.guidance h1{font-size:28px}.guidance .companion{font-size:15px;max-width:330px}.guidance .cue{font-size:13px;max-width:330px}.phase{font-size:12px}.garden-wrap{min-height:230px}.experience{height:auto;min-height:100dvh}.garden-wrap{height:calc(100dvh - 285px);flex:auto}.begin-button{margin-top:12px}}
@media(max-height:550px) and (orientation:landscape){.guidance{padding-bottom:12px}.guidance h1{font-size:25px}.guidance .companion,.guidance .cue{font-size:14px}.phase{margin-bottom:4px}.garden-wrap{min-height:230px}.experience{height:auto;min-height:100dvh}}

.reflection{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;background:rgba(239,240,232,.32);animation:reflection-in .6s ease both;}
.reflection[hidden]{display:none}.reflection p{max-width: min(82%,680px);margin:0;text-align:center;color:#123e42;font:400 clamp(26px,3.5vw,48px)/1.4 Georgia,serif;text-wrap:balance;padding:28px;background:rgba(242,240,232,.88);border-radius:3px;box-shadow:0 0 55px 30px rgba(242,240,232,.6)}
@keyframes reflection-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.reflection{animation:none}}

.reflection p,#closing-words{font-family:Didot,'Bodoni MT','Baskerville','Palatino Linotype',serif;font-weight:400;letter-spacing:.015em;line-height:1.45;font-size:clamp(28px,3.7vw,50px)}
.ending-actions{top:50%;bottom:auto;transform:translate(-50%,-50%);width:min(520px,calc(100% - 44px));min-width:0;flex-direction:column;gap:14px;z-index:4;pointer-events:none;animation:closing-in 1s ease both}
.ending-actions a,.ending-actions button{pointer-events:auto}.ending-actions .enter-link{width:min(300px,100%);justify-content:center;gap:28px;box-shadow:0 5px 24px #123e4226}
#closing-words{margin:0 0 15px;text-align:center;color:#123e42;text-wrap:balance;text-shadow:0 1px 12px #f2f0e8;background:#f2f0e8bd;box-shadow:0 0 40px 22px #f2f0e8bd}
.ending-actions .text-button{color:#123e42;background:#f2f0e8bf;border-radius:2px}.experience[data-stage=free] .ending-actions{width:min(260px,calc(100% - 50px))}
@keyframes closing-in{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ending-actions{animation:none}}

.guidance .phase,.guidance .cue:empty{display:none}
