/* Limonata unified backdrop
   Deep, dark, quiet. A few soft glows that drift slowly, over a live node-mesh.
   No grid. Shared by every page so the look stays identical site-wide.
   Colours are self-contained (literals) so this file works on any page. */

#bg{position:fixed;inset:0;z-index:-10;pointer-events:none}

.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:-8;filter:blur(120px);will-change:transform}
.orb-a{width:min(560px,72vw);height:min(560px,72vw);background:rgba(255,228,76,.055);left:-12%;top:-16%;animation:orbDriftA 38s ease-in-out infinite}
.orb-b{width:min(460px,62vw);height:min(460px,62vw);background:rgba(143,255,90,.032);right:-12%;top:24%;animation:orbDriftB 47s ease-in-out infinite}
.orb-c{width:min(430px,58vw);height:min(430px,58vw);background:rgba(84,201,214,.028);left:24%;bottom:-18%;animation:orbDriftC 53s ease-in-out infinite}

@keyframes orbDriftA{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(46px,36px,0)}}
@keyframes orbDriftB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-42px,28px,0)}}
@keyframes orbDriftC{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(32px,-36px,0)}}

@media(prefers-reduced-motion:reduce){.orb{animation:none}}