Breathing Circle

【対象要素】
- ヒーローや空きスペースの装飾図形に適用する

【演出内容】
- 球体が呼吸のようにゆっくり膨らんで縮む、を繰り返す
- 膨らむときに少し明るく、縮むときに少し暗くして立体感を出す

【品質要件】
- 周期は4〜5秒。イーズインアウトで折り返しを滑らかにする
- ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる
- prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する

[Target]
- A decorative sphere in a hero or empty space

[Motion]
- The sphere inflates and deflates like slow breathing
- Slightly brighter when inflated, dimmer when deflated

[Quality]
- 4–5s per breath with ease-in-out at the turnarounds
- 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