*{box-sizing:border-box} :root{--cream:#f1efdf;--muted:rgba(241,239,223,.68);--line:rgba(241,239,223,.22);--green:#293e34;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Noto Sans KR',sans-serif}html,body{margin:0;width:100%;min-height:100%;background:#31443c;color:var(--cream);font-family:var(--sans);font-weight:300}body{overflow:hidden}button,input,textarea{font:inherit}button{color:inherit;border:0;background:none;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #eee4bb;outline-offset:7px}button{ -webkit-tap-highlight-color:transparent}button:disabled{cursor:default}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{vertical-align:middle}.svg-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}#world{position:fixed;inset:0;overflow:hidden;touch-action:none}.landscape{position:absolute;inset:-3.5%;background-image:url('assets/threshold.webp');background-size:cover;background-position:center;will-change:transform,opacity;transition:opacity 1.8s ease,transform 1.4s ease}.landscape-secondary{opacity:0}.landscape-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,41,34,.46),rgba(31,45,37,.13) 54%,rgba(20,38,32,.05)),linear-gradient(0deg,rgba(16,32,27,.69),transparent 33%,transparent 72%,rgba(25,40,33,.17));transition:background 2s}.sun-haze{position:absolute;width:65vw;height:65vw;right:0;top:-47vw;border-radius:50%;background:#ede1b5;filter:blur(100px);opacity:.08;pointer-events:none}.grain{position:absolute;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.site-header{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;margin:0 4.3%;padding:28px 0;border-bottom:1px solid var(--line);height:107px}.wordmark{display:flex;gap:13px;align-items:center;text-align:left;padding:0}.wordmark>svg{width:43px;height:34px;stroke-width:.9}.wordmark>span{font-size:11px;font-weight:500;letter-spacing:2.5px;line-height:1.9}.wordmark-sub{display:block;font-size:8px;letter-spacing:2.25px;font-weight:300;opacity:.7}.header-nav{display:flex;align-items:center;gap:27px;font-size:11px;letter-spacing:.3px}.header-nav button{display:flex;align-items:center;gap:9px;padding:7px 0}.about-link span{padding-left:6px}.header-nav .about-link{font-size:12px;min-height:44px;padding:0 12px;gap:0;border-radius:999px;background:rgba(23,41,34,.72);letter-spacing:0}.nav-divider{height:17px;width:1px;background:var(--line)}.header-nav .icon-button{padding:7px}.header-nav svg{width:18px;height:18px}.sound-dot{width:4px;height:4px;border-radius:50%;background:#b5c3a6;opacity:.4}.sound-on .sound-dot{opacity:1;box-shadow:0 0 8px #dedbb1}.welcome{position:absolute;inset:0;min-height:650px}.intro-copy{position:absolute;left:9.4%;top:22%;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:2.3px;font-weight:400}.tiny-star{font-size:17px}.small-line{width:22px;height:1px;background:var(--muted)}h1{font-family:var(--serif);font-weight:400;font-size:clamp(86px,8.5vw,132px);line-height:.82;letter-spacing:-4px;margin:29px 0 28px}h1 em{display:inline-block;font-weight:400;line-height:1.06;margin-left:-4px} .hero-subtitle{font-size:16px;letter-spacing:1.6px;font-weight:300;margin:14px 0 15px}.hero-description{font-size:12px;line-height:1.95;letter-spacing:.2px;color:var(--muted);margin:0}.enter-row{display:flex;gap:22px;align-items:center;margin-top:30px}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--cream);color:#314239;border:1px solid var(--cream);border-radius:100px;padding:10px 10px 10px 25px;font-size:12px;font-weight:500;min-width:212px;transition:background .3s,transform .3s;box-shadow:0 3px 35px #f1efdf09}.enter-button:hover{background:#fff9e7;transform:translateY(-3px)}.arrow-circle{border:1px solid #31423936;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.arrow-circle svg{width:18px;height:18px}.no-destination{font-size:10px;letter-spacing:.2px;color:var(--muted)}.headphone-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;margin-top:22px;letter-spacing:.3px}.headphone-note svg{width:13px;height:13px}.side-note{position:absolute;right:4.3%;top:43%;writing-mode:vertical-rl;letter-spacing:3px;font-size:8px;opacity:.67}.portal-hotspot{position:absolute;width:12%;height:29%;left:67%;top:38%;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1;opacity:0;transition:opacity .6s}.portal-hotspot:hover,.portal-hotspot:focus-visible{opacity:1}.portal-ring{border:1px solid #fff9d080;width:80px;height:80px;border-radius:50%;box-shadow:0 0 50px #fff4b533}.portal-label{font-family:var(--serif);font-style:italic;font-size:20px;white-space:nowrap;margin-top:22px;text-shadow:0 2px 8px #20352a}.imagined-note{position:absolute;left:0;top:0;transform:translateY(-50%);max-width:100%;margin:0;padding:6px 12px;border-radius:999px;background:rgba(23,41,34,.72);color:var(--cream);font-size:12px;line-height:1.5;letter-spacing:0;word-break:keep-all;pointer-events:none}@media(max-width:800px) and (max-height:779px){.imagined-note{position:fixed;top:96px;left:6%;max-width:88%;transform:none}}@media(max-width:800px) and (max-height:650px){.imagined-note{position:absolute;top:auto;bottom:475px;left:0;max-width:100%}}.welcome-footer{position:absolute;bottom:38px;left:4.3%;right:4.3%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-top:25px}.place{display:flex;align-items:flex-start;gap:10px;font-size:10px;letter-spacing:1px;line-height:1.7}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#d0d7b4;box-shadow:0 0 12px #d0d7b450}.place .live-dot{margin-top:6px}.place-sub{display:block;color:var(--muted);font-size:7px;letter-spacing:1.5px;margin-top:4px}.journey{display:flex;align-items:center;gap:23px;font-size:10px;color:rgba(239,239,223,.45)}.journey span{display:flex;align-items:center;gap:10px}.journey small{font-size:8px;opacity:.7;letter-spacing:1px}.journey .current{color:var(--cream)}.journey i{height:1px;width:44px;background:var(--line)}.text-button{font-size:10px;display:flex;gap:20px;align-items:center;padding:10px 0}.text-button span{font-size:16px}.welcome,.experience{transition:opacity .8s ease}.entering #welcome{opacity:0;pointer-events:none}.in-experience .site-header{height:90px;padding:20px 0}.experience{position:absolute;inset:0;padding-top:90px;touch-action:none}.experience-top{position:absolute;top:116px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;z-index:3}.back-button{display:flex;align-items:center;gap:10px;font-size:10px;opacity:.75}.back-button svg{transform:rotate(180deg);width:17px}.back-button:hover{opacity:1}#timer-button{display:flex;align-items:center;gap:11px;font-size:10px}#session-clock{font-variant-numeric:tabular-nums;font-size:12px}#duration-label{opacity:.65}.scene-heading{position:absolute;left:0;right:0;top:23%;text-align:center;pointer-events:none;transition:opacity .5s,transform .5s}.scene-heading .eyebrow{justify-content:center;font-size:8px;letter-spacing:3px}.scene-heading h2{font-family:var(--sans);font-weight:300;letter-spacing:8px;font-size:34px;margin:19px 0 13px}.scene-heading p{font-size:12px;letter-spacing:1px;color:var(--muted)}.explore-hint{position:absolute;bottom:135px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.7px;color:var(--muted);pointer-events:none;transition:opacity .6s}.explore-hint span{display:block;font-size:24px;margin-bottom:10px}.experience-bottom{position:absolute;bottom:38px;left:4.3%;right:4.3%;display:flex;align-items:center;justify-content:space-between;z-index:4}.scene-switcher{display:flex;gap:6px;background:#182f2555;border:1px solid var(--line);border-radius:50px;padding:6px;backdrop-filter:blur(16px)}.scene-switcher button{display:flex;align-items:center;gap:7px;border-radius:30px;padding:12px 15px;font-size:11px;color:var(--muted);transition:background .5s}.scene-switcher svg{width:16px;height:16px}.scene-switcher button.selected{background:var(--cream);color:var(--green)}.practice-tools{display:flex;gap:32px}.practice-tools button{display:flex;align-items:center;gap:8px;font-size:11px;padding:15px 0;opacity:.75}.practice-tools button:hover,.practice-tools button[aria-pressed=true]{opacity:1}.practice-tools button[aria-pressed=true]{color:#f2df9d}.practice-tools svg{width:19px;height:19px}.quiet-view{font-size:10px;opacity:.7}.quiet-view span{margin-left:12px}.breathing{position:absolute;top:52%;left:50%;width:170px;height:170px;transform:translate(-50%,-50%);display:grid;place-items:center}.breath-orbit{position:absolute;inset:-25px;border:1px solid #f4efd061;border-radius:50%;box-shadow:0 0 75px #f4efd022,inset 0 0 30px #f4efd011;transform:scale(var(--breath-scale,1));transition:transform .2s linear}.orbit-two{inset:-45px;opacity:.3}.breath-disc{position:absolute;inset:0;background:radial-gradient(circle,#e9e4c624,#e9e4c603);border:1px solid #f5f0df15;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;backdrop-filter:blur(3px)}#breath-instruction{font-size:15px;letter-spacing:3px}#breath-count{font-family:var(--serif);font-size:37px;line-height:1.5;opacity:.75}.breath-disc small{font-size:8px;opacity:.55;letter-spacing:.7px}#breath-pause{position:absolute;top:calc(100% + 70px);width:35px;height:35px;border:1px solid var(--line);border-radius:50%;opacity:.8}#breath-pause svg{width:16px;height:16px}.is-breathing .scene-heading{transform:translateY(-32px)}.is-breathing .scene-heading p{opacity:0}.is-breathing .explore-hint{opacity:0}.quiet-mode .site-header,.quiet-mode .experience-top,.quiet-mode .scene-heading,.quiet-mode .experience-bottom,.quiet-mode .explore-hint{opacity:0;pointer-events:none}.show-ui{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);font-size:10px;padding:12px 21px;border:1px solid var(--line);border-radius:40px;background:#18372c50;backdrop-filter:blur(10px);z-index:20}.show-ui span{margin-left:15px}#release-words{position:absolute;inset:20% 5%;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:2}.drifting-thought{position:absolute;font-family:var(--sans);font-size:clamp(15px,2vw,23px);line-height:2;letter-spacing:3px;text-align:center;max-width:600px;overflow-wrap:anywhere;animation:drift-away 12s ease-out forwards;text-shadow:0 0 30px #fffbd9}.drifting-thought:after{content:'✧';display:block;font-size:22px;margin-top:20px;opacity:.8}@keyframes drift-away{0%{opacity:0;transform:translateY(30px);filter:blur(4px)}15%{opacity:1;filter:blur(0)}45%{opacity:1}100%{opacity:0;transform:translate(75px,-130px);filter:blur(12px)}}.panel{border:1px solid #ced5bd33;border-radius:5px;padding:48px 45px 35px;width:490px;max-width:calc(100% - 32px);max-height:88dvh;background:#eef0e3;color:#304739;box-shadow:0 30px 120px #0f241a55}.panel::backdrop{background:#112c237a;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:18px;right:18px;padding:6px;opacity:.65}.dialog-close svg{width:18px}.panel-eyebrow{font-size:8px;letter-spacing:2.2px;color:#637364;margin-bottom:25px}.panel-eye{width:46px;height:38px;margin-bottom:10px}.panel h2{font-weight:300;font-size:26px;line-height:1.7;letter-spacing:-.8px;margin:8px 0 22px}.panel h2 em{font-style:normal;color:#6a7c67}.panel p{font-size:12px;line-height:2;color:#61715f;margin:16px 0}.panel-footnote{border-top:1px solid #30473926;margin-top:25px;padding-top:20px;font-size:11px;color:#7b856f}.panel-primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#344c3c;color:#f2f2e4;border-radius:2px;padding:17px 20px;margin-top:26px;font-size:12px;transition:background .2s}.panel-primary:hover{background:#49614a}.panel-primary span{font-size:17px}.panel-secondary{display:block;text-align:center;font-size:11px;width:100%;margin-top:18px;padding:8px}.compact{width:435px}.guide-list{list-style:none;margin:0;padding:0}.guide-list li{display:flex;gap:20px;border-bottom:1px solid #30473919;padding:17px 0}.guide-list li>span{font-family:var(--serif);font-size:19px;opacity:.55}.guide-list h3{font-size:12px;font-weight:500;margin:2px 0 8px}.guide-list p{margin:0;font-size:11px}.motion-option{display:flex;justify-content:space-between;align-items:center;margin-top:21px;font-size:11px}.motion-option input{accent-color:#3d5941;width:16px;height:16px}.sound-sliders{margin-top:25px}.sound-sliders label{display:block;margin-top:24px}.sound-sliders label>span{display:flex;justify-content:space-between;font-size:12px;margin-bottom:12px}.sound-sliders small{font-size:8px;color:#788570;letter-spacing:1px}.sound-sliders input{display:block;width:100%;accent-color:#52694b;height:3px;cursor:pointer}.master-volume{border-top:1px solid #30473926;padding-top:24px}output{font-size:10px;color:#76876b}textarea{resize:none;background:transparent;border:0;border-bottom:1px solid #354f383b;color:#304739;width:100%;padding:12px 0;font-size:13px;line-height:1.9;border-radius:0;margin-top:15px}textarea::placeholder{color:#88927d;font-weight:300}.thought-footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#7e8976;margin-top:12px}.time-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:30px}.time-options button{border:1px solid #344c3c33;padding:17px 4px;font-family:var(--serif);font-size:28px}.time-options button small{display:block;font-family:var(--sans);font-size:9px;margin-top:4px}.time-options .selected{background:#344c3c;color:var(--cream)}.toast{position:fixed;bottom:125px;left:50%;transform:translate(-50%,15px);opacity:0;transition:opacity .4s,transform .4s;background:#eeefdded;color:#38513e;font-size:11px;padding:14px 24px;border-radius:40px;max-width:90vw;text-align:center;pointer-events:none;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{position:fixed;bottom:0;left:0;right:0;background:#f1efdf;color:#294533;padding:20px;text-align:center;z-index:30}.reduced-motion *{animation-duration:.01ms!important;transition-duration:.01ms!important}.reduced-motion .drifting-thought{animation:none!important;opacity:1}.in-experience .landscape-shade{background:linear-gradient(0deg,#12251cc9,transparent 38%,#20362744 75%,#19372755),linear-gradient(90deg,#14332322,#14332311)}
@media(min-height:950px){.intro-copy{top:25%}.welcome-footer{bottom:45px}.enter-row{margin-top:38px}h1{margin-bottom:34px}.hero-description{line-height:2.1}}
@media(max-height:760px) and (min-width:800px){.site-header{height:90px}.intro-copy{top:21%}h1{font-size:97px;margin:22px 0 17px}.hero-subtitle{font-size:14px;margin:10px 0}.hero-description{font-size:11px}.enter-row{margin-top:23px}.headphone-note{margin-top:15px}.welcome-footer{bottom:25px;padding-top:18px}.welcome{min-height:590px}.scene-heading{top:24%}.breathing{top:55%;width:135px;height:135px}}
@media(min-width:1800px){.intro-copy{left:12%}h1{font-size:150px}.hero-subtitle{font-size:19px}.hero-description{font-size:14px}.enter-row{margin-top:40px}.enter-button{font-size:14px;min-width:240px}.no-destination{font-size:12px}}
@media(max-width:800px){.site-header{height:88px;margin:0 6%;padding:20px 0}.wordmark>svg{width:36px}.wordmark>span{font-size:9px;letter-spacing:2px}.wordmark-sub{font-size:6px;letter-spacing:1.7px}.header-nav{gap:17px}.nav-divider{display:none!important}.header-nav button{font-size:10px}.header-nav .icon-button{display:none}.intro-copy{left:8%;top:23%}h1{font-size:clamp(84px,13vw,115px);letter-spacing:-3px}.hero-description{font-size:11px}.hero-subtitle{font-size:14px}.side-note{right:5%;font-size:7px}.no-destination{display:none}.welcome-footer{left:6%;right:6%;bottom:28px}.journey{gap:12px}.journey i{width:20px}.journey span{gap:6px;font-size:9px}.place-sub{display:none}.place{font-size:9px}.welcome-footer>.text-button{display:none}.landscape{background-position:63% center}.portal-hotspot{left:75%;top:40%;width:20%}.scene-heading{top:25%}.scene-heading h2{font-size:28px}.experience-bottom{flex-wrap:wrap;justify-content:center;gap:15px;bottom:26px}.scene-switcher{order:1;position:absolute;bottom:66px}.practice-tools{width:100%;justify-content:center;gap:30px;order:2;border-top:1px solid var(--line);padding-top:9px}.quiet-view{display:none}.explore-hint{bottom:180px;font-size:9px;padding:0 20px}.scene-heading p{font-size:11px}.is-breathing .scene-heading{transform:translateY(-30px)}.breathing{top:53%;width:145px;height:145px}#breath-pause{top:calc(100% + 40px)}.experience-top{left:6%;right:6%;top:110px}#duration-label{display:none}.scene-switcher button{padding:10px 17px}.practice-tools button{font-size:10px}.toast{bottom:190px}}
@media(max-width:480px){.welcome{min-height:620px}.intro-copy{top:24%;left:8%}h1{font-size:92px;margin:24px 0 20px}.eyebrow{font-size:7px;letter-spacing:1.8px;gap:8px}.tiny-star{font-size:14px}.hero-subtitle{font-size:12px;letter-spacing:1px}.hero-description{font-size:10px}.enter-row{margin-top:25px}.enter-button{min-width:195px;font-size:11px;padding-left:21px}.headphone-note{font-size:8px;margin-top:18px}.side-note{top:35%;font-size:6px;letter-spacing:2px}.welcome-footer .place{display:none}.welcome-footer{justify-content:center;padding-top:20px}.journey{gap:13px}.journey i{width:25px}.journey span{font-size:9px}.landscape{background-position:62% center}.landscape-shade{background:linear-gradient(90deg,#20382c88,#20382c15),linear-gradient(0deg,#10291de0,transparent 38%)}.portal-hotspot{display:none}.panel{padding:45px 28px 28px}.panel h2{font-size:23px}.panel-eyebrow{font-size:7px;letter-spacing:1.8px}.header-nav{gap:7px}.wordmark{gap:8px}.scene-heading h2{font-size:26px}.scene-heading .eyebrow{font-size:7px}.scene-heading p{padding:0 20px}.in-experience .site-header{height:85px}.scene-heading{top:23%}.breathing{top:50%;width:130px;height:130px}.is-breathing .scene-heading{transform:translateY(-20px)}#breath-instruction{font-size:13px}#breath-count{font-size:30px}}
@media(max-height:650px) and (max-width:800px){body{overflow:auto}.welcome{position:relative;height:650px;min-height:650px;margin-top:-88px}.intro-copy{top:155px}.experience{min-height:600px}.experience-top{top:100px}.scene-heading{top:150px}.scene-heading h2{font-size:22px;margin:10px 0}.breathing{top:53%;width:100px;height:100px}.is-breathing .scene-heading .eyebrow{display:none}.breath-disc small{display:none}}

.header-nav .mobile-guide{display:none}.tiny-star{color:#d2dab5}.experience:focus-visible{outline:none}.experience:focus-visible .explore-hint{color:var(--cream)}
@media(max-width:800px){.header-nav .mobile-guide{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;width:24px;height:24px;font-family:var(--serif);font-size:15px;margin-right:7px}.header-nav{gap:12px}}
@media(max-width:480px){.landscape{background-position:70% center}.header-nav{gap:7px}.wordmark>span{font-size:8px;letter-spacing:1.5px}.wordmark-sub{font-size:6px;letter-spacing:1.3px}}

/* Three deeper rooms: warmth, tide, rain. */
.deep-rest-link{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.5px;margin-top:20px;padding:0;color:var(--cream);opacity:.8}.deep-rest-link>span:first-child{color:var(--muted);font-size:8px}.deep-rest-link>span:last-child{margin-left:4px;font-size:13px}.deep-rest-link:hover{opacity:1}.scene-divider{width:1px;align-self:stretch;background:var(--line);margin:9px 3px}.scene-switcher{gap:2px}.scene-switcher button{padding:12px 12px}.scene-ritual{position:absolute;left:50%;bottom:139px;transform:translateX(-50%);display:flex;align-items:center;flex-direction:column;gap:13px;z-index:4;min-width:290px;transition:opacity .5s}.ritual-caption{font-size:10px;color:var(--muted);letter-spacing:.5px;white-space:nowrap}.ritual-action{display:flex;align-items:center;justify-content:center;gap:22px;min-width:224px;padding:12px 19px;border:1px solid #eee6d444;border-radius:40px;background:#243b323d;backdrop-filter:blur(12px);font-size:11px;letter-spacing:.6px;transition:background .3s}.ritual-action:hover{background:#e8e3c620}.ritual-action[aria-pressed=true]{border-color:#eee5bd80}.ritual-action svg{width:16px;height:16px}.scene-intensity{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted);margin-top:2px}.scene-intensity input{width:110px;height:2px;accent-color:#d7d3b8;cursor:pointer}.scene-intensity output{font-size:8px;min-width:26px;color:var(--muted);font-variant-numeric:tabular-nums}.quiet-mode .scene-ritual{opacity:0;pointer-events:none}.candle-sanctuary{position:absolute;top:49%;left:50%;width:240px;height:250px;transform:translate(-50%,-50%);--candle-breath:1;z-index:2}.candle-object{position:absolute;inset:0;width:100%;height:220px;padding:0;overflow:visible;isolation:isolate}.candle-object:focus-visible{outline:1px solid #e9c28b66;outline-offset:10px;border-radius:120px}.candle-aura{position:absolute;left:50%;top:52px;width:400px;height:400px;transform:translate(-50%,-50%) scale(var(--candle-breath));border-radius:50%;background:radial-gradient(ellipse,rgba(255,174,74,.16),rgba(233,142,57,.065) 28%,transparent 67%);opacity:calc(.5 + var(--scene-intensity));transition:opacity 1.5s;pointer-events:none}.candle-flame{position:absolute;left:calc(50% - 12px);top:25px;width:24px;height:65px;border-radius:50% 48% 45% 46% / 76% 75% 27% 24%;background:radial-gradient(ellipse at 50% 86%,#acbcff 0%,#efdca6 12%,#fff5d4 22%,#ffd88b 47%,#ed9e30 70%,transparent 96%);box-shadow:0 0 14px 2px #ffdd8a88,0 0 50px 14px #ffad3a28,0 0 110px 32px #ffad3a12;transform-origin:50% 100%;animation:flame-sway 4s ease-in-out infinite;filter:brightness(calc(.8 + var(--scene-intensity)*.5));transition:opacity 1.1s,filter 1s}.candle-flame:after{content:'';position:absolute;bottom:6px;left:8px;width:8px;height:24px;background:#fffce0;border-radius:50%;filter:blur(2px)}.candle-wick{position:absolute;top:86px;left:calc(50% - 1px);width:2px;height:12px;background:linear-gradient(#e59a4a,#1f1912);z-index:3}.candle-wax{position:absolute;top:94px;left:calc(50% - 29px);height:110px;width:58px;background:linear-gradient(90deg,#534630,#b89d6c 23%,#e2c793 46%,#c6ae7f 66%,#615139);border-radius:50% 50% 20% 20% / 7% 7% 5% 5%;box-shadow:inset 0 -25px 24px #231c1c88,0 18px 20px #0005;transition:filter 1.5s;z-index:2}.candle-wax:before{content:'';position:absolute;top:0;left:0;right:0;height:9px;border-radius:50%;background:radial-gradient(ellipse,#d6b977 10%,#f2dba1 35%,#cab887 65%,#ab986c)}.candle-wax:after{content:'';position:absolute;top:6px;right:9px;width:7px;height:32px;background:linear-gradient(90deg,#bca570,#e0c68e);border-radius:0 0 6px 5px;box-shadow:1px 2px 2px #3e302033}.candle-wax i{position:absolute;left:11px;top:5px;width:5px;height:18px;background:#c9b484;border-radius:0 0 5px 5px}.candle-dish{position:absolute;top:192px;left:calc(50% - 71px);width:142px;height:29px;border-radius:50%;background:radial-gradient(ellipse at 50% 25%,#796b4a,#403a2a 43%,#847254 55%,#282820 65%,#1a1d18 80%);box-shadow:0 16px 17px 5px #0006;z-index:1}.candle-smoke{position:absolute;left:calc(50% - 1px);top:17px;height:74px;width:3px;background:linear-gradient(0deg,#bcb8a255,transparent);border-radius:50%;filter:blur(3px);opacity:0;transform-origin:bottom;transition:opacity 1.5s}.candle-out .candle-flame,.candle-out .candle-aura{opacity:0}.candle-out .candle-wax{filter:brightness(.3)}.candle-out .candle-smoke{opacity:.7;animation:smoke-drift 7s ease-in-out infinite}.candle-cue{position:absolute;top:241px;left:-40px;right:-40px;text-align:center;pointer-events:none;color:#e8d7b5;letter-spacing:1.4px;font-size:11px;display:flex;gap:10px;align-items:center;justify-content:center}.candle-cue #candle-breath-count{font-family:var(--serif);font-size:21px;line-height:1}.candle-cue #candle-breath-count:empty{display:none}body[data-scene=candle] .landscape-shade{background:linear-gradient(0deg,#100e0bd9,transparent 44%,#15110a18 65%,#13110d44)}body[data-scene=candle] .landscape{background-position:center}body[data-scene=candle] .scene-heading{top:20%}body[data-scene=candle] .scene-heading h2{color:#f4e4c5}body[data-scene=candle].is-breathing .scene-heading{transform:none}body[data-scene=candle].is-breathing .scene-heading p{opacity:1}body[data-scene=candle] .scene-ritual{bottom:140px}body[data-scene=candle] .ritual-action{background:#4c342d45;color:#e8d7b5}body[data-scene=ocean] .scene-ritual,body[data-scene=rain] .scene-ritual{bottom:140px}body[data-scene=ocean] .landscape-shade{background:linear-gradient(0deg,#222f47df,transparent 48%,#202f473d)}body[data-scene=rain] .landscape-shade{background:linear-gradient(0deg,#0f2626de,transparent 55%,#172a2555)}body[data-scene=ocean] .breathing,body[data-scene=rain] .breathing{top:50%;width:140px;height:140px}body[data-scene=ocean] #breath-pause,body[data-scene=rain] #breath-pause{top:calc(100% + 48px)}body[data-scene=ocean].is-breathing .ritual-caption,body[data-scene=rain].is-breathing .ritual-caption{visibility:hidden}.release-rain{animation-name:rain-release}.release-ocean{animation-name:tide-release}.release-candle{animation-name:light-release;font-size:16px;top:20%;max-width:420px}.release-candle:after{color:#fbdca2}.spaces-panel{width:800px;padding:43px 40px 30px}.spaces-panel h2{font-size:25px;line-height:1.6;margin-bottom:25px}.space-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.space-card{padding:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.space-image{display:block;width:100%;height:155px;background-size:cover;background-position:center;border-radius:3px;transition:filter .4s;position:relative}.space-card:hover .space-image{filter:brightness(1.15)}.image-candle{background-image:radial-gradient(ellipse at 50% 60%,#dc9d4944,transparent 65%),url('assets/candle-room.webp')}.image-candle svg{position:absolute;width:35px;height:45px;left:calc(50% - 17px);top:calc(50% - 20px);color:#f8d597;filter:drop-shadow(0 0 12px #e99d49);stroke-width:.8}.image-ocean{background-image:url('assets/ocean.webp')}.image-rain{background-image:url('assets/rain.webp')}.space-card small{font-size:7px;letter-spacing:1.2px;color:#71806b;margin-top:17px}.space-card strong{font-size:17px;font-weight:400;margin:9px 0 11px;letter-spacing:-.4px}.space-card>span:not(.space-image){font-size:10px;line-height:1.8;color:#728069;word-break:keep-all}.space-card i{font-style:normal;font-size:10px;color:#4b624b;border-top:1px solid #30473920;margin-top:18px;padding-top:13px;width:100%}.spaces-panel .spaces-footnote{font-size:10px;text-align:center;margin:25px 0 0;color:#7b876f}.texture-layer{padding-top:18px;border-top:1px solid #30473926}#release-submit-label{font-size:12px}.scene-ritual input:focus-visible{outline-offset:9px}@keyframes flame-sway{0%,100%{transform:rotate(-2deg) scaleX(.97) scaleY(var(--candle-breath))}40%{transform:rotate(2deg) scaleX(1.02) scaleY(calc(var(--candle-breath)*1.025))}75%{transform:rotate(-.5deg) scaleX(.99) scaleY(var(--candle-breath))}}@keyframes smoke-drift{0%,100%{transform:rotate(-8deg) scaleX(1)}50%{transform:rotate(9deg) scaleX(1.5)}}@keyframes rain-release{0%{opacity:0;transform:translateY(-10px);filter:blur(3px)}18%,35%{opacity:1;filter:blur(0)}100%{opacity:0;transform:translate(15px,130px);filter:blur(9px)}}@keyframes tide-release{0%{opacity:0;transform:translateY(30px);filter:blur(3px)}18%,35%{opacity:1;filter:blur(0)}100%{opacity:0;transform:translateY(-60px) scale(.7);filter:blur(10px)}}@keyframes light-release{0%{opacity:0;transform:translateY(30px);filter:blur(3px)}18%,35%{opacity:1;filter:blur(0)}100%{opacity:0;transform:translateY(-100px) scale(1.1);filter:blur(13px)}}
@media(min-height:950px){.candle-sanctuary{top:50%;transform:translate(-50%,-50%) scale(1.2)}.scene-ritual,body[data-scene=candle] .scene-ritual,body[data-scene=ocean] .scene-ritual,body[data-scene=rain] .scene-ritual{bottom:160px}}
@media(max-height:780px) and (min-width:801px){.candle-sanctuary{top:47%;transform:translate(-50%,-50%) scale(.8)}body[data-scene=candle] .scene-heading{top:23%}body[data-scene=candle] .scene-heading h2{font-size:25px;margin:10px 0}body[data-scene=candle] .scene-heading p{display:none}.scene-ritual,body[data-scene=candle] .scene-ritual,body[data-scene=ocean] .scene-ritual,body[data-scene=rain] .scene-ritual{bottom:112px;gap:9px}.ritual-caption{font-size:9px}.ritual-action{padding:10px 17px}.deep-rest-link{margin-top:13px}body[data-scene=ocean] .breathing,body[data-scene=rain] .breathing{top:48%;width:110px;height:110px}.is-breathing .ritual-caption{display:none}}
@media(max-width:1100px) and (min-width:801px){.experience-bottom{gap:18px}.practice-tools{gap:18px}.scene-switcher button{padding:11px 9px;gap:5px}.quiet-view{display:none}}
@media(max-width:800px){.scene-switcher{width:auto;max-width:100%;gap:0;padding:5px;bottom:66px}.scene-switcher button{padding:10px 11px;flex-direction:column;gap:5px;font-size:9px;min-width:48px}.scene-switcher svg{width:15px;height:15px}.scene-divider{margin:8px 4px}.scene-ritual,body[data-scene=candle] .scene-ritual,body[data-scene=ocean] .scene-ritual,body[data-scene=rain] .scene-ritual{bottom:183px;gap:11px}.ritual-caption{font-size:8px;letter-spacing:.3px}.ritual-action{font-size:10px;min-width:210px;padding:11px 17px}.scene-intensity{font-size:8px}.scene-intensity input{width:100px}.candle-sanctuary{top:45%;transform:translate(-50%,-50%) scale(.83)}body[data-scene=candle] .scene-heading{top:21%}body[data-scene=candle] .scene-heading h2{font-size:25px;margin:13px 0 10px}body[data-scene=candle] .scene-heading p{font-size:10px}.candle-cue{font-size:12px}.spaces-panel{width:540px;max-height:86dvh;padding:40px 25px 25px}.space-cards{gap:14px}.space-image{height:120px}.space-card strong{font-size:14px}.space-card small{font-size:6px;letter-spacing:.6px}.space-card>span:not(.space-image){font-size:9px}.space-card i{font-size:9px}body[data-scene=ocean] .breathing,body[data-scene=rain] .breathing{top:46%;width:115px;height:115px}body[data-scene=ocean] #breath-pause,body[data-scene=rain] #breath-pause{top:calc(100% + 37px)}body[data-scene=ocean].is-breathing .scene-ritual,body[data-scene=rain].is-breathing .scene-ritual{gap:9px}.release-candle{top:23%;font-size:13px}}
@media(max-width:480px){.deep-rest-link{font-size:8px;margin-top:18px;gap:8px}.deep-rest-link>span:first-child{font-size:7px}.scene-switcher button{padding:9px 8px;min-width:44px}.scene-switcher{max-width:94vw}.scene-divider{margin:8px 3px}.scene-ritual{min-width:260px}.spaces-panel h2{font-size:22px;margin:5px 0 20px}.space-cards{grid-template-columns:1fr;gap:16px}.space-card{display:grid;grid-template-columns:92px 1fr;grid-template-rows:14px 25px auto 22px;column-gap:16px;align-items:start}.space-image{grid-column:1;grid-row:1/5;height:106px}.space-card small{grid-column:2;margin-top:1px;letter-spacing:1px;font-size:6px}.space-card strong{grid-column:2;margin:3px 0;font-size:16px}.space-card>span:not(.space-image){grid-column:2;margin:4px 0;font-size:10px}.space-card i{grid-column:2;border:0;padding:3px 0;margin-top:3px;font-size:9px}.spaces-panel .spaces-footnote{font-size:9px;margin-top:22px}.scene-intensity output{font-size:8px}.candle-sanctuary{top:45%;transform:translate(-50%,-50%) scale(.8)}body[data-scene=candle] .scene-heading p{font-size:9px}.candle-aura{width:340px;height:340px}}
@media(max-height:740px) and (max-width:800px){.candle-sanctuary{top:44%;transform:translate(-50%,-50%) scale(.62)}body[data-scene=candle] .scene-heading{top:21%}body[data-scene=candle] .scene-heading p{display:none}body[data-scene=candle] .scene-heading h2{font-size:21px;margin:9px 0}.scene-ritual,body[data-scene=candle] .scene-ritual,body[data-scene=ocean] .scene-ritual,body[data-scene=rain] .scene-ritual{bottom:174px;gap:8px}.ritual-caption{display:none}.scene-ritual .ritual-action{padding:9px 16px}.scene-intensity{margin-top:6px}body[data-scene=ocean] .breathing,body[data-scene=rain] .breathing{top:44%;width:90px;height:90px}body[data-scene=ocean] .breath-disc small,body[data-scene=rain] .breath-disc small{display:none}body[data-scene=ocean] #breath-pause,body[data-scene=rain] #breath-pause{top:calc(100% + 35px)}}
