:root{color-scheme:dark;--breathe-color:#c5d6f2;--exhale-color:#4c6e9c;--pause-color:#7084d8;--ring-fill-color:#4a463f;--ring-track-color:#000000b3;--page-bg:#070605;--phase-color:var(--breathe-color);--aurora-blue:#3d587c;--aurora-violet:#a8b8dc}html,body{background:var(--page-bg);color:#f2f2f2;overscroll-behavior:none;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}breathing-circle:where(.astro-ecea23rr){height:100vh;display:block;position:relative}.topbar:where(.astro-ecea23rr){z-index:10;padding:max(.75rem, env(safe-area-inset-top)) 1rem .75rem;background:linear-gradient(#000000d9,#0000);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar:where(.astro-ecea23rr) a:where(.astro-ecea23rr){color:#c9c9c9;background-color:#0a0a0a;border:1px solid #1a1a1a;border-radius:9px;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;text-decoration:none;display:inline-flex}.topbar:where(.astro-ecea23rr) a:where(.astro-ecea23rr):hover{color:#f2f2f2;background-color:#111}.topbar:where(.astro-ecea23rr) a:where(.astro-ecea23rr) svg:where(.astro-ecea23rr){width:1rem;height:1rem}:where(.astro-ecea23rr)[hidden]{display:none!important}.aurora:where(.astro-ecea23rr){z-index:0;pointer-events:none;background:radial-gradient(at 50% 32%,#e8bc6a0b 0%,#0000 46%),radial-gradient(at 50% 40%,#141210 0%,#070605 72%);position:fixed;inset:0;overflow:hidden}.aurora-blob:where(.astro-ecea23rr){background:radial-gradient(circle at center, var(--blob-color) 0%, var(--blob-color) 18%, transparent 70%);filter:blur(40px);will-change:transform, opacity;border-radius:50%;position:absolute}.aurora-blob:where(.astro-ecea23rr).phase{--blob-color:var(--phase-color);opacity:.2;width:48vmin;height:48vmin;animation:48s ease-in-out infinite aurora-drift-a;top:12%;left:22%}.aurora-blob:where(.astro-ecea23rr).green{--blob-color:var(--exhale-color);opacity:.16;width:40vmin;height:40vmin;animation:65s ease-in-out infinite aurora-drift-b;top:58%;left:68%}.aurora-blob:where(.astro-ecea23rr).blue{--blob-color:var(--aurora-blue);opacity:.15;width:34vmin;height:34vmin;animation:57s ease-in-out infinite aurora-drift-c;top:38%;left:48%}.aurora-blob:where(.astro-ecea23rr).violet{--blob-color:var(--aurora-violet);opacity:.13;width:30vmin;height:30vmin;animation:52s ease-in-out infinite aurora-drift-d;top:72%;left:18%}.aurora-blob:where(.astro-ecea23rr).brick{--blob-color:var(--pause-color);opacity:.07;width:22vmin;height:22vmin;animation:74s ease-in-out infinite aurora-drift-e;top:22%;left:78%}.aurora-grain:where(.astro-ecea23rr){mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:14s ease-in-out infinite grain-pulse;position:absolute;inset:-10%}@keyframes grain-pulse{0%,to{opacity:.03}50%{opacity:.09}}@keyframes aurora-drift-a{0%{opacity:.2;transform:translate(0)scale(1)}20%{opacity:.22;transform:translate(22vw,-14vh)scale(1.3)}42%{opacity:.13;transform:translate(-18vw,20vh)scale(.6)}63%{opacity:.3;transform:translate(12vw,30vh)scale(2.1)}84%{opacity:.15;transform:translate(-28vw,-12vh)scale(.8)}to{opacity:.2;transform:translate(0)scale(1)}}@keyframes aurora-drift-b{0%{opacity:.16;transform:translate(0)scale(1)}24%{opacity:.19;transform:translate(-24vw,-18vh)scale(1.4)}48%{opacity:.11;transform:translate(-32vw,16vh)scale(.7)}68%{opacity:.34;transform:translate(14vw,24vh)scale(2.6)}88%{opacity:.14;transform:translate(20vw,-20vh)scale(.85)}to{opacity:.16;transform:translate(0)scale(1)}}@keyframes aurora-drift-c{0%{opacity:.15;transform:translate(0)scale(1)}30%{opacity:.19;transform:translate(-20vw,22vh)scale(1.6)}55%{opacity:.1;transform:translate(25vw,10vh)scale(.65)}75%{opacity:.25;transform:translate(-10vw,-26vh)scale(1.9)}to{opacity:.15;transform:translate(0)scale(1)}}@keyframes aurora-drift-d{0%{opacity:.13;transform:translate(0)scale(1)}28%{opacity:.09;transform:translate(18vw,-22vh)scale(.7)}52%{opacity:.21;transform:translate(30vw,8vh)scale(1.7)}77%{opacity:.14;transform:translate(-16vw,18vh)scale(1.1)}to{opacity:.13;transform:translate(0)scale(1)}}@keyframes aurora-drift-e{0%{opacity:.07;transform:translate(0)scale(1)}35%{opacity:.1;transform:translate(-22vw,20vh)scale(1.5)}62%{opacity:.05;transform:translate(-30vw,-16vh)scale(.6)}to{opacity:.07;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.aurora-blob:where(.astro-ecea23rr),.aurora-grain:where(.astro-ecea23rr){animation:none}}.picker:where(.astro-ecea23rr){box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:30rem;height:100%;margin:0 auto;padding:5rem 1.5rem 3rem;display:flex}.picker:where(.astro-ecea23rr) h1:where(.astro-ecea23rr){margin:0;font-size:clamp(1.6rem,6vw,2.2rem)}.intro:where(.astro-ecea23rr){color:#999;margin:0;font-size:.95rem;line-height:1.5}.variants:where(.astro-ecea23rr){grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%;display:grid}.variant-card:where(.astro-ecea23rr){font:inherit;text-align:center;-webkit-backdrop-filter:blur(16px);color:#f2f2f2;cursor:pointer;background-color:#0c0b0a9e;border:1px solid #1a1a1a;border-radius:12px;flex-direction:column;align-items:center;gap:.6rem;padding:1.5rem 1rem;display:flex}.variant-card:where(.astro-ecea23rr):hover{background-color:#161412c7;border-color:#2a2a2a}.variant-icon:where(.astro-ecea23rr){width:1.75rem;height:1.75rem;color:var(--breathe-color)}.variant-name:where(.astro-ecea23rr){font-size:1.05rem;font-weight:600}.exercise:where(.astro-ecea23rr){box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;padding:1.5rem;display:flex}.ring-wrap:where(.astro-ecea23rr){width:min(80vw,320px);height:min(80vw,320px);position:relative}.ring:where(.astro-ecea23rr){width:100%;height:100%}.ring-track:where(.astro-ecea23rr),.ring-fill:where(.astro-ecea23rr){fill:none;stroke-width:19.42px}.ring-track:where(.astro-ecea23rr){stroke:var(--ring-track-color)}.ring-fill:where(.astro-ecea23rr){stroke:var(--ring-fill-color);stroke-linecap:round;stroke-dasharray:903.65;stroke-dashoffset:903.65px;transform-origin:50%;transform:rotate(-90deg)}.ring-fill:where(.astro-ecea23rr).is-running{animation:ring-fill-anim var(--ring-seconds,180s) linear forwards}@keyframes ring-fill-anim{to{stroke-dashoffset:0}}.pulse:where(.astro-ecea23rr){background-color:var(--breathe-color);z-index:1;border-radius:50%;width:83.82%;height:83.82%;transition:background-color .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse:where(.astro-ecea23rr).phase-exhale{background-color:var(--exhale-color)}.pulse:where(.astro-ecea23rr).is-holding{background-color:var(--pause-color)}.flash:where(.astro-ecea23rr){background-color:var(--flash-color,var(--breathe-color));opacity:0;z-index:1;pointer-events:none;border-radius:50%;width:83.82%;height:83.82%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flash:where(.astro-ecea23rr).is-flashing{animation:.6s ease-out flash-pulse}@keyframes flash-pulse{0%{opacity:.4}30%{opacity:1}to{opacity:0}}.pulse-hole:where(.astro-ecea23rr){z-index:2;background-color:#000000d9;border-radius:50%;justify-content:center;align-items:center;width:32.02%;height:32.02%;transition:background-color .4s,color .4s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse-hole:where(.astro-ecea23rr).is-holding{background-color:var(--pause-color);color:#000}.pulse-label:where(.astro-ecea23rr){color:#f2f2f2;font-size:1.1rem;font-weight:600}.pulse-hole:where(.astro-ecea23rr).is-holding .pulse-label:where(.astro-ecea23rr){color:inherit}.done:where(.astro-ecea23rr){text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;padding:1.5rem;display:flex}.done:where(.astro-ecea23rr) p:where(.astro-ecea23rr){margin:0;font-size:1.2rem}.done:where(.astro-ecea23rr) button:where(.astro-ecea23rr),.variants:where(.astro-ecea23rr)+.done:where(.astro-ecea23rr) button:where(.astro-ecea23rr){font:inherit;color:#000;cursor:pointer;background:#f2f2f2;border:0;border-radius:999px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500}
