/* Host must establish position:relative. All visual layers ignore hit testing. */
.black-hole-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:transparent}
.black-hole-canvas,.black-hole-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.black-hole-canvas{display:block;opacity:0;transition:opacity .6s ease;max-width:none;max-height:none}
.black-hole-ready .black-hole-canvas{opacity:1}
.black-hole-ready .black-hole-fallback{visibility:hidden}
.black-hole-fallback{background:radial-gradient(ellipse 25% 28% at 40% 49%,#000 63%,#aeaba238 65%,#c9c2b912 72%,transparent 100%),radial-gradient(ellipse 46% 4% at 40% 51%,#ebe5d199,#a29c8033 50%,transparent 76%)}
.black-hole-layer[data-palette="light"] .black-hole-fallback{filter:brightness(.45)}
.black-hole-ambient .black-hole-fallback{opacity:.4}
@media(prefers-reduced-motion:reduce){.black-hole-canvas{transition:none}}
html[data-motion="reduce"] .black-hole-canvas{transition:none}