.pool{gap:var(--space-5);display:grid;container:pool/inline-size}.flow-map{align-items:center;gap:var(--space-2);border-radius:var(--r-stage);border:1px solid var(--edge);background:radial-gradient(60% 90% at 50% 100%, color-mix(in oklab, var(--hi) 9%, transparent), transparent 70%), linear-gradient(180deg, #161a20, #0a0d13);box-shadow:var(--shadow-2);padding:clamp(1rem,2.5vw,1.75rem);display:grid}@supports (color:lab(0% 0 0)){.flow-map{background:radial-gradient(60% 90% at 50% 100%, color-mix(in oklab, var(--hi) 9%, transparent), transparent 70%), linear-gradient(180deg, lab(8.87528% -.326201 -5.14618), lab(3.66556% -.14329 -2.98999))}}.flow-map__end{align-content:center;gap:var(--space-2);text-align:center;min-height:10.5rem;padding:var(--space-4);border-radius:var(--r-card);border:1px solid var(--edge);box-shadow:var(--top-light);background:#00000038;background:lab(0% 0 0/.22);justify-items:center;display:grid}.flow-map__label{font-family:var(--font-numeric);font-size:var(--t-label);letter-spacing:.14em;text-transform:uppercase;color:var(--color-fg-muted)}.flow-map__figure{font-family:var(--font-numeric);font-size:var(--step-3);letter-spacing:-.02em;align-items:baseline;gap:.4rem;line-height:1;display:inline-flex}.flow-map__end:first-child .flow-map__figure{color:var(--hi)}.flow-map__end--out .flow-map__figure{color:var(--ok)}.flow-map__unit{font-size:var(--step--1);letter-spacing:0;color:var(--color-fg-muted)}.flow-map__vests{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.flow-map__note{font-size:var(--step--1);color:var(--color-fg-muted);text-wrap:balance}.flow-map__tank{justify-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:grid}.flow-map__total{justify-items:center;gap:.25rem;display:grid}.flow-map__big{font-family:var(--font-numeric);font-size:var(--step-4);letter-spacing:-.02em;line-height:1}.pipe{background:repeating-linear-gradient(180deg, color-mix(in oklab, var(--ink) 22%, transparent) 0 6px, transparent 6px 11px);border-radius:999px;justify-self:center;width:3px;height:2.75rem;position:relative;overflow:hidden}.pipe__run{animation:2.1s linear infinite run-y;position:absolute;inset:0}.pipe__run:nth-child(2){animation-delay:-.7s}.pipe__run:nth-child(3){animation-delay:-1.4s}.pipe__run i{background:var(--hi);width:.5rem;height:.5rem;box-shadow:0 0 10px 2px color-mix(in oklab, var(--hi) 60%, transparent);border-radius:50%;margin:-.25rem 0 0 -.25rem;position:absolute;top:0;left:50%}.pipe--out .pipe__run i{background:var(--ok);box-shadow:0 0 10px 2px color-mix(in oklab, var(--ok) 55%, transparent)}.pipe--out .pipe__run{animation-duration:3.2s}@keyframes run-y{0%{transform:translateY(-8%)}to{transform:translateY(108%)}}@keyframes run-x{0%{transform:translate(-8%)}to{transform:translate(108%)}}.flow-map:not([data-live]) .pipe__run{animation-play-state:paused}.tank{width:clamp(7rem,12vw,9.5rem);height:auto;overflow:visible}.tank__lid{fill:#373d48;fill:lab(25.6804% -.759706 -7.33712);stroke:color-mix(in oklab, var(--ink) 25%, transparent);stroke-width:1.5px}.tank__glass{fill:#00000059;fill:lab(0% 0 0/.35)}.tank__l1{stop-color:oklch(80% .18 62)}.tank__l2{stop-color:oklch(60% .18 45)}.tank__liquid{animation:5s ease-in-out infinite alternate slosh}@keyframes slosh{to{transform:translate(-40px)}}.flow-map:not([data-live]) .tank__liquid{animation-play-state:paused}.tank__shine{stroke:#ffffff2e;stroke-width:5px;stroke-linecap:round}.tank__edge{fill:none;stroke:color-mix(in oklab, var(--ink) 38%, transparent);stroke-width:3px}.tank__ticks{stroke:color-mix(in oklab, var(--ink) 30%, transparent);stroke-width:2px;stroke-linecap:round}.tank.is-empty .tank__glass{fill:#00000073;fill:lab(0% 0 0/.45)}.share{gap:var(--space-4);border-radius:var(--r-stage);border:1px solid var(--edge);background:var(--card);box-shadow:var(--shadow-1);padding:clamp(1rem,2.5vw,1.5rem);display:grid}.share__text{gap:.35rem;display:grid}.share__value{font-family:var(--font-numeric);font-size:var(--step-3);line-height:1}.share__note{max-width:52ch;font-size:var(--step--1);color:var(--color-fg-muted)}.share__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.pool__claims{padding-top:var(--space-4);display:grid}.pool__empty{padding:var(--space-5);border-radius:var(--r-card);border:1px dashed var(--edge-strong);color:var(--color-fg-muted);text-align:center}@container pool (min-width:640px){.flow-map{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(1.5rem,4rem) auto minmax(1.5rem,4rem) minmax(0,1fr)}.flow-map__end{padding-inline:var(--space-3);align-self:stretch}.flow-map__vests{display:none}.flow-map__figure{flex-direction:column;align-items:center;gap:.3rem}.flow-map__big{font-size:var(--step-3)}.tank{width:7rem}.pipe{background:repeating-linear-gradient(90deg, color-mix(in oklab, var(--ink) 22%, transparent) 0 6px, transparent 6px 11px);justify-self:stretch;width:auto;height:3px}.pipe__run{animation-name:run-x}.pipe__run i{margin:-.25rem 0 0 -.25rem;top:50%;left:0}.share{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@container pool (min-width:960px){.flow-map{grid-template-columns:minmax(0,1fr) minmax(3rem,6rem) auto minmax(3rem,6rem) minmax(0,1fr)}.flow-map__end{padding-inline:var(--space-4)}.flow-map__vests{display:flex}.flow-map__figure{flex-direction:row;align-items:baseline;gap:.4rem}.flow-map__big{font-size:var(--step-4)}.tank{width:clamp(7rem,12vw,9.5rem)}}@media (prefers-reduced-motion:reduce){.pipe__run,.tank__liquid{animation:none}}