@property --spread-phase{syntax:"<number>";inherits:true;initial-value:0}@property --scale-factor{syntax:"<number>";inherits:true;initial-value:.01}@property --rotation-angle{syntax:"<angle>";inherits:true;initial-value:1turn}body.breathe-mode #app{--ui-blur-effective:var(--ui-blur-max,12px)}body.breathe-mode #bg-root{filter:blur(var(--ui-blur-max,12px))!important}body.breathe-mode #bottom-progress{opacity:0;pointer-events:none;transition:opacity .4s ease}#breathe-timer{display:none}body.breathe-mode #upcoming-wrap,body.breathe-mode .flowco-stack,body.breathe-mode .timer-stack-content{opacity:0;filter:blur(30px);pointer-events:none}body.breathe-mode #flowco-bottom,body.breathe-mode .app-header{opacity:0;z-index:-1}.breathe-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,calc(3 * var(--ovw, 1vw)),2.5rem);padding:clamp(20px,calc(4 * var(--ovw, 1vw)),36px);position:relative;background:transparent;box-shadow:none;border:none;opacity:0;pointer-events:none;transition:opacity 1s ease}body.breathe-mode .breathe-panel{opacity:1;pointer-events:auto}.breathe-panel-stage{margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(1.25rem,calc(3 * var(--ovw, 1vw)),2.5rem)}.breathe-panel .stage{aspect-ratio:1/1;display:grid;place-items:center}.breathe-panel .prompt.overlay{position:absolute;pointer-events:none;width:100%;text-align:center;z-index:3;left:0;right:0;mix-blend-mode:var(--fw-breathe-blend,difference);top:50%;transform:translateY(-50%) scale(.75)}:where(.fw-breathe){--fw-breathe-peak:0.9}:where(.fw-breathe #breathe-instruction){text-shadow:var(--fw-text-shadow)}.instruction{--text-letter-spacing:0em;--text-font-size:2em;--text-duration:4000ms;--text-fade-duration:1200ms;opacity:0;filter:blur(10px);text-align:center;width:100%;margin:0 auto;font-size:var(--text-font-size,2em);font-weight:var(--fw-label-weight,400);letter-spacing:var(--text-letter-spacing,0);transform-origin:center;transition:letter-spacing var(--text-duration,6s) ease,text-indent var(--text-duration,6s) ease,font-size var(--text-duration,6s) ease,color .4s ease}@keyframes instructionPulse{0%{opacity:0;filter:blur(8px)}30%{opacity:var(--fw-breathe-peak,.5);filter:blur(0)}80%{opacity:var(--fw-breathe-peak,.5);filter:blur(0)}to{opacity:0;filter:blur(8px)}}.instruction.visible{animation:instructionPulse var(--breathe-step-ms,4s) ease-in-out forwards}.instruction.goodluck{opacity:0;filter:blur(8px);transition:opacity 1s ease,filter 1s ease}.instruction.goodluck.visible{opacity:1;filter:blur(0)}.instruction.breath-in,.instruction.hold-breath-in{letter-spacing:.2em;text-indent:.2em;font-size:calc(var(--text-font-size) + .5em)}@keyframes countdownPulse{0%{opacity:0;filter:blur(10px);transform:scale(1)}40%{opacity:var(--fw-breathe-peak,.5);filter:blur(0);transform:scale(1)}60%{opacity:var(--fw-breathe-peak,.5);filter:blur(0);transform:scale(1)}to{opacity:0;filter:blur(10px);transform:scale(1)}}.instruction.countdown{letter-spacing:.12em;text-indent:.12em;font-weight:600;animation:countdownPulse 1s ease-in-out 3 forwards}.breathe-panel .watch-shell{position:relative;--face-size:min(270px,calc(72 * var(--ovw, 1vw)));width:var(--face-size);height:var(--face-size);place-items:center;transition:opacity var(--text-fade-duration,2.2s) ease-in-out,filter var(--text-fade-duration,2.2s) ease-in-out}:where(.fw-breathe) .breathe-panel .stage,:where(.fw-breathe) .breathe-panel .watch-shell{--face-size:min(270px,calc(56 * var(--ovw, 1vw)),calc(58 * var(--ovh, 1vh)))}:where(.fw-breathe) .instruction{--text-font-size:calc(var(--face-size) * 32 / 270)}:where(.fw-breathe) .instruction.breath-in,:where(.fw-breathe) .instruction.hold-breath-in{font-size:calc(var(--text-font-size) * 1.25)}.breathe-panel .watch-face{--duration:4000ms;position:absolute;inset:0;margin:auto;width:100%;height:100%;transform-origin:center;transform:rotate(var(--rotation-angle)) scale(var(--scale-factor));transition:transform var(--duration) cubic-bezier(.5,0,.5,1),opacity calc(var(--duration) / 1) ease-in-out;filter:drop-shadow(0 0 calc(var(--face-size) * 40 / 270) rgba(100,185,255,.45))}.breathe-panel .watch-face.primary:after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(126,220,255,.2),transparent 60%);filter:blur(30px);transition:opacity .6s ease;opacity:.7;pointer-events:none}.breathe-panel .watch-face.ghost{opacity:0;filter:blur(3px);pointer-events:none;transition:transform var(--duration) cubic-bezier(.5,0,.5,1),opacity .6s ease}.breathe-panel .watch-face.ghost.ghost-active{opacity:.45}.breathe-panel .watch-face.ghost.ghost-active[data-ghost="0.6"]{opacity:.3}.breathe-panel .watch-face.ghost.ghost-active[data-ghost="0.9"]{opacity:.2}.breathe-panel .watch-face.ghost.ghost-active.phase-hold-empty,.breathe-panel .watch-face.ghost.ghost-active.phase-out{opacity:.12}.breathe-panel .watch-face.ghost:not(.ghost-active).phase-hold-empty,.breathe-panel .watch-face.ghost:not(.ghost-active).phase-out{opacity:0}.breathe-panel .watch-face.phase-countdown,.breathe-panel .watch-face.phase-pre{--spread-phase:0;--scale-factor:0.00;--rotation-angle:360deg;opacity:0}.breathe-panel .watch-face.phase-in{--spread-phase:1;--scale-factor:1;--rotation-angle:0deg;--letter-spacing:0.2em;--instruction-size:clamp(2.1rem,calc(5.6 * var(--ovw, 1vw)),3.4rem)}.breathe-panel .watch-face.phase-hold-full{--spread-phase:1;--scale-factor:1.05;--rotation-angle:0deg;--letter-spacing:0.2em;--instruction-size:clamp(2.15rem,calc(5.7 * var(--ovw, 1vw)),3.45rem)}.breathe-panel .watch-face.phase-hold-empty,.breathe-panel .watch-face.phase-out{--spread-phase:0;--scale-factor:0.0;--rotation-angle:360deg;--letter-spacing:0.05em;--instruction-size:clamp(1.8rem,calc(5 * var(--ovw, 1vw)),3rem)}.breathe-panel .watch-face.phase-hold-empty{opacity:0}.breathe-panel .circle{position:absolute;top:50%;left:50%;width:calc(var(--face-size) * 190 / 270);aspect-ratio:1/1;border-radius:50%;mix-blend-mode:screen;background:rgba(255,255,255,.5);box-shadow:0 0 calc(var(--face-size) * 20 / 270) rgba(255,255,255,.35),0 0 calc(var(--face-size) * 50 / 270) rgba(255,255,255,.25);transform:translate(-50%,-50%) translate(calc(var(--offset-x) * var(--spread-phase)),calc(var(--offset-y) * var(--spread-phase)));transition:transform var(--duration) cubic-bezier(.5,0,.5,1)}.breathe-panel .circle:first-child{--offset-x:calc(var(--face-size) * -0.1575);--offset-y:calc(var(--face-size) * -0.27)}.breathe-panel .circle:nth-child(2){--offset-x:calc(var(--face-size) * 0.1575);--offset-y:calc(var(--face-size) * 0.27)}.breathe-panel .circle:nth-child(3){--offset-x:calc(var(--face-size) * -0.315);--offset-y:0px}.breathe-panel .circle:nth-child(4){--offset-x:calc(var(--face-size) * 0.315);--offset-y:0px}.breathe-panel .circle:nth-child(5){--offset-x:calc(var(--face-size) * -0.1575);--offset-y:calc(var(--face-size) * 0.27)}.breathe-panel .circle:nth-child(6){--offset-x:calc(var(--face-size) * 0.1575);--offset-y:calc(var(--face-size) * -0.27)}.flowco-bottom-actions .breathe-actions{display:flex;gap:12px;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}body.breathe-mode .flowco-bottom-actions .breathe-actions{opacity:1;pointer-events:auto;transform:translateY(0)}body.breathe-goodluck .flowco-bottom-actions .breathe-actions{opacity:0;pointer-events:none}.flowco-bottom-actions .breathe-actions .btn-icon [data-lucide=skip-forward]{fill:currentColor}.breathe-overlay{position:absolute;inset:clamp(0px,calc(5 * var(--ovw, 1vw)),56px);padding:clamp(12px,calc(4 * var(--ovw, 1vw)),32px);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:5;transition:opacity .36s ease}.breathe-overlay.open{pointer-events:auto;opacity:1}.breathe-overlay.hidden{display:none}.breathe-overlay .breathe-panel{width:min(760px,calc(96 * var(--ovw, 1vw)));background:transparent;box-shadow:none}body[data-viewer-mode=true] #breathe-reset,body[data-viewer-mode=true] #breathe-skip,body[data-viewer-mode=true] .breathe-actions{display:none!important;pointer-events:none!important}