Done Part 2

A "pending → done" badge, 4s loop, centered on a 470×260 stage with a dark #13131C background (clip to the stage). Times are seconds from the loop start.
- Pending (0–2.2s): a dashed ring, radius 47px, 6.5px stroke, 15px dashes with 13px gaps, round caps, rgba(200,198,230,0.45), turning clockwise once every 4s. In its center a small dot (radius 7.5px) breathes: size 80–130% and opacity 35–85%, color rgb(160,150,255), 1s period.
- 1.9–2.25s: wind-up: the badge scales 1 → 0.9 → 1 (half a sine wave).
- 2.2s: the dashed ring is replaced by a filled circle (radius 47px, linear gradient violet #6E5BFF top-left → cyan #38C6FF bottom-right, blue glow rgba(80,150,255,0.8) blur 39px). A white check (8.6px stroke, round caps, about 42px wide) draws itself 2.2–2.45s. 2.2–2.55s: pop, scale 1 → 1.15 → 1.
- Ripples: 3 rings start at 2.2s, 2.35s and 2.5s. Each one grows in 0.9s (ease-out) from radius 47px to 176px while its stroke thins from 7.5px to 1px and its opacity goes 0.8 → 0. Colors: violet rgb(130,115,255), cyan rgb(56,198,255), violet.
- 3.6–3.95s: the filled badge fades out and the dashed pending ring (with its breathing dot) fades back in.