Looping Arc Spinner

【対象要素】
- ローディング表示や処理中インジケータに適用する

【演出内容】
- 円周上の円弧が伸びたり縮んだりを繰り返しながら、全体もゆっくり回転し続ける

【品質要件】
- 円弧の端は丸く（線端をラウンドに）する
- 伸縮はイーズインアウトで滑らかにつなぐ
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A loading or busy indicator

[Motion]
- An arc on a circle grows and shrinks repeatedly while the whole ring also rotates slowly

[Quality]
- Round the line caps
- Ease the grow/shrink transitions smoothly
- Make the loop seamless: the end state must match the start state exactly
- With prefers-reduced-motion, stop the animation and show a static finished state