Staged Status Message

A server component, there are no hooks. The three stage lines are stacked on top of one another with absolute positioning and become visible in turn through an animation-delay computed off a single variable, --vibeui-spinner-012-speed — the same technique as in the queue of dots, only applied to text. The stage cycling is decorative and marked aria-hidden: without state there is nothing a screen reader could meaningfully announce on every frame of a CSS animation, so the accessible name is a static caption through aria-label on the root role="status". Under prefers-reduced-motion only the first stage is visible, and the ring beside the text breathes instead of spinning. The theme comes from the surrounding color-scheme through light-dark(): the component has no background by default — it sits on the page background and darkens with it, while the background prop switches on a panel.