/* One continuous, silent breathing demonstration inside the existing phone. */
.panic-breathing-preview{position:relative;display:block;width:100%;aspect-ratio:440/956;overflow:hidden;border-radius:29px;isolation:isolate;background:#050a12}
.panic-breathing-preview>img{display:block;width:100%;height:auto}
.panic-breathing-preview[data-breathing-ready]>img{visibility:hidden}
.panic-breathing-preview>svg,.panic-scenic>svg.panic-breathing-screen{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}
.panic-breathing-screen .panic-breathing-orb{transform-origin:220px 420px;transform:scale(.76);animation:ura-preview-breathe 8s ease-in-out infinite paused!important}
.panic-breathing-cue{font:600 20px 'DM Sans',sans-serif;fill:#fff;text-anchor:middle;opacity:0}
/* Scoped overrides keep this demo independent of the legacy page-wide animation reset. */
.panic-breathing-screen .panic-breathing-cue--in{animation:ura-preview-inhale 8s linear infinite paused!important}
.panic-breathing-screen .panic-breathing-cue--out{animation:ura-preview-exhale 8s linear infinite paused!important}
.panic-breathing-cue--rest{opacity:1;animation:none}
[data-breathing-ready] .panic-breathing-cue--rest{opacity:0}
[data-breathing-motion=playing] .panic-breathing-screen :is(.panic-breathing-orb,.panic-breathing-cue){animation-play-state:running!important}
[data-breathing-motion=still] .panic-breathing-screen :is(.panic-breathing-orb,.panic-breathing-cue){animation:none!important}
[data-breathing-motion=still] .panic-breathing-cue--rest{opacity:1}
@keyframes ura-preview-breathe{0%,100%{transform:scale(.76)}50%{transform:scale(1)}}
@keyframes ura-preview-inhale{0%,49%,100%{opacity:0}4%,45%{opacity:1}50%,99%{opacity:0}}
@keyframes ura-preview-exhale{0%,49%,100%{opacity:0}54%,95%{opacity:1}}
@media(prefers-reduced-motion:reduce){
  [data-breathing-ready] .panic-breathing-screen :is(.panic-breathing-orb,.panic-breathing-cue){animation:none!important}
  [data-breathing-ready] .panic-breathing-cue--rest{opacity:1}
}
@media(max-width:760px){.panic-breathing-preview{border-radius:26px}}