/* V21.4.19 - Global background smoothing + no seam on long pages */
html, body{
  background:#04060e !important;
  background-image:none !important;
}

/* Fixed glow overlay (viewport based) */
.pageMediaFixed{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(18px) saturate(1.05);
  transform: scale(1.08);
  opacity: 0.55;
}

.pageOverlayFixed{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(1200px 900px at 12% 0%, rgba(124,58,237,.20), transparent 62%),
    radial-gradient(1100px 850px at 88% 8%, rgba(59,130,246,.16), transparent 64%),
    radial-gradient(1000px 1000px at 50% 115%, rgba(0,0,0,.90), transparent 58%),
    radial-gradient(ellipse at 50% 32%,
      rgba(0,0,0,.06) 0%,
      rgba(0,0,0,.26) 45%,
      rgba(0,0,0,.55) 78%,
      rgba(0,0,0,.86) 100%
    );
}

/* Grain anti banding */
.pageOverlayFixed::after{
  content:'';
  position:absolute;
  inset:0;
  opacity:0.04;
  mix-blend-mode: overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");
  background-size:120px 120px;
  pointer-events:none;
}

main, .page, .container, .section, .card{
  position: relative;
  z-index: 1;
}

/* Comments must not add repeating backgrounds */
.commentsRoot, .comments, .commentsSection, .commentsWrap, .commentsContainer{
  background: transparent !important;
  background-image: none !important;
}