/* Blend 89: original charcoal/hero gradient, with glowing stars and scroll depth.
   Only this opt-in body attribute changes the existing visual system. */
body[data-sky="depth"] .night-sky {
  opacity: 1; overflow: hidden; pointer-events: none;
  animation: none; transform: none;
  background: none;
}
body[data-sky="depth"] .night-sky span {
  position: absolute; width: var(--star-size); height: var(--star-size);
  border-radius: 50%; background: transparent; opacity: var(--star-alpha);
}
body[data-sky="depth"] .night-sky span::before {
  border-radius: 50%; clip-path: none; background: #edf3ff;
  box-shadow: 0 0 3px #d9e6ff66;
  animation-name: depth-shimmer; opacity: .7;
}
body[data-sky="depth"] .night-sky span[data-depth="near"]::before {
  background: #fff; box-shadow: 0 0 3px 1px #e9f1ffb8, 0 0 10px 3px #bfd7ff4d, 0 0 21px 6px #a7c7f51c;
}
body[data-sky="depth"] .night-sky span[data-glow="bright"]::before {
  box-shadow: 0 0 3px 1px #ffffffe0, 0 0 12px 4px #dceaff60, 0 0 26px 7px #afcbf526;
}
body[data-sky="depth"].support-page .night-sky { opacity: .55; }
@keyframes depth-shimmer {
  0%, 100% { opacity: .55; scale: .94; }
  50% { opacity: .95; scale: 1.06; }
}
@media(max-width:699px) {
  body[data-sky="depth"] .night-sky span:nth-child(even) { display: none; }
  body[data-sky="depth"] .night-sky { opacity: .8; }
}
@media(prefers-reduced-motion:reduce) {
  body[data-sky="depth"] .night-sky,
  body[data-sky="depth"] .night-sky span,
  body[data-sky="depth"] .night-sky span::before { animation: none; translate: none; transform: none; scale: none; }
}