html, body { background: transparent !important; }

/* Apply modern override when our class is present */
body.jr-modern-private-bg::before,
body.jr-modern-memory-bg::before{
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: #f3f6fb !important;
  background-image:
    radial-gradient(1200px 800px at 50% 35%, rgba(243,246,251,.78) 0%, rgba(243,246,251,.25) 55%, rgba(243,246,251,0) 78%),
    linear-gradient(rgba(243,246,251,.10), rgba(243,246,251,.10)),
    var(--jr-modern-bg-url) !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-position: center center, center center, center center !important;
  background-size: cover, cover, cover !important;
  filter: saturate(1.05) contrast(1.06) brightness(1.02) !important;
}

/* Disable nostalgic sparkles in modern areas */
body.jr-modern-private-bg::after,
body.jr-modern-memory-bg::after{
  content: none !important;
  display: none !important;
}

/* Ensure body can host the pseudo background behind everything */
body.jr-modern-private-bg,
body.jr-modern-memory-bg{
  position: relative;
}