body[data-space]{margin:0;background:#101014;color:#eee9e4;font-family:'DM Sans',sans-serif}body[data-space] *{box-sizing:border-box}body[data-space] header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff0c}.space-brand{font-size:25px;text-decoration:none;color:#eee9e4}.space-brand span{color:#a69a8b}.header-whisper{font-size:11px;letter-spacing:3px;color:#958d99}.space-nav{display:flex;align-items:center;gap:8px;padding:18px 5%;flex-wrap:wrap}.space-nav a,.space-nav button{font:inherit;font-size:13px;color:#b1a9b9;background:none;border:1px solid transparent;border-radius:30px;padding:9px 15px;text-decoration:none;cursor:pointer}.space-nav a:hover,.space-nav button:hover,.space-nav a[aria-current]{background:#ffffff09;color:#eee9e4;border-color:#ffffff15}.space-nav .breathe-open{margin-left:auto;color:#c3b199}.space-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;padding:0 5% 20px;max-width:1800px;margin:auto}.calm-scene{position:relative;isolation:isolate;height:calc(100svh - 190px);min-height:520px;max-height:1000px;background:#15171b;border:1px solid #ffffff13;border-radius:22px;overflow:hidden}.calm-scene>img,.calm-scene>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scene-caption{position:absolute;left:30px;top:28px;pointer-events:none;text-shadow:0 2px 12px #000}.scene-caption span{font-size:11px;text-transform:uppercase;letter-spacing:3px;color:#d2c6b8}.scene-caption h1{font-size:20px;font-weight:400;margin:9px 0}.calm-scene>button{position:absolute;right:22px;top:23px;border:1px solid #ffffff25;border-radius:50%;width:38px;height:38px;background:#12121950;color:white;font-size:24px;cursor:pointer}.space-layout aside{border:1px solid #ffffff12;border-radius:22px;background:#19191e;padding:28px 24px;align-self:start}.eyebrow{font-size:10px;letter-spacing:2px;color:#a99d8c}.space-layout h2{font-size:22px;font-weight:400;margin:14px 0 30px}.space-layout label{font-size:14px;display:block;margin:20px 0 10px}.space-layout select{width:100%;background:#25232a;color:#e8e0da;border:1px solid #ffffff20;border-radius:10px;padding:12px 8px;font:inherit;font-size:14px}.space-layout aside p{font-size:13px;line-height:1.7;color:#aaa1af}.space-layout .check{display:flex;gap:8px;align-items:center}.space-layout input[type=range]{width:100%;accent-color:#bba88b}.space-layout output{float:right;font-size:12px;color:#b1a9b9}.breath-card{margin-top:30px;display:block;width:100%;border:1px solid #c8ae852a;border-radius:14px;text-align:left;padding:17px 14px;background:#c8ae8508;color:#e1d3c1;cursor:pointer}.breath-card span{font-size:14px}.breath-card small{display:block;color:#a399aa;font-size:12px;margin-top:7px;line-height:1.5}.quiet-note{margin-top:25px}.space-footer{display:flex;justify-content:space-between;padding:10px 5% 25px;font-size:12px}.space-footer a,.space-footer button{color:#958d99;background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}body[data-space] dialog{padding:26px;border:1px solid #ffffff20;border-radius:18px;background:#19191e;color:#eee9e4}body[data-space] dialog form{text-align:right}body[data-space] dialog button{background:none;color:inherit;border:0;font-size:22px;cursor:pointer}body[data-space] address{font-style:normal;line-height:1.8}.calm-scene:fullscreen,.calm-scene.immersive{height:100dvh;width:100vw;max-height:none;border:0;border-radius:0}.calm-scene.immersive{position:fixed;inset:0;z-index:1000}.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}
#breathing-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid #ffffff20;border-radius:24px;background:#17191eee;color:#eee9e4;text-align:center;box-shadow:0 25px 120px #0008;font-family:'DM Sans',sans-serif}#breathing-dialog::backdrop{background:#06070ac9;backdrop-filter:blur(12px)}#breathing-dialog h2{font-size:24px;font-weight:400;margin:12px 0}#breathing-dialog p{font-size:14px;line-height:1.6;color:#aaa5b1}#breathing-dialog .breath-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#bcb4c3;font-size:26px;cursor:pointer}.breath-orbit{height:220px;display:grid;place-items:center}.breath-circle{width:126px;height:126px;border:1px solid #d2b98c99;border-radius:50%;background:radial-gradient(circle,#d2b98c20,transparent 70%);box-shadow:0 0 45px #d2b98c0c;display:grid;place-items:center;will-change:transform}.breath-circle span{font-size:15px;color:#eddfca}.breath-controls button{font:inherit;border:1px solid #ffffff25;border-radius:30px;background:#ffffff08;color:#eee9e4;padding:10px 24px;cursor:pointer}.breath-count{font-variant-numeric:tabular-nums}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #c8ae85;outline-offset:4px}
@media(max-width:850px){.space-layout{grid-template-columns:1fr;padding:0 14px 20px;gap:16px}.calm-scene{height:66svh;min-height:420px}.space-layout aside{padding:24px}.space-nav{padding:12px 14px;gap:2px}.space-nav a,.space-nav button{padding:8px 10px;font-size:12px}.space-nav button{margin-left:0}.header-whisper{display:none}.scene-caption{left:20px;top:22px}.scene-caption h1{font-size:17px}.space-layout h2{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.breath-circle{will-change:auto}}

.space-nav .active{background:#ffffff09;color:#eee9e4;border-color:#ffffff15}.space-nav button:not(.breathe-open){margin-left:0;color:#b1a9b9}.space-nav button.active{color:#eee9e4}@media(max-width:850px){.space-nav .breathe-open{margin-left:0}}

.calm-scene>.space-music{top:auto;bottom:24px;left:24px;right:auto;width:auto;height:auto;font-size:13px;border-radius:28px;padding:11px 17px;display:flex;align-items:center;gap:8px;background:#15151c88}.calm-scene .now-playing{display:none}.calm-scene:fullscreen .now-playing,.calm-scene.immersive .now-playing{display:flex;position:absolute;top:28px;right:80px;left:auto;width:min(240px,40%);text-align:right;z-index:4}.calm-scene .now-playing>span{font-size:11px}.calm-scene #music-dialog{z-index:10}.calm-scene #music-dialog button{font:inherit}.calm-scene #music-dialog .icon-button{font-size:22px}.calm-scene #music-dialog .music-play{font-size:18px}
.calm-scene:fullscreen .now-playing[hidden],.calm-scene.immersive .now-playing[hidden]{display:none}.calm-scene .now-playing{flex-direction:column;gap:6px}.calm-scene #music-visualizer{display:block;position:relative;width:100%;height:40px;max-height:40px}.calm-scene #music-visualizer[hidden]{display:none}
.breath-page{max-width:1600px;padding:0 5% 20px;margin:auto}.breath-scene{min-height:660px;height:calc(100svh - 190px);background:#111d25}.breath-landscape{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 80%,#406f6433,transparent 60%),radial-gradient(ellipse at 85% 5%,#78644722,transparent 55%),linear-gradient(150deg,#182a32,#101c25 60%,#1c2930)}#breath-surface{position:relative;text-align:center;padding:48px 20px 40px;color:#e4e8df;--breath-progress:0deg}#breath-surface h1,#breathing-dialog h1{font:400 clamp(25px,3vw,38px)/1.25 Manrope,sans-serif;letter-spacing:-.035em;margin:16px 0}.breath-eyebrow{font-size:10px;letter-spacing:3px;color:#a4b7ad}.breath-intro{font-size:14px;color:#9badad;line-height:1.7}.breath-orbit{position:relative;height:300px;isolation:isolate}.breath-circle{position:relative;width:168px;height:168px;border:1px solid #b8d4c052;background:radial-gradient(circle at 38% 30%,#c6d8bd25,#70a69b14 48%,#70a69b04);box-shadow:0 0 55px #93c0ab16,inset 0 0 38px #a2c6b00a;transition:box-shadow 2s;z-index:1}.breath-circle:before,.breath-circle:after{content:'';position:absolute;border:1px solid #9db9a61b;border-radius:50%;inset:-12px;pointer-events:none}.breath-circle:after{inset:-24px;border-color:#9db9a60c}.breath-circle span{font-size:16px;color:#dbe7d6}.breath-progress{position:absolute;width:264px;height:264px;border-radius:50%;background:conic-gradient(from 0deg,#b6cbb6 var(--breath-progress),#afcbb315 0);mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 1px));-webkit-mask:radial-gradient(circle,transparent 130px,#000 131px);opacity:.55;pointer-events:none}#breath-surface .breath-count{font-size:12px;letter-spacing:1.5px;color:#a6b9b0;margin:0 0 22px}#breath-surface .breath-controls button,#breathing-dialog .breath-controls button{font:400 14px 'DM Sans',sans-serif;color:#dce5d6;background:#a8c7af0e;border:1px solid #abc5ad4a;padding:12px 30px;min-width:175px;border-radius:30px;cursor:pointer}.breath-footnote{font-size:12px!important;color:#839991!important;margin-top:23px}.is-breathing .breath-circle{box-shadow:0 0 70px #93c0ab25,inset 0 0 48px #a2c6b016}@media(max-width:850px){.breath-page{padding:0 14px 20px}.breath-scene{min-height:630px;height:auto}#breath-surface{padding:38px 14px 72px}.breath-orbit{height:280px}.breath-intro{max-width:260px;margin:15px auto}}.breath-scene:fullscreen #breath-surface,.breath-scene.immersive #breath-surface{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center}.breath-scene:fullscreen .breath-orbit,.breath-scene.immersive .breath-orbit{width:100%}

/* Shared scene width across all relaxation areas. */
body[data-space] .space-layout{max-width:none;width:100%;padding:16px 20px 20px;grid-template-columns:minmax(0,1fr) 340px;gap:20px}body[data-space] .calm-scene{max-height:none}body[data-space] header{height:72px;padding:0 28px}.space-nav{padding-left:20px;padding-right:20px}.breath-page{max-width:none;padding:16px 20px 20px}@media(max-width:1050px){body[data-space] .space-layout{grid-template-columns:minmax(0,1fr) 305px;gap:14px}}@media(max-width:800px){body[data-space] .space-layout{grid-template-columns:1fr}}@media(max-width:700px){body[data-space] .space-layout,.breath-page{padding:10px}body[data-space] header{height:64px;padding:0 20px}.space-nav{padding-left:10px;padding-right:10px}}

/* Every place shares the same frame and control positions. */
html{scrollbar-gutter:stable;overflow-anchor:none}
:root{--room-height:max(540px,calc(100svh - 184px))}
header.relax-header,body[data-space] header{height:72px;flex-shrink:0;padding:0 28px}
.space-nav{min-height:72px;padding:18px 20px;gap:8px;align-content:center}
.space-nav a,.space-nav button{font-size:13px;line-height:20px;padding:9px 15px;white-space:nowrap}
main,body[data-space] .space-layout,.breath-page{padding:16px 20px 20px;margin:0;width:100%;max-width:none}
.stage,.stage.with-quotes,body[data-space] .calm-scene{height:var(--room-height);min-height:0;max-height:none;border-radius:20px;align-self:start;overflow-anchor:none}
#settings-dock{height:var(--room-height);min-height:0;overflow-anchor:none}
.calm-scene .scene-caption{top:24px;left:26px;z-index:3}
#space-fullscreen{top:24px;right:24px;width:37px;height:37px;z-index:5;font-size:24px}
.calm-scene>.space-fullscreen-bottom{top:auto;right:26px;bottom:24px;left:auto;width:auto;height:auto;border-radius:25px;padding:11px 17px;font-size:13px;display:flex;gap:11px;align-items:center;background:#16111970;backdrop-filter:blur(12px);z-index:5}
.calm-scene>.space-fullscreen-bottom span{font-size:20px;line-height:14px}
.calm-scene>.space-music{left:26px;bottom:24px;z-index:5}
.scene-transition{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;pointer-events:none;object-fit:fill}
.stage:fullscreen,.stage.immersive,.stage.with-quotes:fullscreen,.stage.with-quotes.immersive,body[data-space] .calm-scene:fullscreen,body[data-space] .calm-scene.immersive{height:100dvh;width:100%;min-height:0;max-height:none;border:0;border-radius:0;top:0}
.stage:fullscreen .stage-bottom,.stage.immersive .stage-bottom{bottom:24px}
.calm-scene.sleeping{cursor:none}.calm-scene.sleeping>#space-fullscreen,.calm-scene.sleeping>.space-fullscreen-bottom,.calm-scene.sleeping>.space-music,.calm-scene.sleeping>.scene-caption{opacity:0;pointer-events:none}
.calm-scene>button,.calm-scene>.scene-caption{transition:opacity .6s}
#breath-surface{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px 72px}
#breath-surface .breath-orbit{width:100%;height:clamp(210px,32svh,300px);flex-shrink:1;min-height:190px}
#breath-surface h1{margin:12px 0}#breath-surface .breath-intro{margin:8px 0}
@media(max-width:850px){.space-nav{padding:12px 20px;gap:2px}.space-nav a,.space-nav button{padding:8px 10px;font-size:12px}.scene-caption h1{font-size:17px}}
@media(max-width:800px){:root{--room-height:max(500px,70svh)}#settings-dock{height:auto;min-height:0}.stage.with-quotes{height:var(--room-height)}}
@media(max-width:700px){header.relax-header,body[data-space] header{height:64px;padding:0 20px}.space-nav{padding-left:10px;padding-right:10px}main,body[data-space] .space-layout,.breath-page{padding:10px}.stage-top{left:18px;right:18px;top:18px}#space-fullscreen{top:18px;right:18px}.calm-scene .scene-caption{left:18px;top:18px}.stage-bottom,.calm-scene>.space-music{left:16px;bottom:20px}.stage-bottom{right:16px}.calm-scene>.space-fullscreen-bottom{right:16px;bottom:20px;padding:11px 12px;font-size:12px}.calm-scene>.space-music{padding:11px 12px}.stage:fullscreen .stage-bottom,.stage.immersive .stage-bottom{bottom:20px}#breath-surface{padding:24px 12px 70px}.breath-footnote{max-width:250px;margin-top:12px!important}#breath-surface .breath-count{margin-bottom:12px}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:room-out .35s ease both}::view-transition-new(root){animation:room-in .55s ease both}
@keyframes room-out{to{opacity:0}}@keyframes room-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

.breath-circle{transition:box-shadow 5s ease}.breath-circle span{transition:opacity 1.5s;color:#d1e0d5}#breath-surface .breath-progress{opacity:.24}#breath-surface .breath-orbit{height:clamp(180px,27svh,270px);min-height:170px}.breath-circle{width:152px;height:152px}.breath-progress{width:228px;height:228px;-webkit-mask:radial-gradient(circle,transparent 112px,#000 113px)}#breath-surface .breath-footnote{margin-top:14px}#breath-surface .breath-intro{max-width:390px}.breath-scene:fullscreen #breath-surface,.breath-scene.immersive #breath-surface{min-height:0}.breath-scene:fullscreen .breath-orbit,.breath-scene.immersive .breath-orbit{height:32svh}
.relax-frame{position:fixed;inset:0;width:100%;height:100dvh;border:0;z-index:9999;background:#101014;opacity:0;pointer-events:none;transition:opacity .7s ease}.relax-frame.ready{opacity:1;pointer-events:auto}html.router-host{scrollbar-gutter:auto;overflow:hidden}body.router-host{overflow:hidden}

/* Large displays: keep the room composed instead of stretching it edge to edge. */
@media(min-width:1600px){
 :root{--room-height:clamp(650px,calc(100svh - 208px),1080px)}
 main,body[data-space] .space-layout,.breath-page{max-width:2240px;margin-inline:auto;padding:20px 28px 24px}
 header.relax-header,body[data-space] header{max-width:2240px;margin-inline:auto;padding-inline:28px}
 .space-nav{max-width:2240px;margin-inline:auto;padding-inline:28px}
 .workspace,body[data-space] .space-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}
 .workspace.menu-hidden{grid-template-columns:minmax(0,1fr)}
 .space-nav a,.space-nav button{font-size:14px;padding:10px 18px}
 #settings-dock aside,.space-layout aside{padding:28px}
 .space-layout aside p{font-size:14px}
 .space-footer{max-width:2240px;margin-inline:auto;padding-inline:28px}
 .scene-caption h1{font-size:24px}
 .calm-scene>#scene-image,.calm-scene>#scene-canvas{width:min(100%,calc(var(--room-height) * 1.5));left:50%;right:auto;transform:translateX(-50%)}
}
/* Fullscreen controls stay at the viewport edges; the picture keeps its proportions. */
@media(min-aspect-ratio:19/10){
 .stage:fullscreen,.stage.immersive,.calm-scene:fullscreen,.calm-scene.immersive{background:radial-gradient(ellipse at center,#1a1b22,#0c0e13 78%)}
 .stage:fullscreen #lava,.stage.immersive #lava{width:min(100%,calc(var(--scene-height,100dvh) * 1.5));margin-inline:auto;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
 .stage:fullscreen .scene-background,.stage.immersive .scene-background{width:min(100%,calc(var(--scene-height,100dvh) * 1.5));left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
 .calm-scene:fullscreen>#scene-image,.calm-scene.immersive>#scene-image,.calm-scene:fullscreen>#scene-canvas,.calm-scene.immersive>#scene-canvas{width:min(100%,150dvh);left:50%;right:auto;transform:translateX(-50%);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent)}
}

.footer-links{display:flex;align-items:center;gap:18px}.footer-links>a,.footer-links>button{font:inherit;font-size:12px;line-height:1.5;color:#958d99;background:none;border:0;padding:8px 0;text-decoration:none;cursor:pointer}.footer-links>a:hover,.footer-links>button:hover{color:#d7cfdc}.footer-links>a:focus-visible,.footer-links>button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.legal-footer .footer-links{margin-left:auto}

.space-layout aside .fire-credit{font-size:12px;color:#958d99;margin-top:28px}.fire-credit a{color:inherit;text-decoration:none}.fire-credit a:hover{text-decoration:underline}