/* Цветная «aurora» подложка: общие правила для cinema и auth (localStorage vs_bg=aurora) */
html.vs-aurora-pre {
  background: #07060d;
}

body.vs-bg-aurora {
  background-color: #06060a;
  background-image:
    radial-gradient(ellipse 135% 92% at 90% 38%, rgba(210, 75, 130, 0.42) 0%, transparent 56%),
    radial-gradient(ellipse 115% 82% at 6% 72%, rgba(48, 58, 145, 0.48) 0%, transparent 54%),
    radial-gradient(ellipse 100% 72% at 52% -8%, rgba(38, 55, 125, 0.4) 0%, transparent 50%),
    linear-gradient(168deg, #050509 0%, #0c0a16 38%, #100e1a 72%, #07060e 100%);
  background-attachment: fixed;
  background-size: cover;
}

body.vs-bg-aurora.theme-light {
  background-color: #e4e7f3;
  background-image:
    radial-gradient(ellipse 125% 88% at 88% 36%, rgba(255, 130, 170, 0.28) 0%, transparent 58%),
    radial-gradient(ellipse 105% 78% at 10% 76%, rgba(110, 140, 230, 0.26) 0%, transparent 56%),
    radial-gradient(ellipse 95% 68% at 48% -6%, rgba(150, 175, 245, 0.22) 0%, transparent 52%),
    linear-gradient(168deg, #e8eaf6 0%, #f0f2fa 48%, #e2e5f0 100%);
  background-attachment: fixed;
  background-size: cover;
}

body.vs-bg-aurora #home,
body.vs-bg-aurora #movies-page,
body.vs-bg-aurora #series-page,
body.vs-bg-aurora #watchlist-page,
body.vs-bg-aurora #calendar-page,
body.vs-bg-aurora #statistics-page,
body.vs-bg-aurora #detail-page,
body.vs-bg-aurora #friends-page,
body.vs-bg-aurora #fav-movies-list-page,
body.vs-bg-aurora #fav-series-list-page,
body.vs-bg-aurora #custom-movie-list-page {
  background: transparent !important;
}

body.vs-bg-aurora #home::before {
  opacity: 0;
  pointer-events: none;
}

body.vs-bg-aurora .list-header,
body.vs-bg-aurora .detail-header {
  background: rgba(8, 8, 14, 0.42) !important;
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

body.vs-bg-aurora.theme-light .list-header,
body.vs-bg-aurora.theme-light .detail-header {
  background: rgba(255, 255, 255, 0.52) !important;
  backdrop-filter: blur(22px) saturate(140%);
  -webkit-backdrop-filter: blur(22px) saturate(140%);
}

body.vs-bg-aurora .list-toolbar-host {
  background: rgba(8, 8, 14, 0.38) !important;
  backdrop-filter: blur(24px) saturate(150%);
  -webkit-backdrop-filter: blur(24px) saturate(150%);
}

body.vs-bg-aurora.theme-light .list-toolbar-host {
  background: rgba(255, 255, 255, 0.48) !important;
}

@media (max-width: 768px) {
  body.vs-bg-aurora .detail-header {
    background: rgba(8, 8, 14, 0.38) !important;
    backdrop-filter: blur(22px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(140%) !important;
  }
  body.vs-bg-aurora.theme-light .detail-header {
    background: rgba(255, 255, 255, 0.48) !important;
  }
}