/* Fine circular stars stay behind the original content and media. */
.website-starfield-host { position: relative; isolation: isolate; }
.website-starfield {
  position: absolute; inset: 0; z-index: -1; overflow: clip;
  pointer-events: none; user-select: none; display: none; opacity: 0;
}
:root[data-theme="dark"] .website-starfield { display: block; opacity: 1; animation: website-stars-appear .45s ease-out both; }
.website-starfield-canvas { display: block; width: 100%; }
@keyframes website-stars-appear { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .website-starfield { animation: none !important; }
}
@media (forced-colors: active), print {
  .website-starfield { display: none !important; }
}