.breathing-page{color:#234b37;max-width:720px;margin:0 auto;padding:28px 18px 60px}.breathing-page h1{margin:10px 0 18px;font-size:clamp(30px,5vw,46px);line-height:1.12}.breathing-page>p{font-size:18px;line-height:1.6}.breathing-page .breathing-eyebrow{letter-spacing:.13em;color:#286044;margin-top:25px;font-size:13px;font-weight:750}.breathing-intro{white-space:pre-wrap}.breathing-guide{text-align:center;background:#f5f9f2;border:1px solid #c9ddcd;border-radius:22px;padding:20px}.breathing-rhythm{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breathing-rhythm li{background:#e3efdf;border-radius:24px;padding:9px 14px}.breathing-repeat{justify-content:center;align-items:center;gap:8px;min-height:44px;margin:15px auto;display:flex}.breathing-repeat input{accent-color:#235a3d;width:20px;height:20px}.breathing-video{background:#fff;border-radius:17px;width:100%;max-width:365px;margin:auto;display:block}.breathing-note{color:#436050}.breathing-animation{justify-items:center;gap:10px;padding:15px;display:grid}.breathing-orb{background:#e1efdc;border-radius:50%;place-items:center;width:220px;height:220px;display:grid}.breathing-orb img{object-fit:contain}.breathing-animation progress{accent-color:#286044;width:min(100%,280px)}.breathing-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.breathing-actions button{min-height:44px}.breathing-list{gap:12px;padding:0;list-style:none;display:grid}.breathing-list a{color:inherit;background:#f5f9f2;border:1px solid #c9ddcd;border-radius:16px;gap:8px;padding:20px;display:grid}.breathing-list strong{font-size:20px}@media (prefers-reduced-motion:reduce){.breathing-orb img{transform:none!important}}.breathing-video-guide{justify-items:center;gap:10px;display:grid}.breathing-video-guide button{min-height:44px}.breathing-dial{color:#245e42;width:94px;height:94px;position:relative}.breathing-dial svg{width:100%;height:100%;display:block}.breathing-dial>div{flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex;position:absolute;inset:0}.breathing-dial strong{font-variant-numeric:tabular-nums;font-size:22px}.breathing-dial span{font-size:12px}.breathing-animation .breathing-dial{margin:6px auto}.breathing-video-frame{aspect-ratio:576/748;width:min(100%,365px);position:relative}.breathing-video-frame .breathing-video{width:100%;height:100%}.breathing-portrait-dial{pointer-events:none;position:absolute;inset:0}.breathing-portrait-dial svg{width:100%;height:100%;display:block}.breathing-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.breathing-session-time{color:#245e42;justify-content:center;align-items:baseline;gap:6px;line-height:1.15;display:flex}.breathing-session-time strong{font-variant-numeric:tabular-nums;font-size:clamp(36px,8vw,50px)}.breathing-session-time span{font-size:15px}.breathing-video-guide .breathing-sound{color:#245e42;cursor:pointer;background:#f5f9f2;border:1px solid #c9ddcd;border-radius:50%;place-items:center;width:38px;height:38px;min-height:38px;padding:0;display:grid;position:absolute;top:7px;right:7px}.breathing-sound:focus-visible{outline-offset:2px;outline:2px solid #245e42}.breathing-phase-time{color:#245e42;justify-items:center;gap:3px;line-height:1.05;display:grid}.breathing-phase-time span{font-size:17px;font-weight:700}.breathing-phase-time strong{font-variant-numeric:tabular-nums;font-size:clamp(42px,9vw,58px)}.breathing-total-time{color:#436050;font-variant-numeric:tabular-nums;margin:0;font-size:13px}.breathing-guide>.breathing-total-time{margin:10px 0 0}.breathing-orb{position:relative}.breathing-animation .breathing-sound{color:#245e42;cursor:pointer;background:#f5f9f2;border:1px solid #c9ddcd;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:absolute;top:0;right:0}.breathing-settings{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px 14px;margin:14px auto;display:flex}.breathing-settings label{text-align:left;gap:4px;font-size:14px;display:grid}.breathing-settings select{color:#245e42;background:#fff;border:1px solid #c9ddcd;border-radius:10px;min-height:44px;padding:8px 12px}.breathing-settings button{justify-content:center;align-items:center;gap:6px;min-height:44px;display:inline-flex}:-webkit-any(.breathing-guide:-webkit-full-screen,.breathing-guide.breathing-expanded){overscroll-behavior:contain;width:100%;max-width:none;height:100%;max-height:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border:0;border-radius:0;overflow:auto}:is(.breathing-guide:fullscreen,.breathing-guide.breathing-expanded){overscroll-behavior:contain;width:100%;max-width:none;height:100%;max-height:none;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border:0;border-radius:0;overflow:auto}.breathing-guide.breathing-expanded{z-index:9999;position:fixed;inset:0}:-webkit-any(.breathing-guide:-webkit-full-screen .breathing-video-frame,.breathing-guide.breathing-expanded .breathing-video-frame){width:min(100%,max(130px,77dvh - 223.3px))}:is(.breathing-guide:fullscreen .breathing-video-frame,.breathing-guide.breathing-expanded .breathing-video-frame){width:min(100%,max(130px,77dvh - 223.3px))}
