.shape-icon{display:block;overflow:hidden}.shape-icon .si-track{fill:none;stroke:hsl(var(--hue) 80% 70%);stroke-width:7px;stroke-linejoin:round;stroke-linecap:round}.shape-icon .si-guide{fill:none;stroke:#ffffff6b;stroke-width:4px;stroke-dasharray:.1 12;stroke-linecap:round}.shape-icon .si-ring{fill:hsl(var(--hue) 80% 60% / .16);stroke:hsl(var(--hue) 85% 70%);stroke-width:7px}.shape-icon .si-core{fill:hsl(var(--hue) 80% 62% / .24)}.shape-icon .si-dot{fill:#fff}@property --ring-a{syntax:"<color>";inherits:true;initial-value:#9fb3c8}@property --ring-b{syntax:"<color>";inherits:true;initial-value:#d5e1ec}.breath-tone{--ring-a:#9fb3c8;--ring-b:#d5e1ec;transition:--ring-a .9s var(--ease-calm), --ring-b .9s var(--ease-calm)}.breath-tone[data-phase=inhale],.breath-tone[data-phase=sip]{--ring-a:#ff5c6c;--ring-b:#ff9d4d}.breath-tone[data-phase=hold]{--ring-a:#ff8257;--ring-b:#ffc65a}.breath-tone[data-phase=exhale]{--ring-a:#3c8ddb;--ring-b:#78e6e4}.breath-tone[data-phase=rest],.breath-tone[data-phase=done]{--ring-a:#5076b6;--ring-b:#8fc5e2}.bz{width:100%;height:100%;display:block;overflow:visible}.bz-guide{fill:none;stroke:#ffffff85;stroke-width:.85px;stroke-dasharray:.01 2.3;stroke-linecap:round}.bz-guide.is-sip{stroke:#ffffff4d;transition:opacity .8s var(--ease-calm)}.breath-tone[data-phase=exhale] .bz-guide.is-sip,.breath-tone[data-phase=done] .bz-guide.is-sip{opacity:0}.bz-guide.is-min{stroke:#ffffff42}.bz-a{stop-color:var(--ring-a)}.bz-b{stop-color:var(--ring-b)}.bz-fill-in{stop-color:var(--ring-b);stop-opacity:0}.bz-fill-out{stop-color:var(--ring-a);stop-opacity:.34}.bz-ring{stroke-width:1.7px}.bz-halo{fill:none;stroke-width:4px;opacity:.4}.bz-ripple{fill:none;stroke:var(--ring-b);stroke-width:.9px;stroke-dasharray:.01 2.3;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50%}.bz-ripple.is-on{animation:bz-ripple 1.5s var(--ease-out-expo) both}.bz-track{fill:none;stroke:#ffffff57;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round}.bz-travel{fill:none;stroke-width:2.6px;stroke-linejoin:round;stroke-linecap:round}.bz-dot{fill:#fff}.bz-dot-glow{fill:var(--ring-b);opacity:.85}.bz-guide.is-now{stroke:#ffffff29}.bz-soft{fill:var(--ring-b);opacity:.07}.bz-soft.is-6{opacity:.12}.bz-soft-in{stop-color:var(--ring-b);stop-opacity:.42}.bz-soft-out{stop-color:var(--ring-a);stop-opacity:.2}.bz-core{stroke-width:1.1px}.bz-word{font:400 15px var(--font-display);fill:#fff;text-anchor:middle;dominant-baseline:central}.bz-count{font:400 9px var(--font-sans);font-variant-numeric:tabular-nums;fill:#ffffff9e;text-anchor:middle;dominant-baseline:central}.bz-label{font:500 7.5px var(--font-sans);letter-spacing:.04em;fill:#ffffff5c;text-anchor:middle;dominant-baseline:central;transition:fill .5s var(--ease-calm)}.bz-label.is-on{fill:#fff}@container breath-stage (width<=240px){.bz-label{display:none}}.bz.is-mini .bz-track{stroke:#ffffff73;stroke-width:13px}.bz.is-mini .bz-travel{stroke-width:16px}.bz.is-mini .bz-soft,.bz.is-mini .bz-guide.is-now{display:none}.bz.is-mini .bz-core{stroke:none}.pick-icon{width:1.3rem;height:1.3rem}.pick-icon .si-track,.pick-icon .si-ring{stroke-width:15px}.pick-icon .si-guide,.pick-icon .si-core{display:none}.pick-icon .si-dot{r:22px}.breath{z-index:60;right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom));color:var(--color-ink);font-family:var(--font-sans);position:fixed}.breath[hidden],.breath [hidden]{display:none!important}.breath.is-center{place-items:center;padding:1rem;display:grid;inset:0}.breath-backdrop{-webkit-backdrop-filter:blur(6px);animation:breath-fade .6s var(--ease-calm) both;background:radial-gradient(70% 60% at 50% 45%,#161e2c73,#06090fcc);position:absolute;inset:0}.breath-panel{overscroll-behavior:contain;scrollbar-width:thin;-webkit-backdrop-filter:blur(24px)saturate(150%);width:min(328px,100vw - 2rem);max-height:calc(100svh - 2rem);animation:panel-in .7s var(--ease-out-expo) both;background:linear-gradient(155deg,#ffffff21,#ffffff08 42%,#ffffff0d),#0c111a85;border:1px solid #ffffff29;border-radius:26px;padding:.85rem 1.1rem 1.1rem;position:relative;overflow-y:auto;box-shadow:0 24px 60px #04070c73,inset 0 1px #ffffff24;container-type:inline-size}.breath.is-center .breath-panel{width:min(430px,100%);padding:1rem 1.4rem 1.4rem}.breath-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.breath-title{font:400 1.05rem / 1.25 var(--font-display);margin:0}.breath.is-center .breath-title{font-size:1.3rem}.breath-x{width:2rem;height:2rem;color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) ease;background:#ffffff0f;border:1px solid #ffffff24;border-radius:50%;flex:none;place-items:center;font-size:1.15rem;line-height:1;display:grid}.breath-x:hover{background:#ffffff29}.breath .btn{border:1px solid var(--color-glass-edge);border-radius:var(--radius-pill);font:500 var(--text-sm) / 1 var(--font-sans);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:0 0;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1.15rem;display:inline-flex}.breath .btn:active{transform:scale(.97)}.breath .btn-primary{border-color:var(--color-dandelion);background:var(--color-dandelion);color:#1f1a0b}.breath .btn-glass{background:#ffffff14}.breath .btn-glass:hover{background:#ffffff29}.chip-btn{border-radius:var(--radius-pill);font:400 var(--text-xs) / 1 var(--font-sans);color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;background:#ffffff0d;border:1px solid #ffffff2e;padding:.42rem .8rem}.chip-btn:hover{color:var(--color-ink);background:#ffffff1f}.chip-btn[aria-pressed=true]{border-color:var(--color-dandelion);background:var(--color-dandelion-soft);color:var(--color-dandelion)}.chip-btn.is-quiet{background:0 0;border-color:#0000}.breath-chips{flex-wrap:wrap;gap:.35rem;display:flex}.breath-stage{aspect-ratio:1;width:100%;margin-top:.3rem;container:breath-stage/inline-size}.breath.is-paused .bz-ring,.breath.is-paused .bz-halo{opacity:.45}.breath-say{min-height:2.9em;font:500 .95rem / 1.45 var(--font-sans);align-items:flex-start;gap:.6rem;margin:.35rem 0 0;display:flex}.breath.is-center .breath-say{font-size:1.05rem}.say-dot{border:2px solid var(--ring-b);border-radius:50%;flex:none;width:9px;height:9px;margin-top:.42em}.say-text{flex:1}.say-count{font:400 var(--text-sm) / 1.6 var(--font-sans);font-variant-numeric:tabular-nums;color:var(--color-ink-faint)}.breath-say.is-new .say-text{animation:say-in .6s var(--ease-calm) both}.breath-progress{gap:.45rem;margin-top:.6rem;display:grid}.breath-meta{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-ink-faint)}.breath-bar{background:#ffffff1a;border-radius:2px;height:2px;position:relative;overflow:hidden}.breath-bar-fill{background:linear-gradient(90deg, var(--ring-a), var(--ring-b));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.breath-controls{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.breath-picker{gap:.75rem;margin-top:.7rem;display:grid}.pick-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.pick-row{width:100%;color:var(--color-ink-soft);font:400 var(--text-sm) / 1.2 var(--font-sans);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.55rem .65rem;display:grid}.pick-row:hover{color:var(--color-ink);background:#ffffff0f}.pick-row[aria-pressed=true]{color:var(--color-ink);background:#ffffff17;border-color:#ffffff29}.pick-pattern{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-ink-faint)}.pick-tagline{font-size:var(--text-xs);color:var(--color-ink-soft);margin:0;line-height:1.5}.pick-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.breath-safety{color:var(--color-ink-faint);margin:0;font-size:.6875rem;line-height:1.5}.breath-done{text-align:center;justify-items:center;gap:.75rem;padding:.8rem 0 .2rem;display:grid}.breath-done-ring{aspect-ratio:1;background:radial-gradient(circle, transparent 46%, color-mix(in srgb, var(--ring-a) 34%, transparent));outline-offset:10px;width:92px;animation:breath-rest 6s var(--ease-calm) infinite;border-radius:50%;outline:1px dotted #fff6;position:relative}.breath-done-ring:before{content:"";background:linear-gradient(135deg, var(--ring-a), var(--ring-b));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.breath-done-title{font:400 1.3rem / 1.2 var(--font-display);margin:.5rem 0 0}.breath-ask,.breath-thanks{font-size:var(--text-sm);color:var(--color-ink-soft);margin:0}.breath-feelings,.breath-done .breath-controls{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.breath.is-corner .breath-panel{width:min(var(--panel-w,328px), calc(100vw - 2rem));container-type:inline-size}.breath.is-corner .breath-stage{width:min(100%,100svh - 19rem);margin-inline:auto}.breath.is-corner .breath-say{font-size:clamp(.92rem,.55rem + 2.6cqi,1.25rem)}.breath-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(18px)saturate(150%);color:var(--color-ink);font:500 var(--text-sm) / 1 var(--font-sans);cursor:pointer;animation:panel-in .6s var(--ease-out-expo) both;transition:opacity .8s var(--ease-calm), border-color var(--duration-fast) ease, transform var(--duration-fast) var(--ease-out-expo);background:linear-gradient(155deg,#ffffff24,#ffffff0a 50%),#0c111a75;border:1px solid #ffffff29;align-items:center;gap:.55rem;padding:.32rem .95rem .32rem .35rem;display:inline-flex;box-shadow:0 12px 34px #04070c66,inset 0 1px #ffffff24}.breath-pill:hover{border-color:#ffffff52}.breath-pill:active{transform:scale(.97)}body:has(.hud.is-idle) .breath-pill:not(.is-live,:hover,:focus-visible){opacity:.4}.pill-ring{width:2.15rem;height:2.15rem;display:block}.breath-pill .bz-guide,.breath-pill .bz-halo,.breath-pill .bz-ripple{display:none}.breath-pill .bz-ring{stroke-width:11px}.breath-pill:not(.is-live) .bz{animation:pill-idle 8s var(--ease-calm) infinite}.pill-count{font-variant-numeric:tabular-nums;min-width:1ch;color:var(--color-ink-faint)}.pill-count:empty{display:none}.breath-grip{cursor:nwse-resize;touch-action:none;opacity:.6;width:1.5rem;height:1.5rem;transition:opacity var(--duration-fast) ease, background-color var(--duration-fast) ease;background-color:#0000;background-image:radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px),radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px),radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px),radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px),radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px),radial-gradient(circle,#ffffffbf 1.2px,#0000 1.6px);background-position:5px 5px,10px 5px,15px 5px,5px 10px,10px 10px,5px 15px;background-repeat:no-repeat;background-size:4px 4px;border:0;border-radius:7px;flex:none;margin:-.3rem 0 0 -.4rem;padding:0}.breath-grip:hover,.breath-grip:focus-visible{opacity:1;background-color:#ffffff14}.breath.is-corner .breath-title{flex:1}.breath-x.is-collapse:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:.5rem;height:.5rem;transform:translateY(-2px)rotate(45deg)}.pick-goals{scrollbar-width:none;gap:.35rem;margin:0 -1.1rem;padding:0 1.1rem .15rem;display:flex;overflow-x:auto}.pick-goals .chip-btn{flex:none}.pick-list{scrollbar-width:thin;max-height:min(16.5rem,42svh);overflow-y:auto}@media (max-width:600px){.breath.is-corner{left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:max(1.1rem, env(safe-area-inset-bottom))}.breath.is-corner .breath-panel{width:100%;max-height:70svh}.breath.is-corner .breath-grip{display:none}.breath.is-corner{left:auto}.breath.is-corner:has(.breath-panel:not([hidden])){left:max(.75rem, env(safe-area-inset-left))}.breath.is-corner .breath-session{grid-template-columns:128px 1fr;align-items:center;column-gap:.9rem;display:grid}.breath.is-corner .breath-stage{grid-row:span 2}.breath.is-corner .breath-controls{grid-column:1/-1;margin-top:.6rem}}@keyframes bz-ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}@keyframes pill-idle{0%,to{transform:scale(.82)}50%{transform:scale(1)}}@keyframes say-in{0%{opacity:0;transform:translateY(4px)}}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes breath-fade{0%{opacity:0}}@keyframes breath-rest{50%{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.breath-panel,.breath-backdrop,.breath-say.is-new .say-text,.breath-done-ring,.breath-pill,.breath-pill:not(.is-live) .bz{animation:none}}