/* ReactBits look, optimized: CSS LightPillar everywhere, event-driven Splash only on home. */
#gsLightPillarLite,#gsSplashLiteCanvas{position:fixed;inset:0;z-index:0;pointer-events:none;display:block;contain:strict;transform:translateZ(0)}
#gsLightPillarLite{overflow:hidden;opacity:.82;mix-blend-mode:screen}
#gsLightPillarLite::before,#gsLightPillarLite::after{content:"";position:absolute;left:50%;top:50%;width:min(34vw,520px);height:150vh;border-radius:999px;background:linear-gradient(180deg,rgba(249,115,22,.06),rgba(255,186,119,.24) 44%,rgba(239,68,227,.09));filter:blur(34px);transform:translate(-50%,-50%) rotate(51deg);animation:gsPillarDrift 18s ease-in-out infinite alternate;will-change:transform,opacity}
#gsLightPillarLite::after{width:min(18vw,260px);opacity:.55;filter:blur(18px);animation-duration:25s;animation-direction:alternate-reverse}
#gsSplashLiteCanvas{mix-blend-mode:screen;opacity:.88}
#root{position:relative!important;z-index:1!important;isolation:isolate}
body:has(#gsLightPillarLite)::before{opacity:.36!important}

#root article,#root section,#root aside,#root main [class*="rounded"],#root main [style*="border-radius"]{position:relative}
#root article[style*="border"],#root section[style*="border"],#root aside[style*="border"],#root main [class*="rounded"][class*="border"],.gs-light-pillar-surface{background-color:rgba(15,8,12,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#root article>*,#root section>*,#root aside>*,#root main [class*="rounded"]>*{position:relative;z-index:1}
#root main article,#root main aside,#root nav[class*="border"],#root [class*="sidebar"],#root [class*="toc"]{background-color:rgba(12,7,10,.76)!important}

@keyframes gsPillarDrift{0%{transform:translate(-56%,-51%) rotate(47deg) scaleX(.9);opacity:.58}100%{transform:translate(-43%,-49%) rotate(55deg) scaleX(1.08);opacity:.9}}
@media (max-width:760px){#gsLightPillarLite{opacity:.48}#gsLightPillarLite::before,#gsLightPillarLite::after{filter:blur(28px);width:56vw}}
@media (prefers-reduced-motion:reduce){#gsLightPillarLite::before,#gsLightPillarLite::after{animation:none}#gsLightPillarLite{opacity:.58}}
