/* ==========================================================================
   Neural background — ambient canvas backdrop (js/neural-background.js).
   Fixed to the viewport (not the page) so the node field stays put while
   the page scrolls, sitting in the same z-index:0 decorative layer as
   .bg-glow (see backgrounds.css) — .bg-content's z-index:1 keeps real
   content above both. Purely decorative: no pointer events, and the script
   skips rendering entirely under prefers-reduced-motion, leaving this
   canvas blank so .bg-app's flat color shows through untouched.
   Blocks: .neural-background
   ========================================================================== */

.neural-background {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /* Soft out-of-focus look reads as depth — content sits in the sharp focal
     plane, this sits behind it — rather than the crisp linework competing
     with foreground text on the same visual layer. */
  filter: blur(1.5px);
  opacity: 0.85;
}