@font-face{font-family:Manrope;src:url(/fonts/manrope-latin-var.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial),local(ArialMT),local(Helvetica);size-adjust:98.6%;ascent-override:108.1%;descent-override:30.4%;line-gap-override:0%}:root{--night-0:#fff;--night-25:#f7f8fc;--night-50:#eff1f8;--night-100:#e4e7f2;--night-200:#cfd4e6;--night-300:#aab1cf;--night-400:#7a82ab;--night-500:#565e8a;--night-600:#3d4470;--night-700:#283058;--night-800:#1a2147;--night-850:#141a3c;--night-900:#0e1330;--night-950:#080b20;--night-1000:#04060f;--inhale-400:#6b8aff;--hold-400:#9c6bff;--exhale-400:#ff6b8a;--rest-400:#6bffb8;--blue-200:#c7d2ff;--blue-300:#a3b4ff;--blue-400:#6b8aff;--blue-500:#4f6ef2;--blue-600:#3a55d6;--blue-700:#2c42ad;--coral-300:#ff9aae;--coral-400:#ff6b8a;--coral-600:#c4335b;--coral-700:#a3264a;--purple-300:#c3a6ff;--purple-600:#6c3fd6;--green-300:#9dffd0;--green-700:#0d7349;--amber-300:#ffd27a;--amber-700:#8a5a00;--font-display:"Manrope", "Manrope Fallback", ui-sans-serif, system-ui, sans-serif;--font-body:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--step--2:.8125rem;--step--1:clamp(.875rem, .85rem + .11vw, .9375rem);--step-0:clamp(1rem, .96rem + .22vw, 1.125rem);--step-1:clamp(1.125rem, 1.05rem + .33vw, 1.3125rem);--step-2:clamp(1.3125rem, 1.17rem + .65vw, 1.6875rem);--step-3:clamp(1.625rem, 1.36rem + 1.2vw, 2.375rem);--step-4:clamp(2rem, 1.55rem + 2vw, 3.25rem);--step-5:clamp(2.5rem, 1.7rem + 3.6vw, 4.75rem);--countdown:clamp(4rem, 2.6rem + 6vw, 7.5rem);--leading-tight:1.08;--leading-snug:1.25;--leading-body:1.62;--tracking-tight:-.025em;--tracking-snug:-.012em;--tracking-wide:.06em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--section:clamp(3.5rem, 2.6rem + 3.6vw, 6rem);--radius-xs:6px;--radius-s:10px;--radius-m:16px;--radius-l:24px;--radius-xl:36px;--radius-pill:999px;--radius-icon:22.37%;--border-width:1px;--focus-width:3px;--container:1200px;--container-wide:1320px;--prose:40rem;--gutter:clamp(1rem, .6rem + 1.8vw, 2rem);--header-height:4rem;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--dur-4:.6s;--stage-bg:#05060c;--stage-bg-image:radial-gradient(110% 80% at 50% 40%, #0d1024 0%, #07080f 55%, #05060c 100%);--stage-surface:#ffffff0f;--stage-surface-hover:#ffffff1c;--stage-border:#ffffff24;--stage-control-border:#767ca3;--stage-text:#f3f5ff;--stage-text-muted:#a9aecb;--stage-track:#ffffff21;--stage-focus:#fff;--stage-button-bg:#f3f5ff;--stage-button-text:#0b1030;--phase-inhale:var(--inhale-400);--phase-hold:var(--hold-400);--phase-exhale:var(--exhale-400);--phase-rest:var(--rest-400);color-scheme:light;--bg:var(--night-25);--bg-sunken:var(--night-50);--surface:var(--night-0);--surface-raised:var(--night-0);--surface-tint:#eef1ff;--border:var(--night-100);--border-strong:var(--night-200);--control-border:#7a82ab;--text:var(--night-900);--text-muted:#4b5379;--text-subtle:#5f678f;--heading:var(--night-950);--primary:var(--blue-600);--primary-hover:var(--blue-700);--primary-contrast:#fff;--primary-soft:#e8edff;--link:var(--blue-600);--link-hover:var(--blue-700);--highlight:var(--coral-600);--focus:var(--blue-600);--success:var(--green-700);--warning:var(--amber-700);--note-bg:#f2f0ff;--note-border:#d9d1ff;--note-icon:var(--purple-600);--shadow-1:0 1px 2px #0e13300f, 0 1px 1px #0e13300a;--shadow-2:0 2px 4px #0e13300a, 0 8px 24px -6px #0e13301f;--shadow-3:0 4px 8px #0e13300d, 0 28px 56px -16px #0e133047;--shadow-stage:0 2px 6px #080b201f, 0 32px 64px -24px #141a508c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0c0e18;--bg-sunken:#090a12;--surface:#131624;--surface-raised:#191c2d;--surface-tint:#1a2040;--border:#232740;--border-strong:#31365a;--control-border:#6a7099;--text:#e8eaf4;--text-muted:#aab0cc;--text-subtle:#969cbc;--heading:#fff;--primary:var(--blue-300);--primary-hover:var(--blue-200);--primary-contrast:var(--night-950);--primary-soft:#1c2450;--link:var(--blue-300);--link-hover:var(--blue-200);--highlight:var(--coral-300);--focus:var(--blue-300);--success:var(--green-300);--warning:var(--amber-300);--note-bg:#17152e;--note-border:#2e2a55;--note-icon:var(--purple-300);--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 4px #0000004d, 0 12px 28px -8px #0000008c;--shadow-3:0 4px 8px #00000059, 0 32px 64px -16px #000000b3;--shadow-stage:0 0 0 1px #ffffff0f, 0 32px 64px -24px #000c}}:root[data-theme=dark]{color-scheme:dark;--bg:#0c0e18;--bg-sunken:#090a12;--surface:#131624;--surface-raised:#191c2d;--surface-tint:#1a2040;--border:#232740;--border-strong:#31365a;--control-border:#6a7099;--text:#e8eaf4;--text-muted:#aab0cc;--text-subtle:#969cbc;--heading:#fff;--primary:var(--blue-300);--primary-hover:var(--blue-200);--primary-contrast:var(--night-950);--primary-soft:#1c2450;--link:var(--blue-300);--link-hover:var(--blue-200);--highlight:var(--coral-300);--focus:var(--blue-300);--success:var(--green-300);--warning:var(--amber-300);--note-bg:#17152e;--note-border:#2e2a55;--note-icon:var(--purple-300);--shadow-1:0 1px 2px #0006;--shadow-2:0 2px 4px #0000004d, 0 12px 28px -8px #0000008c;--shadow-3:0 4px 8px #00000059, 0 32px 64px -16px #000000b3;--shadow-stage:0 0 0 1px #ffffff0f, 0 32px 64px -24px #000c}@media (prefers-reduced-motion:reduce){:root{--dur-1:0s;--dur-2:0s;--dur-3:0s;--dur-4:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-height) + var(--space-4))}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);font-size:var(--step-0);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:clip}img,picture,svg,video,canvas{max-width:100%;display:block}img{height:auto}[hidden]{display:none!important}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer}:where(button,[role=button],a,input,select,summary,[tabindex]):focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background:color-mix(in srgb, var(--inhale-400) 30%, transparent)}h1,h2,h3,h4,.h1,.h2,.h3,.h4,.display{font-family:var(--font-display);color:var(--heading);font-weight:var(--weight-bold);text-wrap:balance}.display{font-size:var(--step-5);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-heavy)}h1,.h1{font-size:var(--step-4);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:var(--weight-heavy)}h2,.h2{font-size:var(--step-3);letter-spacing:var(--tracking-tight);line-height:1.15}h3,.h3{font-size:var(--step-2);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}h4,.h4{font-size:var(--step-1);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);font-weight:var(--weight-semibold)}.hl{color:var(--highlight)}p,li{text-wrap:pretty}.lede{font-size:var(--step-1);color:var(--text-muted);max-width:38rem;line-height:1.55}.small{font-size:var(--step--1)}.caption{font-size:var(--step--2);color:var(--text-subtle);line-height:1.45}.eyebrow{font-family:var(--font-display);font-size:var(--step--2);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-subtle)}.tnum{font-variant-numeric:tabular-nums}a{color:var(--link);text-underline-offset:.18em;transition:color var(--dur-1) var(--ease-out);text-decoration-thickness:1px}a:hover{color:var(--link-hover);text-decoration-thickness:2px}hr{border:0;border-top:var(--border-width) solid var(--border)}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.container--wide{max-width:calc(var(--container-wide) + 2 * var(--gutter))}.container--prose>*{max-width:var(--prose)}.section{padding-block:var(--section)}.section--sunken{background:var(--bg-sunken)}.section-head{gap:var(--space-3);margin-bottom:var(--space-6);max-width:44rem;display:grid}.section-head p{color:var(--text-muted);font-size:var(--step-1);line-height:1.55}.stack{gap:var(--stack-gap,var(--space-4));flex-direction:column;display:flex}.cluster{align-items:center;gap:var(--cluster-gap,var(--space-3));flex-wrap:wrap;display:flex}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,352px),1fr));display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.stack--0{--stack-gap:0}.stack--3{--stack-gap:var(--space-3)}.stack--5{--stack-gap:var(--space-5)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.pt-0{padding-top:0}.prose-center{max-width:var(--prose);margin-inline:auto}.mt-7{margin-top:var(--space-7)}h1,h2,h3,h4{overflow-wrap:anywhere}p,li,a,code{overflow-wrap:break-word}.article-head>*,.prose>*,.pattern-card>*,.pattern-card--row>*{min-width:0}.pattern-card h3,.pattern-card p,.pattern-card a{overflow-wrap:anywhere}.skip-link{left:var(--space-3);top:var(--space-3);z-index:100;padding:var(--space-2) var(--space-4);background:var(--primary);color:var(--primary-contrast);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);transition:transform var(--dur-2) var(--ease-out);text-decoration:none;position:absolute;transform:translateY(-160%)}.skip-link:focus-visible{color:var(--primary-contrast);transform:none}.btn{--btn-h:2.75rem;--btn-px:1.25rem;justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--btn-h);padding:0 var(--btn-px);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--step--1);font-weight:var(--weight-bold);letter-spacing:.005em;white-space:normal;text-align:center;user-select:none;transition:background-color var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-2) var(--ease-out), transform var(--dur-1) var(--ease-out);line-height:1.15;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.btn svg{flex:none;width:1.15em;height:1.15em}.btn .label-short{display:none}.btn--s{--btn-h:2.25rem;--btn-px:.95rem}.btn--l{--btn-h:3.25rem;--btn-px:1.75rem;font-size:var(--step-0)}.btn--xl{--btn-h:3.75rem;--btn-px:2.25rem;font-size:var(--step-1)}.btn--icon{--btn-px:0;width:var(--btn-h)}.btn--primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-1)}.btn--primary:hover{background:var(--primary-hover);color:var(--primary-contrast);box-shadow:var(--shadow-2)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--control-border)}.btn--secondary:hover{background:var(--surface-tint);color:var(--text)}.btn--soft{background:var(--primary-soft);color:var(--primary)}.btn--soft:hover{color:var(--primary-hover);background:color-mix(in srgb, var(--primary-soft) 80%, var(--primary) 12%)}.btn--ghost{color:var(--text);background:0 0}.btn--ghost:hover{background:var(--bg-sunken);color:var(--text)}.btn--stage{background:var(--stage-button-bg);color:var(--stage-button-text);box-shadow:0 10px 30px -10px #6b8aff99}.btn--stage:hover{color:var(--stage-button-text);background:#fff;box-shadow:0 12px 36px -10px #6b8affd9}.btn--stage-ghost{background:var(--stage-surface);color:var(--stage-text);border-color:var(--stage-border)}.btn--stage-ghost:hover,.btn--stage-ghost[aria-pressed=true]{background:var(--stage-surface-hover);color:var(--stage-text)}.btn--stage-ghost[aria-pressed=true]{border-color:var(--stage-control-border)}.stage :focus-visible{outline-color:var(--stage-focus)}.site-header{z-index:50;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-bottom:var(--border-width) solid color-mix(in srgb, var(--border) 70%, transparent);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-2) var(--space-4);min-height:var(--header-height);padding-block:var(--space-2);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-2);min-width:0;color:var(--heading);font-family:var(--font-display);font-weight:var(--weight-heavy);letter-spacing:-.02em;white-space:normal;flex-wrap:wrap;margin-right:auto;font-size:1.0625rem;text-decoration:none;display:inline-flex}.brand:hover{color:var(--heading)}.brand__mark{flex:none;width:1.75rem;height:1.75rem}.site-nav{align-items:center;gap:var(--space-1);display:flex}.site-nav a,.site-nav summary{align-items:center;gap:var(--space-1);min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--step--1);font-weight:var(--weight-semibold);cursor:pointer;text-decoration:none;list-style:none;display:inline-flex}.site-nav summary::-webkit-details-marker{display:none}.site-nav a:hover,.site-nav summary:hover,.site-nav a[aria-current=page],.site-nav details[open]>summary{color:var(--text);background:var(--bg-sunken)}.site-nav summary svg{width:1rem;height:1rem;transition:transform var(--dur-2) var(--ease-out)}.site-nav details[open]>summary svg{transform:rotate(180deg)}.menu{position:relative}.menu__panel{top:calc(100% + var(--space-2));width:min(34rem, calc(100vw - 2 * var(--gutter)));padding:var(--space-3);background:var(--surface-raised);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-3);gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid;position:absolute;left:50%;translate:-50%}.menu__item{gap:var(--space-1) var(--space-3);grid-template-columns:2.25rem 1fr;align-items:center;line-height:1.3;padding:var(--space-3)!important;border-radius:var(--radius-m)!important;min-height:0!important;color:var(--text)!important;display:grid!important}.menu__item .timing{grid-row:span 2}.menu__item span:last-child{color:var(--text-subtle);font-weight:var(--weight-regular);font-size:var(--step--2)}.header-actions{align-items:center;gap:var(--space-2);display:flex}.nav-toggle,.nav-theme{display:none!important}@media (width<=860px){.site-nav{display:none}.nav-toggle{display:inline-flex!important}.header-actions .theme-toggle{display:none}.site-header[data-open] .nav-theme{margin-top:var(--space-3);align-self:flex-start;display:inline-flex!important}.site-header[data-open] .site-nav{padding:var(--space-3) var(--gutter) var(--space-5);background:var(--surface-raised);border-bottom:var(--border-width) solid var(--border);box-shadow:var(--shadow-3);max-height:calc(100dvh - var(--header-height));flex-direction:column;align-items:stretch;display:flex;position:absolute;inset:100% 0 auto;overflow-y:auto}.site-header[data-open] .site-nav a,.site-header[data-open] .site-nav summary{min-height:3rem;font-size:var(--step-0)}.menu__panel{width:100%;box-shadow:none;padding:0 0 var(--space-2);background:0 0;border:0;grid-template-columns:1fr;position:static;translate:none}}@media (width<=420px){.site-header__inner{gap:var(--space-2)}.header-actions{gap:var(--space-1)}.header-actions .btn--primary{--btn-px:.8rem}.header-actions .btn--primary .label-long{display:none}.header-actions .btn--primary .label-short{display:inline}}.site-footer{background:var(--bg-sunken);border-top:var(--border-width) solid var(--border);padding-block:var(--space-8) var(--space-6);font-size:var(--step--1);color:var(--text-muted)}.site-footer__grid{gap:var(--space-6);grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));display:grid}.site-footer__grid>*,.site-footer__about{min-width:0}.site-footer a{overflow-wrap:anywhere}@media (width<=860px){.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__about{grid-column:1/-1}}.site-footer h2{font-size:var(--step--2);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-subtle);margin-bottom:var(--space-3)}.site-footer ul{gap:var(--space-2);padding:0;list-style:none;display:grid}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text);text-decoration:underline}.site-footer__base{margin-top:var(--space-7);padding-top:var(--space-5);border-top:var(--border-width) solid var(--border);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.breadcrumbs ol{gap:var(--space-1);font-size:var(--step--2);color:var(--text-subtle);flex-wrap:wrap;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-1);color:var(--border-strong)}.breadcrumbs a{color:var(--text-subtle);text-decoration:none}.breadcrumbs a:hover{color:var(--text);text-decoration:underline}.segmented{border-radius:var(--radius-pill);background:var(--bg-sunken);border:var(--border-width) solid var(--border);flex-wrap:wrap;gap:2px;min-width:0;max-width:100%;padding:3px;display:inline-flex}.segmented legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.segmented label{justify-content:center;align-items:center;gap:var(--space-1);min-width:2.75rem;min-height:2.25rem;padding:0 var(--space-3);border-radius:var(--radius-pill);font-size:var(--step--1);font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);flex:none;display:inline-flex;position:relative}.segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.segmented label:hover{color:var(--text)}.segmented label:has(input:checked){background:var(--surface);color:var(--heading);box-shadow:var(--shadow-1)}.segmented label:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:1px}.segmented svg{width:1.1rem;height:1.1rem}.stage .segmented{border-color:var(--stage-border);background:#00000040}.stage .segmented label{color:var(--stage-text-muted)}.stage .segmented label:hover{color:var(--stage-text)}.stage .segmented label:has(input:checked){background:var(--stage-surface-hover);color:var(--stage-text);box-shadow:inset 0 0 0 2px var(--stage-text)}.stage .segmented label:has(input:focus-visible){outline-color:var(--stage-focus)}.chips{min-inline-size:0;gap:var(--space-2);border:0;flex-wrap:wrap;max-width:100%;padding:0;display:flex}.chips legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.chip{align-items:baseline;gap:var(--space-2);border-radius:var(--radius-pill);border:var(--border-width) solid var(--border-strong);background:var(--surface);min-height:2.5rem;color:var(--text);font-size:var(--step--1);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out);padding:.5rem .95rem;display:inline-flex;position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.chip .tnum{color:var(--text-subtle);font-weight:var(--weight-medium)}.chip:hover{border-color:var(--control-border)}.chip:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--heading);box-shadow:inset 0 0 0 1px var(--primary)}.chip:has(input:checked) .tnum{color:var(--primary)}.chip:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px}.stage__presets,.stage__presets .chips{min-width:0;max-width:100%}.stage__presets[data-scroll] .chips{mask-image:linear-gradient(90deg,#000 92%,#0000)}.stage__presets[data-scroll] .stage__presets-more{display:grid}.stage__top .chips{scrollbar-width:none;flex-wrap:nowrap;margin:-4px;padding:4px;overflow-x:auto}.stage__top .chips::-webkit-scrollbar{display:none}.stage__top .chips .chip{flex:none}.stage .chip{background:var(--stage-surface);border-color:var(--stage-border);color:var(--stage-text)}.stage .chip .tnum{color:var(--stage-text-muted)}.stage .chip:hover{border-color:var(--stage-control-border)}.stage .chip:has(input:checked){color:var(--stage-text);background:var(--stage-surface-hover);border-color:var(--stage-text);box-shadow:inset 0 0 0 1px var(--stage-text)}.stage .chip:has(input:checked) .tnum{color:var(--stage-text)}.stage .chip:has(input:focus-visible){outline-color:var(--stage-focus)}.stepper{gap:var(--space-2);min-width:0;display:grid}.stepper__label{overflow-wrap:anywhere;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--step--1);font-weight:var(--weight-semibold);color:var(--text);display:flex}.stepper__label i{background:var(--dot,var(--phase-inhale));border-radius:50%;width:.625rem;height:.625rem}.stepper__control{border:var(--border-width) solid var(--control-border);border-radius:var(--radius-pill);background:var(--surface);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-width:0;display:grid;overflow:hidden}.stepper__control button{height:2.75rem;color:var(--text);background:0 0;border:0;border-radius:0;place-items:center;display:grid}.stepper__control button:hover{background:var(--bg-sunken)}.stepper__control button:disabled{color:var(--border-strong);cursor:not-allowed}.stepper__control button svg{width:1.1rem;height:1.1rem}.stepper__control output,.stepper__control input{text-align:center;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step-1);font-variant-numeric:tabular-nums;background:0 0;border:0;width:100%;min-width:0}.stepper__control input:focus-visible{outline-offset:-3px}.stepper__unit{font-size:var(--step--2);color:var(--text-subtle);font-weight:var(--weight-medium);margin-left:2px}.switch{justify-content:space-between;align-items:center;gap:var(--space-4);cursor:pointer;min-height:2.75rem;display:flex}.switch__text{line-height:1.35;display:grid}.switch__text strong{font-weight:var(--weight-semibold);font-size:var(--step--1)}.switch__text span{font-size:var(--step--2);color:var(--text-subtle)}.switch button{border-radius:var(--radius-pill);border:var(--border-width) solid var(--control-border);background:var(--bg-sunken);width:2.875rem;height:1.75rem;transition:background-color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);flex:none;padding:0;position:relative}.switch button:after{content:"";background:var(--control-border);width:1.25rem;height:1.25rem;transition:translate var(--dur-2) var(--ease-spring), background-color var(--dur-2) var(--ease-out);border-radius:50%;position:absolute;top:50%;left:3px;translate:0 -50%}.switch button[aria-checked=true]{background:var(--primary);border-color:var(--primary)}.switch button[aria-checked=true]:after{background:var(--primary-contrast);translate:1.125rem -50%}.switch button:disabled{opacity:.45;cursor:not-allowed}.pop{position:relative}.pop>summary{list-style:none}.pop>summary::-webkit-details-marker{display:none}.pop__panel{z-index:20;right:0;bottom:calc(100% + var(--space-2));width:min(20rem, calc(100vw - 2 * var(--gutter)));padding:var(--space-4);background:var(--surface-raised);color:var(--text);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-3);gap:var(--space-1);text-align:left;display:grid;position:absolute}.pop__panel .pop__title{font-size:var(--step--1);margin-bottom:var(--space-1)}.pop--below .pop__panel{bottom:auto;top:calc(100% + var(--space-2))}.kbd-list{gap:var(--space-2) var(--space-3);font-size:var(--step--1);grid-template-columns:auto 1fr;align-items:center;display:grid}kbd{min-width:1.75rem;height:1.75rem;padding:0 var(--space-2);font-family:var(--font-body);font-size:var(--step--2);font-weight:var(--weight-semibold);color:var(--text);background:var(--bg-sunken);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-xs);border-bottom-width:2px;place-items:center;display:inline-grid}.tool{padding-block:var(--space-4) var(--space-7)}.tool__head{gap:var(--space-2);margin-bottom:var(--space-4);max-width:50rem;display:grid}.tool__head h1{font-size:var(--step-4)}.tool__head p{color:var(--text-muted);font-size:var(--step-1);line-height:1.5}.tool__grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 336px;align-items:start;min-width:0;display:grid}@media (width<=1023px){.tool__grid{grid-template-columns:minmax(0,1fr)}}.stage{isolation:isolate;gap:var(--space-3);min-width:0;min-height:clamp(28rem,56vh,40rem);padding:var(--space-4);border-radius:var(--radius-xl);background-color:var(--stage-bg);background-image:var(--stage-bg-image);color:var(--stage-text);box-shadow:var(--shadow-stage);--phase:var(--phase-inhale);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.stage:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(#ffffff29,#ffffff05 40%,#ffffff0d);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.stage[data-phase=inhale]{--phase:var(--phase-inhale)}.stage[data-phase=holdIn]{--phase:var(--phase-hold)}.stage[data-phase=exhale]{--phase:var(--phase-exhale)}.stage[data-phase=holdOut]{--phase:var(--phase-hold)}.stage[data-phase=done]{--phase:var(--phase-rest)}.stage__glow{z-index:-1;background:radial-gradient(42% 38% at 50% 46%, color-mix(in srgb, var(--phase) 26%, transparent), transparent 70%);transition:background var(--dur-4) var(--ease-in-out);pointer-events:none;position:absolute;inset:0}.stage__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.stage__pattern{min-width:0;line-height:1.25;display:grid}.stage__pattern strong,.stage__pattern span{overflow-wrap:anywhere}.stage__pattern strong{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step-0)}.stage__pattern span{font-size:var(--step--2);color:var(--stage-text-muted);font-variant-numeric:tabular-nums}.stage__center{place-items:center;min-width:0;min-height:18rem;display:grid;position:relative}.stage__readout{text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.phase-label{font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-medium);letter-spacing:.01em;color:var(--stage-text);min-height:1.3em}.countdown{font-family:var(--font-display);font-size:var(--countdown);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--stage-text);min-height:1em;font-weight:250;line-height:1}.stage__controls{gap:var(--space-4);min-width:0;display:grid}.stage__actions{align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;min-width:0;display:grid}.stage__actions>*{min-width:0}.stage__actions>:first-child{justify-self:start}.stage__actions>:last-child{justify-content:flex-end;justify-self:end;gap:var(--space-2);flex-wrap:wrap;max-width:100%;display:flex}@media (width<=560px){.stage{padding:var(--space-3);border-radius:var(--radius-l);gap:var(--space-3)}.stage__top{flex-wrap:nowrap;grid-template-columns:minmax(0,1fr) auto;display:grid}.stage__top .chips{scrollbar-width:none;flex-wrap:nowrap;margin:-4px;padding:4px;overflow-x:auto;mask-image:linear-gradient(90deg,#000 85%,#0000)}.stage__top .chips::-webkit-scrollbar{display:none}.stage__top .chip{flex:none}.stage__center{min-height:11rem}.stage .bv{width:min(100%,13rem)}.stage__actions{grid-template-columns:1fr;justify-items:center}.stage__actions>:first-child,.stage__actions>:last-child{justify-self:center}.stage__actions>:nth-child(2){order:-1;width:100%}.stage__start .btn[data-action=start]{width:100%}}.session-bar{gap:var(--space-2);display:grid}.session-bar__track{border-radius:var(--radius-pill);background:var(--stage-track);height:4px;overflow:hidden}.session-bar__fill{height:100%;width:calc(var(--session,0) * 100%);background:linear-gradient(90deg, var(--phase-inhale), var(--phase-hold), var(--phase-exhale));border-radius:inherit}.session-bar__meta{gap:var(--space-2);min-width:0;font-size:var(--step--2);color:var(--stage-text-muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;display:flex}.bv{aspect-ratio:1;width:min(100%,22rem,34vh);overflow:visible}.bv__track{fill:none;stroke:var(--stage-track);stroke-width:3px;stroke-linejoin:round;stroke-linecap:round}.bv__side{fill:none;stroke-width:5px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;opacity:0}.bv__side[data-state=active]{opacity:1}.bv__side[data-state=done]{opacity:.4;stroke-dashoffset:0}.bv__side--inhale{stroke:var(--phase-inhale)}.bv__side--holdIn,.bv__side--holdOut{stroke:var(--phase-hold)}.bv__side--exhale{stroke:var(--phase-exhale)}.bv__dot{fill:var(--phase);transition:fill var(--dur-3) var(--ease-out)}.bv__dot-halo{fill:var(--phase);opacity:.22;transition:fill var(--dur-3) var(--ease-out)}.bv__orb{fill:url(#bv-orb-fill);transform-box:fill-box;transform-origin:50%}.bv__orb-rim{fill:none;stroke:var(--phase);stroke-width:1.5px;opacity:.65;transform-box:fill-box;transform-origin:50%;transition:stroke var(--dur-3) var(--ease-out)}.bv__ring{fill:none;stroke:var(--phase);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;transform-origin:160px 160px;transition:stroke var(--dur-3) var(--ease-out);transform:rotate(-90deg)}.bv [data-shape]{display:none}.bv[data-shape=circle] [data-shape=circle],.bv[data-shape=box] [data-shape=box],.bv[data-shape=triangle] [data-shape=triangle]{display:inline}.app-badge{border-radius:9px;line-height:0;display:inline-block}.app-badge img{width:auto;height:2.75rem}.app-badge--l img{height:3.25rem}.app-badge:focus-visible{outline-offset:3px}.app-icon{border-radius:var(--radius-icon);box-shadow:0 0 0 1px #0e133014, var(--shadow-2);flex:none}.app-panel{top:calc(var(--header-height) + var(--space-4));gap:var(--space-4);padding:var(--space-5);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-2);display:grid;position:sticky}.app-panel__head{align-items:center;gap:var(--space-3);display:flex}.app-panel__head img{width:3.5rem;height:3.5rem}.app-panel__name{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step-0);color:var(--heading);line-height:1.25}.app-panel__by{font-size:var(--step--2);color:var(--text-subtle)}.app-panel__line{font-size:var(--step-0);color:var(--text);line-height:1.5;font-weight:var(--weight-medium)}.app-panel__facts{gap:var(--space-3);font-size:var(--step--1);color:var(--text-muted);padding:0;padding-top:var(--space-4);border-top:var(--border-width) solid var(--border);list-style:none;display:grid}.app-panel__facts li{gap:var(--space-2);grid-template-columns:1.75rem 1fr;align-items:start;line-height:1.45;display:grid}.app-panel__facts svg{border-radius:var(--radius-s);background:var(--surface-tint);width:1.75rem;height:1.75rem;color:var(--primary);padding:.3rem}.app-panel__get{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border);display:flex}.qr{justify-items:center;gap:var(--space-1);text-align:center;color:var(--text-subtle);font-size:.6875rem;line-height:1.3;text-decoration:none;display:grid}.qr svg{border-radius:var(--radius-s);border:var(--border-width) solid var(--border);background:#fff;width:5.25rem;height:5.25rem;padding:.35rem}@media (width<=1023px){.app-panel{position:static}.qr{display:none}}.app-panel--compact{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-4);box-shadow:var(--shadow-1);grid-template-columns:auto minmax(0,1fr) auto;position:static}.app-panel--compact .app-panel__head img{width:3rem;height:3rem}.app-panel--compact .app-panel__line{font-size:var(--step--1)}@media (width<=560px){.app-panel--compact{grid-template-columns:auto minmax(0,1fr)}.app-panel--compact .app-badge{grid-column:1/-1;justify-self:start}}.complete{z-index:3;padding:var(--space-4);-webkit-backdrop-filter:blur(10px);animation:complete-in var(--dur-4) var(--ease-out);background:#05071ab8;place-items:center;display:grid;position:absolute;inset:0}.complete[hidden]{display:none}.complete__card{justify-items:center;gap:var(--space-3);text-align:center;max-width:24rem;display:grid}.complete__check{width:3.5rem;height:3.5rem;color:var(--phase-rest)}.complete__title{font-family:var(--font-display);font-size:var(--step-3);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);color:var(--stage-text)}.complete__stats{color:var(--stage-text-muted);font-variant-numeric:tabular-nums}.complete__app{margin-top:var(--space-3);justify-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--stage-border);color:var(--stage-text);font-size:var(--step--1);display:grid}@keyframes complete-in{0%{opacity:0}}.timing{flex:none;width:2.25rem;height:2.25rem}.timing--l{width:4.5rem;height:4.5rem}.timing text{font-family:var(--font-display);font-weight:var(--weight-bold);fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.timing .seg{fill:none;stroke-width:4px;stroke-linecap:round}.timing .seg--inhale{stroke:var(--phase-inhale)}.timing .seg--hold{stroke:var(--phase-hold)}.timing .seg--exhale{stroke:var(--phase-exhale)}.pattern-card{gap:0 var(--space-4);padding:var(--space-5);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);transition:box-shadow var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out);grid-template-columns:3rem 1fr;grid-template-areas:"fig name""fig timing""text text";align-items:center;display:grid;position:relative}.pattern-card:hover{box-shadow:var(--shadow-2);border-color:var(--border-strong);transform:translateY(-2px)}.pattern-card:has(a:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:2px}.pattern-card .timing{grid-area:fig;width:3rem;height:3rem}.pattern-card h3{font-size:var(--step-1);padding-right:var(--space-6);grid-area:name;align-self:end}.pattern-card a{color:inherit;text-decoration:none}.pattern-card a:focus-visible{outline:none}.pattern-card a:after{content:"";border-radius:inherit;position:absolute;inset:0}.pattern-card__timing{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step--1);color:var(--primary);font-variant-numeric:tabular-nums;grid-area:timing;align-self:start}.pattern-card__timing .caption{font-family:var(--font-body);font-weight:var(--weight-regular)}.pattern-card p{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--step--1);grid-area:text;line-height:1.5}.pattern-card__go{top:var(--space-5);right:var(--space-5);width:1.25rem;height:1.25rem;color:var(--text-subtle);transition:transform var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);position:absolute}.pattern-card:hover .pattern-card__go{color:var(--primary);transform:translate(3px)}.faq{border-top:var(--border-width) solid var(--border)}.faq details{border-bottom:var(--border-width) solid var(--border)}.faq summary{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;min-height:3.5rem;font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step-1);color:var(--heading);cursor:pointer;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--text-muted), var(--text-muted)) center / .75rem 2px no-repeat, linear-gradient(var(--text-muted), var(--text-muted)) center / 2px .75rem no-repeat, var(--bg-sunken);width:1.75rem;height:1.75rem;transition:transform var(--dur-2) var(--ease-out);border-radius:50%;flex:none}.faq details[open] summary:after{transform:rotate(45deg)}.faq summary:hover{color:var(--link)}.faq__answer{padding-bottom:var(--space-5);color:var(--text-muted);max-width:var(--prose)}.faq__answer>*+*{margin-top:var(--space-3)}.note{gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--note-bg);border:var(--border-width) solid var(--note-border);border-radius:var(--radius-m);font-size:var(--step--1);grid-template-columns:2.25rem 1fr;line-height:1.55;display:grid}.note svg{width:2.25rem;height:2.25rem;color:var(--note-icon);background:var(--surface);border-radius:50%;padding:.45rem}.note strong{font-family:var(--font-display);color:var(--heading);margin-bottom:2px;display:block}.callout{padding:var(--space-5);background:var(--surface-tint);border-radius:var(--radius-m)}.callout>*+*{margin-top:var(--space-2)}.sources ol{gap:var(--space-3);font-size:var(--step--1);color:var(--text-muted);padding-left:1.25rem;display:grid}.sources li::marker{color:var(--text-subtle);font-variant-numeric:tabular-nums}.sources cite{color:var(--text);font-style:normal}.sources .supports{color:var(--text-subtle);font-size:var(--step--2);display:block}.prose{max-width:var(--prose);font-size:var(--step-0)}.prose>*+*{margin-top:1.1em}.prose>:first-child{margin-top:0}.prose h2{margin-top:2.2em}.prose h3{margin-top:1.8em}.prose h2+*,.prose h3+*{margin-top:.6em}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--text-subtle)}.prose ol.steps{counter-reset:step;gap:var(--space-3);padding:0;list-style:none;display:grid}.prose ol.steps li{counter-increment:step;gap:var(--space-3);grid-template-columns:2.25rem 1fr;align-items:baseline;margin:0;display:grid}.prose ol.steps li:before{content:counter(step);width:2.25rem;height:2.25rem;font-family:var(--font-display);font-weight:var(--weight-bold);background:var(--surface-tint);color:var(--primary);border-radius:50%;place-items:center;display:grid;translate:0 -.15em}.prose blockquote{padding-left:var(--space-4);border-left:3px solid var(--border-strong);color:var(--text-muted)}.prose figure{margin-block:var(--space-6)}.prose figcaption{margin-top:var(--space-2);font-size:var(--step--2);color:var(--text-subtle)}.prose sup a{font-size:.75em;font-weight:var(--weight-semibold);text-decoration:none}.table-wrap{border:var(--border-width) solid var(--border);border-radius:var(--radius-m);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle;border-bottom:var(--border-width) solid var(--border)}.table thead th{font-size:var(--step--2);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-subtle);background:var(--bg-sunken);font-weight:var(--weight-bold)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--bg-sunken)}.table .num{font-variant-numeric:tabular-nums;white-space:nowrap}.app-band{border-radius:var(--radius-xl);color:#fff;align-items:end;gap:var(--space-6);padding:var(--space-8) var(--space-8) 0;background:linear-gradient(160deg,#121e5c 0%,#2a3ba8 60%,#4a5fe0 100%);grid-template-columns:1.1fr .9fr;display:grid;position:relative;overflow:hidden}.app-band__copy{padding-bottom:var(--space-8);align-self:center;gap:var(--space-4);justify-items:start;display:grid}.app-band h2{color:#fff;font-size:var(--step-4);letter-spacing:var(--tracking-tight);font-weight:var(--weight-heavy)}.app-band h2 .hl{color:var(--coral-300)}.app-band p{color:#dfe4fb;font-size:var(--step-1);max-width:30rem;line-height:1.5}.app-band__shots{justify-content:center;align-items:flex-end;gap:var(--space-4);display:flex}.app-band__shots img{border:6px solid #0b1030;border-bottom:0;border-radius:2rem 2rem 0 0;width:min(15rem,46%);box-shadow:0 30px 60px -20px #0009}.app-band a:focus-visible{outline-color:#fff}@media (width<=860px){.app-band{padding:var(--space-7) var(--space-5) 0;border-radius:var(--radius-l);grid-template-columns:1fr}.app-band__copy{padding-bottom:0}}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}.card{padding:var(--space-5);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.stage--compact{min-height:0;padding:var(--space-3);gap:var(--space-2)}.stage--compact .stage__center{min-height:9rem}.stage--compact .bv{width:min(100%,7rem)}.stage--compact .stage__length .segmented{justify-content:center}.stage--compact .segmented label{min-width:2.25rem;padding-inline:var(--space-1);font-size:var(--step--1)}.stage--compact .segmented{gap:1px;padding:2px}.stage--compact .stage__actions{grid-template-columns:1fr auto 1fr}@media (width>=561px){.stage--compact .stage__start{grid-column:2}}@media (width<=560px){.stage--compact .stage__center{min-height:8rem}.stage--compact .bv{width:min(100%,6.5rem)}.stage--compact .stage__actions{grid-template-columns:1fr;justify-items:center}.stage--compact .stage__start{order:-1;width:100%}.stage--compact .stage__length,.stage--compact .stage__actions>:last-child{justify-self:center;gap:var(--space-1);width:100%}}.stage[data-idle] .phase-label{color:var(--stage-text-muted)}.stage[data-idle] .countdown{opacity:.55}.app-band__shots picture{display:contents}.tool__panel--narrow{display:none}@media (width<=1023px){.tool__panel--narrow{display:grid}.tool__panel--wide{display:none}}.stage__center{align-content:center;justify-items:center;gap:var(--space-3);display:grid}.stage__visual{place-items:center;width:100%;display:grid;position:relative}.stage__visual .countdown{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.stage .phase-label{font-size:var(--step-1);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--stage-text)}.stage[data-phase=done] .stage__visual,.stage[data-phase=done] .phase-label{visibility:hidden}.complete{overflow-y:auto}.complete__card{margin-block:auto}.stage[data-idle] [data-cycles]{visibility:hidden}.stage__length .segmented{flex:auto;min-width:0}.stage__length{justify-self:stretch;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;min-width:0;max-width:100%;display:flex}.stage__label{font-size:var(--step--2);font-weight:var(--weight-semibold);color:var(--stage-text-muted)}.stage__actions>:last-child{align-items:center}.segmented label:has(input:checked){box-shadow:inset 0 0 0 1px var(--control-border), var(--shadow-1)}h1,.h1{font-weight:var(--weight-bold);letter-spacing:-.022em}h2,.h2{font-weight:650}.display{font-weight:750}.tool__grid{align-items:stretch}.tool__grid>*{min-width:0}.app-panel--full-height,.tool__panel--wide{position:static}.app-panel__get{margin-top:auto}.pattern-card--row{padding:var(--space-3) var(--space-5) var(--space-3) var(--space-4);grid-template-columns:2.5rem 1fr auto;grid-template-areas:"fig name timing";align-items:center}.pattern-card--row .timing{width:2.5rem;height:2.5rem}.pattern-card--row h3{font-size:var(--step-0);align-self:center;padding-right:0}.pattern-card--row .pattern-card__timing{padding-right:var(--space-6);align-self:center}.pattern-card--row .pattern-card__go{top:50%;translate:0 -50%}.stack-rows{gap:var(--space-2);display:grid}.app-band{box-shadow:0 0 0 1px #ffffff0f, var(--shadow-3);background:radial-gradient(60% 80% at 78% 100%,#6b8aff4d,#0000 70%),radial-gradient(45% 60% at 100% 20%,#ff6b8a29,#0000 70%),#07080f}.app-band__shots{align-self:end;align-items:flex-end}.app-band__shots picture:nth-child(2) img{margin-bottom:0}.app-band__shots img{width:min(14rem,46%);margin-bottom:-4rem}.app-band{padding-bottom:0}.app-band__shots{padding-top:var(--space-2);height:100%;min-height:22rem;margin-bottom:0;overflow:hidden}@media (width<=860px){.app-band__shots{min-height:16rem;max-height:19rem}}.pattern-card :is(h2,h3){margin:0}.stage__start{justify-content:center;align-items:center;gap:var(--space-2);display:flex}@media (width>=561px){.stage__start{min-width:13rem}}.stage__start .btn--xl{min-width:min(9rem,100%)}@media (width<=560px){.stage__start{width:100%}.stage__start .btn--xl{flex:1}}.stage:fullscreen{width:100vw;height:100dvh;min-height:100dvh;max-height:none;padding:var(--space-5);box-shadow:none;border-radius:0}.stage--focus{z-index:200;width:100%;height:100dvh;min-height:100dvh;max-height:none;padding:var(--space-5);box-shadow:none;border-radius:0;position:fixed;inset:0}.stage:fullscreen,.stage--focus{grid-template-rows:1fr auto}.stage:fullscreen .stage__top,.stage--focus .stage__top,.stage:fullscreen .stage__length,.stage--focus .stage__length,.stage:fullscreen .stage__actions>:last-child .segmented,.stage--focus .stage__actions>:last-child .segmented,.stage:fullscreen .pop,.stage--focus .pop{display:none}.stage:fullscreen .stage__start,.stage--focus .stage__start{grid-column:2}.stage:fullscreen .stage__center,.stage--focus .stage__center{min-height:0}.stage:fullscreen .bv,.stage--focus .bv{width:min(70vh,42rem)}.stage:fullscreen .session-bar,.stage--focus .session-bar{width:100%;max-width:46rem;margin-inline:auto}.stage:fullscreen .stage__actions,.stage--focus .stage__actions{grid-template-columns:1fr auto 1fr}html.focus-mode,html.focus-mode body{overflow:hidden}.custom-panel{gap:var(--space-5);min-width:0;padding:var(--space-5);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);display:grid}.custom-panel>*,.custom-panel__head>*{min-width:0}.custom-panel__head{justify-content:space-between;align-items:end;gap:var(--space-3);flex-wrap:wrap;display:flex}.custom-panel__head h2{font-size:var(--step-2)}.custom-panel__summary{overflow-wrap:anywhere;min-width:0;color:var(--text-muted);font-variant-numeric:tabular-nums}.custom-panel__summary strong{color:var(--text);font-family:var(--font-display)}.steppers{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));min-width:0;display:grid}@media (width<=720px){.steppers{grid-template-columns:repeat(2,minmax(0,1fr))}.steppers>*{min-width:0}}.custom-panel .chips{margin:0}.custom-panel__foot{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:var(--border-width) solid var(--border);flex-wrap:wrap;display:flex}.custom-panel__copy{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.custom-panel__status{overflow-wrap:anywhere;min-width:0;color:var(--success);font-size:var(--step--1);flex:auto}.guide-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,336px),1fr));display:grid}.guide-card{align-content:start;gap:var(--space-3);padding:var(--space-5);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);grid-template-rows:auto 1fr auto;display:grid}.guide-card h2,.guide-card h3{font-size:var(--step-1)}.guide-card p{color:var(--text-muted);font-size:var(--step--1)}.guide-card__go{align-items:center;gap:var(--space-1);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--step--1);display:inline-flex}.guide-card__go svg{width:1rem;height:1rem}.table th button{align-items:center;gap:var(--space-1);min-height:2rem;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:inline-flex}.table th button:hover{color:var(--link)}.table th button:after{content:"↕";opacity:.65;font-size:.9em}.table th[aria-sort=ascending] button:after{content:"↑";opacity:.85}.table th[aria-sort=descending] button:after{content:"↓";opacity:.85}.asset{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1);display:grid}.asset img{border-radius:var(--radius-m);width:100%;height:auto}.asset--icon img{width:8rem;height:8rem}.asset p{font-size:var(--step--1);color:var(--text-muted)}.press-shots{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));display:grid}.press-shots img{border-radius:var(--radius-m);border:var(--border-width) solid var(--border);width:100%}.source-group{gap:var(--space-4);display:grid}.source-group+.source-group{margin-top:var(--space-7)}.source-group h2{font-size:var(--step-2)}.source-list{gap:var(--space-4);padding:0;list-style:none;display:grid}.source-list li{gap:var(--space-1);display:grid}.source-list .supports{color:var(--text-muted);font-size:var(--step--1)}.about-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}@media (width<=860px){.about-grid{grid-template-columns:1fr}}.about-shots{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.about-shots img{border-radius:var(--radius-m);border:1px solid #ffffff1a;width:100%}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));display:grid}.stat{gap:var(--space-1);padding:var(--space-4);background:var(--surface);border:var(--border-width) solid var(--border);border-radius:var(--radius-m);display:grid}.stat strong{font-family:var(--font-display);font-size:var(--step-2);color:var(--heading);font-variant-numeric:tabular-nums}.stat span{font-size:var(--step--1);color:var(--text-muted)}.article-head{gap:var(--space-4);padding-block:var(--space-5) var(--space-5);display:grid}.article-tool{gap:var(--space-4);display:grid}.article-body{padding-block:var(--space-7) var(--space-4)}.article-end{gap:var(--space-5);padding-block:var(--space-5);display:grid}.not-medical{color:var(--text-subtle);font-size:var(--step--2)}.lost{gap:var(--space-4);padding-block:var(--space-6) var(--space-7);max-width:var(--prose);display:grid}@media print{.site-header,.site-footer,.app-panel,.app-band,.stage,.skip-link{display:none!important}}.session-bar{--session:0}.site-footer__about{--stack-gap:var(--space-3)}.tool__stage-stack{--stack-gap:var(--space-4)}.faq-block{--stack-gap:var(--space-6)}.about-grid--home{margin-top:var(--space-8)}.about-copy{--stack-gap:var(--space-4)}.countdown--heading{color:var(--heading)}.stepper--inhale{--dot:var(--phase-inhale)}.stepper--hold{--dot:var(--phase-hold)}.stepper--exhale{--dot:var(--phase-exhale)}.noscript-note{margin-top:var(--space-4)}.guides-index-head{max-width:44rem}.stage:has(.pop[open]){overflow:visible}.pop__panel{max-height:min(70vh,34rem);overflow-y:auto}@media (width<=560px){.pop__panel{left:var(--gutter);right:var(--gutter);bottom:var(--space-4);z-index:300;width:auto;max-height:min(72vh,34rem);position:fixed}}.container>.breadcrumbs{padding-top:var(--space-4)}.table-hint{display:none}@media (width<=560px){.table-hint{margin-top:var(--space-3);display:block}}@media (width>=561px){.stage__top .chips{scrollbar-width:thin;scrollbar-color:var(--stage-control-border) transparent;padding-bottom:6px}.stage__top .chips::-webkit-scrollbar{height:4px;display:block}.stage__top .chips::-webkit-scrollbar-thumb{background:var(--stage-control-border);border-radius:var(--radius-pill)}}@media (width>=561px) and (width<=900px){.stage__length{flex-wrap:wrap}.stage__label{flex-basis:100%}}@media (width<=360px){.stage__actions .segmented{gap:2px}.stage__actions .segmented label{padding-inline:var(--space-2)}}.pattern-card--row{grid-template-columns:2.5rem minmax(0,1fr) minmax(0,auto)}.pattern-card--row>*{min-width:0}.pattern-card--row .pattern-card__timing{white-space:normal}.pop:not([open]) .pop__panel{display:none}.stage__presets{position:relative}.stage__presets-more{width:2rem;height:2.75rem;color:var(--stage-text);background:linear-gradient(90deg, transparent, var(--stage-bg) 55%);pointer-events:none;place-items:center;display:none;position:absolute;top:50%;right:-4px;translate:0 -50%}.stage__presets-more svg{width:1.1rem;height:1.1rem}@media (width<=560px){.stage__presets-more{display:grid}}.stage--compact .stage__actions>:last-child{gap:var(--space-1)}.stage[data-custom] .bv{width:min(100%,22rem,32vh)}@media (width<=560px){.stage[data-custom] .bv{width:min(100%,13rem)}}@media (width>=561px){.stage__presets:not([data-scroll]) .chips{margin:0;padding:0;overflow:visible;mask-image:none}}.stage__top .chips{padding-inline-end:var(--space-3)}.stage__length .segmented{white-space:nowrap;flex-wrap:nowrap}@media (width>=561px) and (width<=900px){.stage__length .segmented{flex:none}}@media (width<=560px){.stage__actions{justify-items:stretch;gap:var(--space-3) var(--space-2);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"start pop focus""length shape shape"}.stage__actions>:last-child{display:contents}.stage__actions>.stage__start{order:0;grid-area:start;width:100%}.stage__actions>.stage__length{grid-area:length;justify-self:start}.stage__actions .pop{grid-area:pop}.stage__actions [data-action=focus]{grid-area:focus}.stage__actions>:last-child>.segmented{grid-area:shape;justify-self:end}.stage__actions:not(:has(>:last-child>.segmented:not([hidden])))>.stage__length{grid-column:1/-1}.stage__label{display:none}.stage__length .segmented label{min-width:2.5rem;padding-inline:var(--space-2)}.stage .bv{width:min(100%,12rem)}.tool__head p{font-size:var(--step-0)}.app-panel--compact{gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto}.app-panel--compact .app-panel__head,.app-panel--compact .app-panel__name{display:none}.app-panel--compact .app-badge{grid-column:auto;justify-self:end}.app-panel--compact .app-badge img{height:2.5rem}}.stage--compact .stage__visual .countdown{font-size:3rem}@media (width<=560px){.stage--compact .stage__visual .countdown{font-size:2.75rem}}.section--sunken .prose ol.steps li:before{background:var(--surface);box-shadow:inset 0 0 0 var(--border-width) var(--border)}sup{vertical-align:baseline;line-height:0;position:relative;top:-.45em}.nowrap,.tnum{white-space:nowrap}.explainer__figure .timing--l{aspect-ratio:1;width:min(100%,12rem);height:auto}.explainer__figure .timing--l text{font-size:6px}.explainer__figure .timing--l .seg{stroke-width:2.5px}.stage__length .segmented{flex:none}@media (width>=561px){.stage__start [data-action=stop][hidden]{visibility:hidden;display:inline-flex}}.custom-panel{margin-top:var(--space-5)}.stage .pop__panel :focus-visible{outline-color:var(--focus)}.stage:focus:not(:focus-visible){outline:none}html:not(.js) .stage__top,html:not(.js) .stage__controls,html:not(.js) .nav-toggle,html:not(.js) .theme-toggle{display:none}@media (width>=561px){.tool--home .tool__head{padding-top:var(--space-4)}}
