@property --pool-progress{syntax:'<number>';initial-value:0;inherits:true}
[data-sig="pool-recovery"]{height:270dvh;position:relative;background:var(--mist);view-timeline-name:--pool-recovery;view-timeline-axis:block}[data-sig="pool-recovery"] .recovery-stage{position:sticky;top:0;height:100dvh;min-height:720px;padding:36px var(--edge) 24px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}[data-sig="pool-recovery"] .recovery-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;gap:24px}[data-sig="pool-recovery"] h2{font-size:clamp(32px,4vw,58px)}[data-sig="pool-recovery"] h2 br{display:none}[data-sig="pool-recovery"] .pool-scene{position:relative;width:100%;max-width:1200px;aspect-ratio:2.2;margin:auto;max-height:58dvh;overflow:hidden;border-radius:var(--radius)}[data-sig="pool-recovery"] .frame{position:absolute;inset:0;opacity:0}[data-sig="pool-recovery"] .frame.is-active{opacity:1}[data-sig="pool-recovery"] picture,[data-sig="pool-recovery"] .frame img{height:100%;width:100%;object-fit:cover;object-position:50% 50%}[data-sig="pool-recovery"] .coping-layer{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;pointer-events:none;transform:translateY(calc(var(--pool-progress)*-14px))}[data-sig="pool-recovery"] .recovery-bottom{margin-top:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}[data-sig="pool-recovery"] .recovery-beats{display:flex;gap:48px}[data-sig="pool-recovery"] .beat{color:var(--muted);opacity:.55;max-width:28ch}[data-sig="pool-recovery"] .beat.active{color:var(--ink);opacity:1}[data-sig="pool-recovery"] .beat strong{display:block;font-size:16px;margin-bottom:4px}[data-sig="pool-recovery"] .beat span{font-size:12px}[data-sig="pool-recovery"] .pause{border:1px solid var(--ink);border-radius:50px;background:transparent;padding:12px 16px;font-size:11px;min-height:44px;white-space:nowrap}[data-sig="pool-recovery"] .recovery-note{margin-top:16px;max-width:none;font-size:11px;color:var(--muted)}[data-sig="pool-recovery"] .caustics{position:absolute;inset:-20%;opacity:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 26px,#fcfefd30 27px 29px,transparent 31px 65px);mix-blend-mode:screen;animation:pool-light 12s linear infinite alternate;animation-play-state:paused}[data-sig="pool-recovery"].is-clear .caustics{opacity:.6;animation-play-state:running}[data-sig="pool-recovery"].paused .caustics{animation-play-state:paused}[data-sig="pool-recovery"].is-clear h2{position:relative}[data-sig="pool-recovery"].is-clear h2:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 30% 40%,transparent 0 15px,#fcfefd50 16px 17px,transparent 19px 37px);mix-blend-mode:screen;animation:pool-light 12s linear infinite alternate}[data-sig="pool-recovery"].paused h2:after{animation-play-state:paused}@keyframes pool-light{from{transform:translate(-2%,-2%) rotate(-3deg)}to{transform:translate(2%,2%) rotate(3deg)}}@supports(animation-timeline:view()){[data-sig="pool-recovery"] .recovery-stage{animation:pool-progress linear both;animation-timeline:--pool-recovery;animation-range:contain 0% contain 100%}@keyframes pool-progress{from{--pool-progress:0}to{--pool-progress:1}}}@media(max-width:900px){[data-sig="pool-recovery"] .recovery-beats{gap:20px}[data-sig="pool-recovery"] .beat strong{font-size:14px}}@media(max-width:700px){[data-sig="pool-recovery"]{height:210dvh}[data-sig="pool-recovery"] .recovery-stage{height:calc(100dvh - 78px);min-height:560px;padding:28px 24px 24px}[data-sig="pool-recovery"] .recovery-heading{display:block;margin-bottom:24px}[data-sig="pool-recovery"] .recovery-heading .small{margin-bottom:12px}[data-sig="pool-recovery"] h2{font-size:36px;max-width:12ch}[data-sig="pool-recovery"] h2 br{display:initial}[data-sig="pool-recovery"] .pool-scene{width:100%;aspect-ratio:.96;max-height:42dvh;border-radius:20px;flex:none;margin:0}[data-sig="pool-recovery"] .frame img{object-position:50% 50%}[data-sig="pool-recovery"] .recovery-bottom{align-items:flex-start;margin-top:20px;gap:10px}[data-sig="pool-recovery"] .recovery-beats{display:block;flex:1}[data-sig="pool-recovery"] .beat{display:none;max-width:22ch}[data-sig="pool-recovery"] .beat.active{display:block}[data-sig="pool-recovery"] .beat strong{font-size:15px}[data-sig="pool-recovery"] .beat span{font-size:11px}[data-sig="pool-recovery"] .pause{font-size:10px;padding:10px 12px;white-space:normal;max-width:90px}[data-sig="pool-recovery"] .recovery-note{font-size:10px;line-height:1.6;margin-top:16px}}@media(prefers-reduced-motion:reduce){[data-sig="pool-recovery"]{height:auto}[data-sig="pool-recovery"] .recovery-stage{height:auto;min-height:0;position:relative;padding:var(--space) var(--edge)}[data-sig="pool-recovery"] .caustics,[data-sig="pool-recovery"] .coping-layer,[data-sig="pool-recovery"] h2:after{display:none}[data-sig="pool-recovery"] .pool-scene{margin:0 auto}[data-sig="pool-recovery"] .pause{display:none}}
[data-sig="pool-recovery"] .beat{opacity:1}[data-sig="pool-recovery"] .beat:not(.active) strong{font-weight:400}