/* V10: quiet, legible and consistent across every space. */
:root{--panel:#172d23;--muted:#c1cabe;--line:#c3b18a40}
body{overflow-y:auto;overflow-x:hidden;padding-bottom:86px}button,input,select,textarea{touch-action:manipulation}.skip-link{position:fixed;top:-80px;left:12px;background:#e4d0a4;color:#173225;padding:14px;z-index:200}.skip-link:focus{top:12px}.topbar{height:86px;padding-top:17px;padding-bottom:17px}.brand small{letter-spacing:.1em}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:82px;background:#10251ff2;backdrop-filter:blur(16px);z-index:10;border-top:1px solid var(--line)}.bottom-nav button{min-height:52px;border-radius:8px}.bottom-nav button.selected{color:#f5d99d;background:#d5bd8112}.bottom-nav button.selected svg{stroke-width:2}
#experience{height:auto;min-height:calc(100dvh - 172px);max-width:1300px;padding-bottom:10px;gap:0}.scene-header{min-height:110px;padding:20px 0 12px}.scene-header h1{font-size:36px}.scene-header p{font-size:13px;max-width:760px}.scene-assist{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;min-height:44px}.scene-assist button{font-size:12px;min-height:40px;background:#142b2066;border:1px solid var(--line);border-radius:25px;padding:8px 15px}.scene-assist button[aria-pressed=true]{background:#d4b77922;color:#f1d69d;border-color:#d7bc84}#viewport{flex:1 0 auto;height:clamp(240px,36dvh,500px);min-height:220px;border-radius:10px}.camera-bar{min-height:48px}.camera-bar>span{font-size:11px}.scene-foot{min-height:37px;font-size:11px}.schedule-button{font-size:11px;min-height:40px}.intention-card{min-height:88px;padding:13px 0}.intention-card p{font-size:20px}.intention-card .eyebrow{font-size:9px}.route-pill{font-size:12px}.text-btn{min-height:44px}.secondary-btn{min-height:44px}#media-scene{padding:8px 0}.media-scene-heading{font-size:12px}.media-scene-heading .text-btn{min-height:40px;font-size:12px}.media-scene-chip{font-size:11px;min-height:40px}.media-scene-groups:empty{display:none}
.visit-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:7px 0;border:1px solid #c7ad7770;border-radius:8px;background:#cbb17612}.visit-bar button{min-height:44px;font-size:12px;text-align:left;background:none;color:#ead3a2}#visit-details{flex:1}#visit-next{border-left:1px solid var(--line);padding-left:15px;flex-shrink:0}.quiet-mode #visitors,.quiet-mode #hotspots,.quiet-mode #ambient-effects,.quiet-mode #scene-effects{display:none}.quiet-mode .connection,.quiet-mode .scene-live{visibility:hidden}.quiet-mode #depth-light{opacity:.25}.quiet-mode #foreground-layer{transform:none!important}.quiet-mode #world.scene-enter{animation:none}.quiet-mode .camera-bar>span{visibility:hidden}
#sheet{width:min(780px,96vw);max-height:91dvh;border-radius:18px;overscroll-behavior:contain}#sheet>header{position:sticky;top:0;z-index:2;background:#172e25f5;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:22px 28px}#sheet h2{font-size:30px}#sheet-body{padding:22px 28px 30px}#sheet-body p{font-size:15px;line-height:1.85}#sheet-body .muted{font-size:12px;line-height:1.8}#sheet-body h3{font:400 24px/1.45 var(--serif);color:#e5c995;margin:23px 0 12px}.choice{min-height:80px;padding:17px 15px;margin:11px 0;border-radius:10px}.choice b{font-size:15px;line-height:1.5}.choice small{font-size:12px;line-height:1.7}.choice svg{width:25px;height:25px}.gold-btn{font-size:13px;min-height:48px}.secondary-btn{font-size:13px}.sheet-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.visit-highlight{border:1px solid #d0b68275;border-radius:12px;background:linear-gradient(140deg,#c4a76d1a,#233b2c);padding:20px;margin:20px 0}.visit-highlight>small{font-size:10px;color:#d4bc87;letter-spacing:.12em}.visit-highlight h3{margin-top:11px!important}.visit-highlight .text-btn{margin-left:12px}.visit-step{display:flex;align-items:center;gap:14px;width:100%;padding:16px;margin:10px 0;background:#ffffff04;border:1px solid var(--line);border-radius:10px;text-align:left;min-height:85px}.visit-step>span:nth-child(2){flex:1}.visit-step b{display:block;font-size:15px;font-weight:500}.visit-step small{display:block;color:var(--muted);font-size:12px;line-height:1.6;margin-top:5px}.visit-step.done{border-color:#a8bf8d80}.step-num{font-size:14px;color:#e1c08a;flex-shrink:0}.guide-lead{font-size:18px!important;line-height:1.9!important;color:#e6deca}.visit-select{width:100%;min-height:46px;border:1px solid var(--line);border-radius:7px;background:#172d23;color:#eee6d5;padding:10px 12px;font:inherit}.visit-progress{width:100%;height:5px;accent-color:#dfc083;display:block;margin:15px 0 25px}.ritual-dots{display:flex;gap:10px;margin:10px 0 26px}.ritual-dots span{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:13px;color:var(--muted)}.ritual-dots span.current{background:#d6ba8220;color:#ead19d;border-color:#dbbd85}.ritual-title{font-size:30px!important}.completion-symbol{text-align:center;color:#e2c18b;font-size:70px;margin:20px 0}.dedication-text{font:400 25px/1.9 var(--serif)!important;color:#e9d7af;border-left:2px solid #c8ad75;padding-left:22px;margin:25px 0}.meditation-time{text-align:center;font:400 42px/1.2 var(--serif)!important;margin:20px 0 10px}.natural-breath{transition:none!important;background:radial-gradient(circle,#c6d2a515,#b2c78e05 60%,transparent 70%);border:1px solid #bacc9c55;box-shadow:0 0 45px #c7d1970d}.natural-breath span{font-size:20px}.natural-breath.practicing{box-shadow:0 0 65px #b3c88b1c}.sleep-controls{display:flex;align-items:center;gap:12px;padding:14px 0;margin-top:14px;flex-wrap:wrap;font-size:12px;border-bottom:1px solid var(--line)}.sleep-controls select{min-height:44px;background:#172d23;color:#e8dfca;border:1px solid var(--line);border-radius:5px;padding:8px;font:inherit}.sleep-controls span{font-size:11px;color:var(--muted)}.media-hub-link{font-size:12px}.media-chip{min-height:44px;font-size:12px}.media-card-copy b{font-size:14px}.media-provider{font-size:9px}.media-duration,.media-progress-label{font-size:12px}.media-mini{min-height:44px;font-size:11px}.media-card-main>img{width:156px;height:88px}.media-filters .map-filter{font-size:12px;min-height:44px}#video-title{font-size:23px}.media-footer p{font-size:12px!important}#video-status{font-size:13px}#player-extras p{font-size:13px}.large-text #sheet-body p{font-size:18px}.large-text .choice b,.large-text .media-card-copy b{font-size:18px}.large-text #sheet-body .muted,.large-text .choice small{font-size:15px}
@media(max-width:760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:76px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px}.brand b{font-size:17px}.brand>svg{width:33px;height:33px}.connection{display:none}.header-right .icon-btn{width:42px;height:42px}#experience{height:auto;min-height:calc(100dvh - 152px);padding:0 15px 10px}.scene-header{min-height:103px;padding:18px 0 10px}.scene-header h1{font-size:30px;margin:5px 0 7px}.scene-header p{font-size:12px;-webkit-line-clamp:2}.scene-assist{padding-bottom:7px;min-height:43px}.scene-assist button{font-size:11px;min-height:40px;padding:8px 12px}#viewport{height:clamp(220px,32dvh,380px);min-height:220px;border-radius:8px}.camera-bar{min-height:48px}.camera-bar>span{font-size:9px}.media-scene-heading{font-size:11px}.media-scene-heading .text-btn{font-size:11px}.media-scene-groups{display:none}.scene-foot{min-height:40px;font-size:10px}.schedule-button{font-size:10px}.intention-card{min-height:90px;padding:13px 0;gap:10px}.intention-card p{font-size:16px}.intention-card .gold-btn{min-height:48px;font-size:12px}.bottom-nav{height:calc(76px + env(safe-area-inset-bottom));padding:5px 5px calc(5px + env(safe-area-inset-bottom));gap:0}.bottom-nav button{min-width:0;flex:1;font-size:10px;gap:5px;padding:7px 3px}.bottom-nav svg{width:22px;height:22px}#sheet{width:100%;max-height:93dvh;margin:auto 0 0;border-radius:17px 17px 0 0;padding-bottom:env(safe-area-inset-bottom)}#sheet>header{padding:18px 20px}#sheet h2{font-size:27px}#sheet-body{padding:18px 20px 30px}#sheet-body p{font-size:15px}.choice{padding:15px 12px}.choice b{font-size:15px}.choice small{font-size:12px}.choice svg{width:22px}.guide-lead{font-size:17px!important}.visit-highlight{padding:16px}.visit-highlight .text-btn{display:block;margin-left:0}.visit-bar{padding:5px 9px;gap:6px}.visit-bar button{font-size:11px;line-height:1.6}.visit-step{padding:13px}.visit-step b{font-size:14px}.dedication-text{font-size:23px!important;padding-left:15px}.sheet-buttons>.gold-btn{width:100%;justify-content:center}.media-hub-links{display:flex;overflow:auto;flex-wrap:nowrap;scrollbar-width:thin}.media-hub-link{flex-shrink:0;min-height:44px;font-size:11px}.media-chip{font-size:11px;min-height:44px}.media-card-main{display:flex;gap:12px;align-items:flex-start}.media-card-main>img{width:120px;min-width:120px;height:70px;min-height:70px}.media-card-copy{padding-top:0}.media-card-copy b{font-size:13px;-webkit-line-clamp:4}.media-provider{font-size:8px}.media-mini{min-height:44px}.player-suggestions .media-card-main{display:flex}.player-suggestions .media-card-main>img{width:120px;height:70px}.player-suggestions .media-card-copy{padding-top:0}.media-filters .map-filter{font-size:11px}#player{padding:15px}#video-title{font-size:19px}.welcome{overflow:auto}.welcome h1{font-size:43px}.welcome-content{min-height:100dvh}#toast{bottom:95px}.scene-header .route-pill{display:none}}
@media(max-width:360px){#experience{padding-left:12px;padding-right:12px}.media-card-main{display:block}.media-card-main>img{width:100%;height:auto;aspect-ratio:16/9}.media-card-copy{padding-top:10px}.player-suggestions .media-card-main{display:block}.player-suggestions .media-card-main>img{width:100%;height:auto}.player-suggestions .media-card-copy{padding-top:10px}.intention-card>div{max-width:44%}.gold-btn{padding:12px;font-size:12px}.brand small{font-size:8px}.topbar{padding-left:12px;padding-right:12px}.scene-assist button{font-size:10px}.visit-bar{flex-wrap:wrap}.visit-bar #visit-details{flex-basis:65%}}
@media(orientation:landscape) and (max-height:620px){body{padding-bottom:65px}.topbar{height:64px}.scene-header{position:static;width:auto;min-height:95px}.scene-header>div{max-width:80%}.scene-header h1{font-size:30px}#experience{padding:0 5% 15px;height:auto;min-height:0}#viewport{margin-top:0;height:55dvh;min-height:230px}.intention-card{position:static;width:auto;flex-direction:row;padding:14px 0}.intention-card>div{max-width:60%}.bottom-nav{height:65px}.bottom-nav button{flex-direction:row}.scene-assist{display:flex}#media-scene{display:block}#sheet{max-height:96dvh}.welcome h1{font-size:36px}.welcome-content{padding:25px 8%;min-height:100dvh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#scene-loading{flex-direction:column;padding:20px;text-align:center;gap:15px}#scene-loading p{font-size:13px;line-height:1.6}
