.round-play{position:relative!important;width:100px!important;height:100px!important;min-width:100px!important;padding:0!important;border-radius:50%!important;font-size:0!important;background:linear-gradient(145deg,#d3ffef,#a7e8d6 60%,#8bd8c6)!important;border:1px solid #d2fff0!important;box-shadow:0 0 0 8px #a1eadc16,0 0 0 15px #a1eadc09,0 0 32px #8ff4d940,inset 0 3px 10px #ffffff55!important;color:#062932!important;flex-shrink:0}.round-play::before{content:'';position:absolute;left:39px;top:32px;width:0;height:0;border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:26px solid currentColor}.round-play[data-player-state=playing]::before{left:34px;top:31px;width:30px;height:37px;border-top:0;border-bottom:0;border-left:10px solid currentColor;border-right:10px solid currentColor;border-radius:3px}.round-play[data-player-state=finished]::before{content:'✓';border:0;top:24px;left:25px;font-size:45px;width:50px;height:50px}.round-play:disabled{opacity:.8}.body-controls{display:grid!important;grid-template-columns:1fr 110px 1fr;justify-items:center;align-items:center;max-width:490px;margin:20px auto 48px!important;gap:18px!important}.skip-control{position:relative;width:56px;height:56px;border:1px solid #acd9d538!important;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8ce5dc15,#0c2430c0)!important;font-size:0!important;color:#dcefe9;padding:0!important;box-shadow:inset 0 0 10px #9fded70c}.skip-control::before{content:'';position:absolute;inset:17px;background:currentColor;clip-path:polygon(10% 0,22% 0,22% 44%,89% 0,89% 100%,22% 56%,22% 100%,10% 100%)}.skip-next::before{transform:rotate(180deg)}.skip-control::after{content:attr(aria-label);position:absolute;top:68px;left:50%;transform:translateX(-50%);width:110px;font-size:12px;line-height:1.5;font-weight:400;color:var(--muted)}.skip-control:disabled{opacity:.3}.body-relaxation{max-width:800px;border-radius:24px;padding:30px 36px}.body-heading{margin-bottom:20px}.body-relaxation h2{font-size:34px;margin:0 0 14px!important}#bodyInstruction{font-size:15px;line-height:1.8;margin:0 auto 17px!important;max-width:600px}.body-reminder{margin:0 auto 8px;max-width:600px;color:#a8bdc3}.body-visual{height:330px;width:330px;max-width:100%;margin:0 auto 0;isolation:isolate;overflow:hidden;--position:0% 0%}.region-illustration{position:absolute;inset:0;background-image:url('assets/body-regions.webp');background-size:400% 200%;background-position:var(--position);background-repeat:no-repeat;mix-blend-mode:screen}.region-ground{position:absolute;bottom:6%;left:17%;width:66%;height:14px;border:1px solid #d8c78d35;border-radius:50%;box-shadow:0 0 0 9px #a1dac208,0 0 0 20px #a1dac205}.body-visual[data-part="0"]{--position:0% 0%}.body-visual[data-part="1"]{--position:33.333333% 0%}.body-visual[data-part="2"]{--position:66.666667% 0%}.body-visual[data-part="3"]{--position:100% 0%}.body-visual[data-part="4"]{--position:0% 100%}.body-visual[data-part="5"]{--position:33.333333% 100%}.body-visual[data-part="6"]{--position:66.666667% 100%}.body-visual[data-part="7"]{--position:100% 100%}#bodyCountdown{font-size:11px;margin:5px 0 10px;min-height:18px}.player-timeline{display:flex;gap:18px;align-items:center;max-width:640px;margin:22px auto 20px}.player-timeline .progress-track{flex:1;margin:0!important;height:7px;border-radius:5px;background:#759ea125}.player-timeline .progress-track>div{border-radius:5px;background:linear-gradient(90deg,#97e4ce,#b9fae3)}.player-timeline>span{font-size:12px;white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.breathing-timeline{margin:20px 20px 0}.body-auto{display:flex!important;align-items:center;gap:11px;padding:15px 17px;background:#12344170;border:1px solid #a2d8d523;border-radius:14px;text-align:left;font-size:12px;margin:0 auto 24px;max-width:640px}.body-auto input{width:20px;height:20px;flex-shrink:0}.body-auto small{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.sounds{padding:24px!important;border-radius:22px}.sounds .section-label{display:none}.sounds h2{font-size:20px!important;margin:0 0 22px!important}.sound-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sound{position:relative;display:flex;align-items:center;gap:13px;width:100%!important;min-width:0!important;min-height:76px;padding:15px 12px!important;border:1px solid #a8d2d41f!important;border-radius:16px!important;background:#17323e60!important;margin:0!important;transition:background .3s,box-shadow .3s}.sound.active{border-color:#a9f6dd!important;background:linear-gradient(130deg,#317b7645,#193b4740)!important;box-shadow:0 0 18px #8debd926,inset 0 0 18px #8debd910}.sound-illustration{font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:32px!important;width:36px!important;flex-shrink:0;text-align:center;line-height:1.2;color:var(--accent);filter:drop-shadow(0 0 12px #8fe2e32b)}[data-sound=handpan] .sound-illustration{font-size:42px!important;color:#b4e8ef}[data-sound=river] .sound-illustration{font-size:40px!important;color:#9fe8d8}.sound-title{font-size:12px;line-height:1.5;padding-right:9px}.sound-check{position:absolute;right:8px;top:8px;font-size:12px;background:#a0efda;color:#0c3336;width:19px;height:19px;border-radius:50%;display:flex;justify-content:center;align-items:center}.sound:not(.active) .sound-check{opacity:0}.volume-label{font-size:12px;margin-top:26px}#volume{height:6px}.mute{display:inline-flex;align-items:center;gap:10px;font-size:12px;margin-top:15px;padding:10px 0}.mute::before{content:'◖×';font-size:22px;color:var(--accent)}#bodyClose{display:block;background:linear-gradient(135deg,#b73143,#8f2638);color:#fff;border:1px solid #f36b6b77;border-radius:32px;min-width:210px;padding:14px 30px;font-size:14px;margin:22px auto 0;box-shadow:0 0 24px #d8423e23}#bodyClose::before{content:'×';display:inline-flex;justify-content:center;align-items:center;margin-right:12px;width:23px;height:23px;border-radius:50%;background:#fff;color:#ab263d;font-size:24px;vertical-align:middle}.body-audio{max-width:640px;margin:25px auto 0!important;border-radius:20px!important}.body-audio .sound-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.body-audio h2{font-size:20px!important}.body-music-note{padding-top:18px;border-top:1px solid #a2d3d51a}.session-controls{gap:27px}.session-controls .icon-button{width:47px;height:47px;margin-right:-74px}.breathing .orb-stage{margin-bottom:8px}.breathing .session-controls{margin-top:27px;margin-bottom:28px}
@media(min-width:951px){.workspace{grid-template-columns:minmax(230px,1fr) minmax(350px,1.4fr) minmax(310px,1.15fr);gap:24px}.sounds{padding:20px 14px!important}.sounds h2{font-size:18px!important}.sound{gap:8px;padding:15px 8px!important}.sound-title{font-size:11px}.sound-illustration{font-size:28px!important;width:30px!important}}
@media(max-width:600px){.body-relaxation{padding:23px 16px}.body-heading{margin-bottom:17px}.body-relaxation h2{font-size:29px}#bodyInstruction{font-size:13px}.body-reminder{font-size:11px;line-height:1.8}.body-visual{width:300px;height:300px}.body-controls{grid-template-columns:1fr 100px 1fr;gap:10px!important;margin-bottom:46px!important}.round-play{width:92px!important;height:92px!important;min-width:92px!important}.round-play::before{left:35px;top:29px}.round-play[data-player-state=playing]::before{left:31px;top:28px;width:28px;height:34px;border-left-width:9px;border-right-width:9px}.skip-control{width:49px;height:49px}.skip-control::before{inset:15px}.skip-control::after{top:59px;font-size:11px;width:95px}.body-auto{padding:13px 10px;font-size:10px;gap:8px}.body-auto small{font-size:8px}.player-timeline{gap:12px}.player-timeline>span{font-size:10px}.sounds{padding:21px 14px!important}.sound{min-height:76px;gap:10px!important;padding:15px 11px!important}.sound-title{font-size:12px}.body-audio{padding:20px 12px!important}.body-audio .sound-title{font-size:11px}.body-audio .sound-illustration{font-size:29px!important;width:32px!important}.breathing-timeline{margin:20px 0 0}.body-audio h2{font-size:19px!important}#bodyClose{min-width:200px}.body-music-note{font-size:10px}}

.region-illustration{mask-image:linear-gradient(to bottom,transparent 0%,#000 5%,#000 91%,transparent 100%),linear-gradient(to right,transparent 0%,#000 5%,#000 95%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in}@media(max-width:600px){.workspace>.sounds{order:1}.workspace>.practices{order:2}}
/* Use one centered SVG box for every player state and screen size. */
.round-play[data-player-state]::before{content:'';box-sizing:border-box;left:50%;top:50%;right:auto;bottom:auto;width:36px;height:36px;transform:translate(-50%,-50%);border:0;border-radius:0;font-size:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M9%205%20Q8%204%208%206%20V26%20Q8%2028%2010%2027%20L26%2017%20Q28%2016%2026%2015%20Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M9%205%20Q8%204%208%206%20V26%20Q8%2028%2010%2027%20L26%2017%20Q28%2016%2026%2015%20Z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.round-play[data-player-state=playing]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%226%22%20height%3D%2222%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%225%22%20width%3D%226%22%20height%3D%2222%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%226%22%20height%3D%2222%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%225%22%20width%3D%226%22%20height%3D%2222%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.round-play[data-player-state=finished]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m6%2017%207%207L27%208%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22m6%2017%207%207L27%208%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E")}

.sound-illustration{display:flex;align-items:center;justify-content:center;width:46px!important;height:46px;flex:0 0 46px;font-size:0!important;filter:drop-shadow(0 3px 7px #0003)}.sound-illustration svg{width:100%;height:100%;overflow:visible}.body-audio .sound-illustration{width:43px!important;height:43px;flex-basis:43px}.mode-icon{display:flex;align-items:center;justify-content:center;width:28px;flex:0 0 28px}.mode-icon svg{width:28px;height:28px}@media(max-width:600px){.sound-illustration{width:42px!important;height:42px;flex-basis:42px}.body-audio .sound-illustration{width:38px!important;height:38px;flex-basis:38px}.mode-icon,.mode-icon svg{width:24px;height:24px;flex-basis:24px}}

.brand{white-space:nowrap;gap:10px;font-size:clamp(18px,2.4vw,29px);letter-spacing:-.7px}.brand-symbol{flex-shrink:0}@media(max-width:600px){header{flex-wrap:wrap}.brand{font-size:20px}.brand-symbol{width:30px;height:30px}.motion-button{margin-left:auto}}

/* Keep the practice controls visible without oversized artwork or gaps. */
.body-relaxation{width:100%;max-width:960px;padding:24px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:start}.body-relaxation[hidden]{display:none}.body-practice-main,.body-practice-side{min-width:0}.body-heading{margin-bottom:12px}.body-relaxation h2{font-size:27px;margin-bottom:10px!important}#bodyInstruction{font-size:13px;line-height:1.65;margin-bottom:10px!important}.body-reminder{font-size:10px;line-height:1.6}.body-visual{width:220px;height:220px}.body-controls{grid-template-columns:1fr 82px 1fr;gap:10px!important;margin:12px auto 38px!important}.body-controls .round-play{width:76px!important;height:76px!important;min-width:76px!important}.skip-control{width:46px;height:46px}.skip-control::before{inset:14px}.skip-control::after{top:52px;font-size:10px;width:90px}.body-controls .round-play::before{width:30px;height:30px}.body-relaxation .player-timeline{margin:14px auto}.body-auto{padding:10px;font-size:10px;gap:7px;margin-bottom:0}.body-auto small{font-size:9px}.body-auto input{width:17px;height:17px}.body-audio{margin:0!important;padding:18px 12px!important}.body-audio h2{font-size:18px!important;margin-bottom:15px!important}.body-audio .sound{min-height:60px;padding:10px 8px!important;gap:7px!important}.body-audio .sound-illustration{width:32px!important;height:32px;flex-basis:32px}.body-audio .sound-title{font-size:11px}.body-audio .volume-label{margin-top:18px}.body-audio .mute{margin-top:10px}.body-music-note{font-size:10px;line-height:1.65;margin:14px 0 0;padding-top:12px}#bodyClose{min-width:150px;font-size:12px;padding:10px 20px;margin-top:16px}#bodyClose::before{width:19px;height:19px;font-size:20px}
@media(max-width:700px){.body-relaxation{display:block;max-width:480px;padding:18px 14px}.body-practice-side{margin-top:18px}.body-relaxation h2{font-size:25px}.body-visual{width:190px;height:190px}.body-heading{margin-bottom:10px}#bodyInstruction{font-size:12px;line-height:1.65}.body-reminder{font-size:10px}.body-controls{max-width:300px}.body-relaxation .player-timeline{margin:12px auto}.body-audio .sound{min-height:58px}.body-auto{flex-wrap:wrap}.body-auto small{margin-left:auto}.body-audio .sound-list{gap:8px}.body-audio .sound-title{font-size:11px}.body-music-note{font-size:10px}.brand{font-size:18px}}