/* 背景アニメーション(既存サイトの移植。reference/live/animation/)。Tailwind で書けない、canvas の固定配置だけをここに書く。
   全ページの一番後ろに、画面に固定した canvas を1枚置く。
   粒子は、地(白)のセクションの背景(bg-white/75 = 白の 75% の半透明)を通して見える。既存サイトと同じ重ね方 */
#page-bg-canvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  #page-bg-canvas { opacity: 0; }
}