:root{--bg:#071723;--text:#e3efed;--muted:#a3bac2;--accent:#b1e6d6}body{background:#071723;isolation:isolate}body::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(#05132122,#07172345 60%,#071723b0),url('assets/night.webp') center center/cover no-repeat;pointer-events:none}body::after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 42%,#3b9f9c0b,transparent 55%);pointer-events:none}header{background:linear-gradient(180deg,#081b2970,#07172310);border-color:#a7d6d312;backdrop-filter:blur(8px)}.brand-symbol{width:40px;height:40px;display:inline-flex;filter:drop-shadow(0 0 10px #82ddc750)}.brand-symbol svg{width:100%;height:100%}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,57px);letter-spacing:-1.5px;font-weight:400;text-shadow:0 2px 30px #071723}.intro{padding-bottom:35px}.intro p{font-size:14px;text-shadow:0 2px 15px #000}.eyebrow{color:#a3d7cb}.feeling-button{background:linear-gradient(110deg,#102b3cb0,#34345c60);border-color:#9cbfe03a;box-shadow:inset 0 1px 0 #ffffff08;padding:12px 24px;backdrop-filter:blur(12px)}.feeling-button span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;margin-left:9px;border-radius:50%;background:linear-gradient(135deg,#afa6dc,#4c668d);color:#fff;box-shadow:0 0 14px #a29cdf30}.workspace{gap:36px}.practices,.sounds{background:linear-gradient(140deg,#102936ab,#091c2ba8);border:1px solid #a9d7d61a;border-radius:18px;padding:23px 16px;backdrop-filter:blur(16px);box-shadow:0 15px 50px #0000000a}.mode.active{background:linear-gradient(120deg,#b3e9da1a,#8d91d008);border-color:#b3e9da42}.mode{padding:15px 10px}.mode strong{font-size:13px}.mode-icon{filter:drop-shadow(0 0 8px #91dfcb40)}.section-label{color:#a7c2ca}.aside-note{color:#b0c9c9}.breathing{padding-top:3px}.breathing-top{color:#c1d8dc}.orb-stage{height:350px}.orb{width:230px;height:230px;background:radial-gradient(circle at 35% 25%,#b8fff957,rgba(var(--rgb),.19) 38%,#56b5b021 64%,#b7fff92a 78%,#bedcff50 92%);border:2px solid #bdfbf1b0;box-shadow:inset 0 0 30px #a2fff53b,inset 9px 3px 23px #c9fff626,inset -9px -3px 22px #d4b6ff45,0 0 8px #bbfff596,0 0 29px #67dfca38,17px 12px 46px #9a83d33b;transition:background 1.5s,box-shadow 1.5s}.orbit-one{width:280px;height:280px;border-color:#a2e7dc36;box-shadow:0 0 28px #80d9cb10,inset 0 0 25px #72d0c60a}.orbit-two{width:318px;height:318px;border-color:#b9cbea40;border-style:dotted}.orbit-one::before,.orbit-one::after,.orbit-two::before,.orbit-two::after{content:'';position:absolute;width:5px;height:5px;background:#cefff2;border-radius:50%;box-shadow:0 0 12px 3px #83dcd8;top:50%;left:-3px}.orbit-one::after{left:auto;right:-3px}.orbit-two::before{left:50%;top:-3px;background:#e2c6ff;box-shadow:0 0 12px 3px #b99bdb}.orbit-two::after{left:50%;top:auto;bottom:-3px;background:#dcc3ff;box-shadow:0 0 12px 3px #b99bdb}.orb-copy{gap:11px}.orb-lotus{display:block;width:30px;height:30px;margin:0 auto 2px;color:#d5f8e6;opacity:.9}#phaseText{font-size:25px;text-shadow:0 0 20px #baf8de35}#count{color:#d7e7e5}#helper{color:#c0d0d4;line-height:1.8}.primary{background:linear-gradient(125deg,#c1f5df,#9de2d1 65%,#a3e8df);border:1px solid #d6fff5b0;box-shadow:0 0 24px #93efd927,inset 0 1px 0 #ffffff65;color:#123c40;transition:box-shadow .25s,filter .25s}.primary:hover{box-shadow:0 0 30px #93efd940}.session-controls .primary{min-width:200px;padding:15px 30px;font-size:16px}.body-entry{background:linear-gradient(120deg,#123644b0,#1a29449c);border-color:#b9dfdc2b;backdrop-filter:blur(16px)}.body-entry h2{font-family:Comfortaa,sans-serif}.body-relaxation{background:radial-gradient(ellipse at 50% 30%,#16465555,transparent 60%),linear-gradient(145deg,#0c2635ed,#102630eb);border:1px solid #b4d6dc3b;box-shadow:0 22px 80px #0003;overflow:hidden;position:relative;max-width:850px;margin:25px auto}.body-relaxation h2{font-size:32px;font-weight:400;color:#b2e3d6}#bodyInstruction{max-width:620px;line-height:1.9;font-size:15px}.body-visual{position:relative;width:260px;height:335px;margin:0 auto 8px;isolation:isolate;--part:#75f1dc;--clip:inset(83% 22% 4% 22%)}.body-base,.body-highlight{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:screen;pointer-events:none}.body-base{opacity:.85}.body-highlight{clip-path:var(--clip);filter:sepia(1) saturate(3) hue-rotate(105deg) brightness(2.5) drop-shadow(0 0 7px var(--part));opacity:.85;transition:clip-path 1s,filter 1s}.body-aura{position:absolute;width:290px;height:290px;border:1px solid #88dedb32;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 65px #5acfc214,inset 0 0 35px #87dfd50c;z-index:-1}.body-aura::after{content:'';position:absolute;inset:-10px;border:1px dotted #94cecf26;border-radius:50%}.body-aura::before{content:'';position:absolute;width:5px;height:5px;background:#c0fff3;border-radius:50%;left:-3px;top:50%;box-shadow:0 0 14px 3px #73d8c3}.body-floor{position:absolute;left:28%;right:28%;bottom:4%;height:12px;border:1px solid #9df4df4a;border-radius:50%;box-shadow:0 0 20px #63dcca35}.body-visual[data-part="1"]{--clip:inset(48% 25% 4% 25%)}.body-visual[data-part="2"]{--clip:inset(32% 28% 39% 28%)}.body-visual[data-part="3"]{--clip:inset(21% 28% 55% 28%)}.body-visual[data-part="4"]{--clip:inset(16% 24% 68% 24%);--part:#e9abed}.body-visual[data-part="4"] .body-highlight{filter:sepia(1) saturate(3) hue-rotate(240deg) brightness(2.7) drop-shadow(0 0 7px var(--part))}.body-visual[data-part="5"]{--clip:polygon(16% 20%,33% 20%,35% 58%,65% 58%,67% 20%,84% 20%,84% 63%,16% 63%);--part:#a6caff}.body-visual[data-part="6"]{--clip:inset(5% 38% 81% 38%);--part:#ffd0bb}.body-visual[data-part="6"] .body-highlight{filter:sepia(1) saturate(2.5) hue-rotate(320deg) brightness(2.7) drop-shadow(0 0 7px var(--part))}.body-visual[data-part="7"]{--clip:inset(0%);--part:#d1f7d9}.grounding,.settings,dialog{background:linear-gradient(145deg,#102d3aee,#142c3bed);border-color:#a6d9d638}.grounding-bar{border-color:#b4e1d91a}footer{color:#a1b6bd}body:has(#bodyRelaxation:not([hidden])) .body-visual{scroll-margin-top:20px}@media(min-width:950px){.intro{padding-top:45px}.workspace{grid-template-columns:1fr 1.5fr .85fr}.breathing-top{margin-top:22px}}@media(max-width:950px){.sounds{padding:22px}.practices{padding:20px 12px}.sound-description{display:block}.sounds .section-label{margin-bottom:12px}.orb-stage{height:335px}}@media(max-width:600px){body::before{background-position:center top;background-size:auto 100vh;background-attachment:scroll}.intro{padding:32px 0 22px}.intro h1{font-size:37px;line-height:1.15;max-width:370px;margin:22px auto 16px}.intro p{font-size:12px}.brand-symbol{width:33px;height:33px}.header-note{display:none}.breathing-top{margin-top:8px}.orb-stage{height:350px}.orb{width:230px;height:230px}.orb-copy{gap:12px}#phaseText{font-size:25px}.session-controls .primary{min-width:210px;padding:15px 25px}.practices{padding:20px 12px;background:#0e2635c9}.sounds{padding:20px 14px;background:#0e2635c9}.workspace{gap:22px}.body-entry{margin-top:28px;padding:25px 21px}.body-relaxation{padding:23px 18px}.body-visual{height:305px;width:235px}.body-aura{width:260px;height:260px}.body-relaxation h2{font-size:28px;margin-top:5px}#bodyInstruction{font-size:13px;line-height:1.9}.body-reminder{font-size:10px}.body-controls .primary{padding:12px 16px;min-width:125px}.body-controls .subtle{padding:8px 4px;font-size:10px}.body-auto{font-size:10px}.body-heading .eyebrow{font-size:8px}.grounding-bar{margin-top:25px}.body-voice-note{font-size:10px}.feeling-button{margin-top:22px}header{padding:22px 6%}}
.body-base{mask-image:url('assets/body.webp');mask-size:100% 100%;mask-mode:luminance;opacity:1}.body-highlight{position:absolute;inset:0;background:var(--part);mask-image:url('assets/body.webp');mask-size:100% 100%;mask-mode:luminance;mix-blend-mode:screen;filter:drop-shadow(0 0 6px var(--part));opacity:1}.body-visual[data-part="4"] .body-highlight,.body-visual[data-part="6"] .body-highlight{filter:drop-shadow(0 0 6px var(--part))}

/* Slow, compositor-only landscape drift. */
body::before{inset:-4%;transform:scale(1.04);animation:landscape-drift 42s ease-in-out infinite alternate;will-change:transform}body::after{animation:aurora-drift 28s ease-in-out infinite alternate;will-change:transform}
@keyframes landscape-drift{0%{transform:scale(1.04) translate3d(-.7%,-.5%,0)}100%{transform:scale(1.075) translate3d(.7%,.5%,0)}}
@keyframes aurora-drift{0%{transform:translate3d(-1%,0,0)}100%{transform:translate3d(1%,1%,0)}}
.reduce-motion body::before,.reduce-motion body::after{animation:none;will-change:auto;transform:none}.durations{flex-wrap:wrap;row-gap:8px;max-width:420px;margin-left:auto;margin-right:auto}#count:empty{display:none}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none;will-change:auto;transform:none}}

/* Visible ambient motion, separated from the fixed landscape. */
.motion-enabled body::before{inset:-7%;animation:visible-landscape 20s ease-in-out infinite alternate}.motion-enabled body::after{animation:aurora-drift 18s ease-in-out infinite alternate}
@keyframes visible-landscape{from{transform:scale(1.04) translate3d(-2%,-1%,0)}to{transform:scale(1.12) translate3d(2%,1%,0)}}
.living-background{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.light-ribbon{position:absolute;width:110vw;height:35vh;border-radius:50%;filter:blur(24px);will-change:transform;opacity:.45}.ribbon-teal{left:-65vw;top:20vh;background:radial-gradient(ellipse,#4cd6c52e 5%,#64e5d62e 28%,transparent 68%);border-top:2px solid #7fe9db50;box-shadow:0 -12px 45px #46d4c52b;transform:rotate(-30deg);animation:teal-flow 14s ease-in-out infinite alternate}.ribbon-violet{right:-65vw;top:45vh;background:radial-gradient(ellipse,#bc9df32b,transparent 67%);border-top:2px solid #b2a3e650;box-shadow:0 -12px 45px #9b7ddc26;transform:rotate(30deg);animation:violet-flow 18s ease-in-out infinite alternate}
@keyframes teal-flow{from{transform:translate3d(-3vw,7vh,0) rotate(-34deg)}to{transform:translate3d(11vw,-9vh,0) rotate(-18deg)}}
@keyframes violet-flow{from{transform:translate3d(3vw,-8vh,0) rotate(34deg)}to{transform:translate3d(-11vw,8vh,0) rotate(18deg)}}
.drifting-stars{position:absolute;inset:-10%;background:radial-gradient(circle at 13% 23%,#bbfff5a0 0 1px,transparent 2px),radial-gradient(circle at 85% 37%,#ddd1ffa0 0 1.5px,transparent 3px),radial-gradient(circle at 74% 14%,#c9e9fca0 0 1px,transparent 2px),radial-gradient(circle at 25% 72%,#aff8eaa0 0 1px,transparent 2px);animation:starlight-drift 16s ease-in-out infinite alternate;will-change:transform}
@keyframes starlight-drift{from{transform:translate3d(-1%,-1%,0)}to{transform:translate3d(3%,2%,0)}}
.reduce-motion .living-background *{animation:none!important;will-change:auto}.reduce-motion body::before,.reduce-motion body::after{animation:none!important}
@media(prefers-reduced-motion:reduce){:root:not(.motion-enabled) .living-background *{animation:none;will-change:auto}}

.living-background{z-index:0}body>header,body>main,body>footer{position:relative;z-index:1}.living-background .light-ribbon,.living-background .drifting-stars{display:none}#ambientCanvas{display:block;width:100%;height:100%;pointer-events:none}.motion-button{margin-left:auto;margin-right:16px;font-size:11px;white-space:nowrap}@media(max-width:600px){header{gap:7px}.motion-button{margin-right:0;font-size:10px;padding:8px 3px}#settingsButton{font-size:10px;padding:8px 3px}}