#breathingGuide{width:min(100%,640px);margin:auto;text-align:center;padding:28px 24px;color:#f9f3e4}#breathingGuide h3{font-size:38px;margin:0 0 12px}#breathingGuide .eyebrow{margin-bottom:12px;color:#e3d6b3}.breathing-intro{font-size:15px;max-width:430px;margin:0 auto}.breathing-stage{height:330px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.breathing-halo,.breathing-circle{position:absolute;border-radius:50%;width:290px;height:290px}.breathing-halo{border:1px solid #d8e6cc45;background:#b3d6bd0a}.breathing-circle{background:radial-gradient(circle at 35% 25%,#8baf9170,#5e8c7640);border:1px solid #cbddbf88;box-shadow:0 0 50px #a3c4a619;transition:transform .1s linear}.breathing-cue{z-index:1;max-width:270px}#breathingGuide .breathing-phase{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin:0 0 9px}.breathing-cue>span{font-size:13px;display:block;min-height:20px}.breathing-cue>strong{font-size:28px;font-weight:400;display:block;min-height:46px;margin-top:12px;font-variant-numeric:tabular-nums}.breathing-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.breathing-controls button{min-height:48px;padding:12px 26px;border:1px solid #d5dec7;border-radius:28px;color:#f6f0e2;background:transparent;font-size:15px}.breathing-controls .breathing-start{background:#eddbb3;color:#1b4136;border-color:#eddbb3}#breathingGuide .breathing-time{font-size:12px;margin:18px 0 24px;opacity:.9}.breathing-settings,.breathing-source{text-align:left;max-width:480px;margin:18px auto 0;border-top:1px solid #a3b69e55;padding-top:14px;font-size:13px}.breathing-settings summary,.breathing-source summary{cursor:pointer;text-align:center;min-height:32px}.breathing-settings label{display:block;font-size:14px;margin:15px 0}.breathing-settings input[type=checkbox]{width:auto;margin-right:8px}.breathing-settings select{margin:8px 0 0;width:100%;padding:10px;border-radius:8px;color:#203a37;background:#faf4e8}#breathingGuide .breathing-safety{font-size:12px;line-height:1.65;max-width:480px;margin:22px auto 0;opacity:.9}@media(prefers-reduced-motion:reduce){.breathing-circle{transform:scale(.85)!important;transition:none!important}}@media(max-width:650px){#breathingGuide{padding:24px 18px}.breathing-stage{height:290px}.breathing-halo,.breathing-circle{width:260px;height:260px}#breathingGuide h3{font-size:32px}#breathingGuide .breathing-phase{font-size:27px}.quiet .quiet-space{padding:10px 0}.quiet #breathingGuide{width:100%}}
.ambient-water{border-top:1px solid #a3b69e55;padding-top:18px;max-width:480px;margin:0 auto 18px}#breathingGuide .ambient-label{font-size:16px;margin-bottom:12px}.ambient-label span{display:block;font-size:12px;opacity:.85}.ambient-options{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.ambient-options button,.ambient-volume button{border:1px solid #b9cbb0;border-radius:24px;min-height:44px;padding:9px 15px;color:#f9f3e4;background:transparent;font-size:13px}.ambient-options button[aria-pressed=true]{background:#eddbb3;color:#1b4136;border-color:#eddbb3}.ambient-volume{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin:16px 0;font-size:13px}.ambient-volume input{width:120px;accent-color:#eddbb3;min-height:44px}#breathingGuide .ambient-status{font-size:12px;margin:12px 0 6px}#breathingGuide .ambient-detail{font-size:11px;line-height:1.5;opacity:.85;margin:0 auto;max-width:350px}
#breathingGuide{box-sizing:border-box;max-width:100%;width:100%;background:#1c4138;border-radius:8px;align-self:start}#breathingGuide p,#breathingGuide a{color:#f9f3e4}#breathingGuide [hidden]{display:none!important}#breathingGuide .breathing-circle{transform:scale(.78)}#breathingGuide .breathing-settings select{box-sizing:border-box}#breathingGuide .breathing-settings label{margin:15px 0;font-weight:400}#breathingGuide button:focus-visible,#breathingGuide select:focus-visible,#breathingGuide input:focus-visible{outline:3px solid #eddbb3;outline-offset:4px}#breathingGuide .breathing-phase{min-height:72px;display:flex;align-items:center;justify-content:center}#breathingGuide .breathing-settings p{font-size:13px;line-height:1.7}#breathingGuide .breathing-safety{font-size:12px}#breathingGuide .ambient-volume label{margin:0} @media(max-width:400px){#breathingGuide{padding:24px 14px}#breathingGuide .breathing-halo,#breathingGuide .breathing-circle{width:235px;height:235px}#breathingGuide .breathing-stage{height:270px}}

#breathingGuide input[type=checkbox]{accent-color:#eddbb3;width:20px;height:20px;vertical-align:middle;cursor:pointer}#breathingGuide .breathing-settings label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}