:root{--fx-star:#fffffff2}:root[data-theme=light]{--fx-star:color-mix(in srgb, var(--accent) 75%, transparent)}.bg-fx{--bg-k:1;z-index:-1;pointer-events:none;animation:.9s both bgFadeIn;position:fixed;inset:0;overflow:hidden}:root[data-theme=light] .bg-fx{--bg-k:.55}.bg-fx[data-bg-kind=scene]{opacity:calc(var(--bg-strength,.65) * var(--bg-k))}.bg-fx.bg-fx-contained{z-index:0;border-radius:inherit;position:absolute}@keyframes bgFadeIn{0%{opacity:0}}.bg-fx-layer{will-change:transform;position:absolute;inset:-12%}.bg-fx-fill,.bg-fx-dim{position:absolute;inset:0}.bg-fx[data-bg-kind=image] .bg-fx-fill{inset:calc(var(--bg-blur,0px) * -2);filter:blur(var(--bg-blur,0px))}.bg-fx-dim{background:var(--bg);opacity:var(--bg-dim,.3)}.bg-fx-stars-a,.bg-fx-stars-b,.bg-fx-stars-c{background-repeat:repeat}.bg-fx-stars-a{background-image:radial-gradient(1px 1px at 12% 18%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 37% 62%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 68% 24%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 84% 71%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 51% 88%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 26% 47%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 92% 39%, var(--fx-star), transparent 60%), radial-gradient(1px 1px at 7% 79%, var(--fx-star), transparent 60%);opacity:.68;background-size:380px 380px;animation:240s linear infinite bgDriftSlow}.bg-fx-stars-b{background-image:radial-gradient(1.5px 1.5px at 22% 33%, var(--fx-star), transparent 62%), radial-gradient(1.5px 1.5px at 74% 12%, var(--fx-star), transparent 62%), radial-gradient(1.5px 1.5px at 45% 77%, var(--fx-star), transparent 62%), radial-gradient(1.5px 1.5px at 88% 58%, var(--fx-star), transparent 62%), radial-gradient(1.5px 1.5px at 15% 91%, var(--fx-star), transparent 62%), radial-gradient(1.5px 1.5px at 61% 45%, var(--fx-star), transparent 62%);opacity:.92;background-size:640px 640px;animation:160s linear infinite bgDriftMed}.bg-fx-stars-c{background-image:radial-gradient(2.2px 2.2px at 30% 22%, var(--fx-star), transparent 65%), radial-gradient(2.2px 2.2px at 79% 66%, var(--fx-star), transparent 65%), radial-gradient(2.2px 2.2px at 55% 91%, var(--fx-star), transparent 65%), radial-gradient(2.6px 2.6px at 9% 52%, color-mix(in srgb, var(--accent) 80%, var(--fx-star)), transparent 65%), radial-gradient(2.6px 2.6px at 93% 27%, color-mix(in srgb, var(--blue) 80%, var(--fx-star)), transparent 65%);background-size:900px 900px;animation:7s ease-in-out infinite alternate bgTwinkle}.bg-fx-shine{position:absolute;inset:-12%}.bg-fx-shine:before,.bg-fx-shine:after{content:"";background-repeat:repeat;background-size:1150px 1150px;animation:5.6s ease-in-out infinite bgShineA;position:absolute;inset:0}.bg-fx-shine:before{background-image:radial-gradient(circle, var(--fx-star) 0 1.4px, transparent 2.4px), radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, #fff) 0 1.8px, transparent 3px), radial-gradient(circle, var(--fx-star) 0 1.1px, transparent 2px), radial-gradient(circle, color-mix(in srgb, var(--blue) 72%, #fff) 0 1.4px, transparent 2.5px);background-position:82px 140px,512px 420px,890px 210px,300px 760px}.bg-fx-shine:after{background-image:radial-gradient(circle, var(--fx-star) 0 1.4px, transparent 2.4px), radial-gradient(circle, color-mix(in srgb, var(--accent) 70%, #fff) 0 1.8px, transparent 3px), radial-gradient(circle, var(--fx-star) 0 1.1px, transparent 2px), radial-gradient(circle, color-mix(in srgb, var(--blue) 72%, #fff) 0 1.4px, transparent 2.5px);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--accent) 45%, transparent));background-position:82px 715px,512px 995px,890px 785px,300px 335px;animation-name:bgShineB}.bg-fx-haze{background-image:radial-gradient(58% 44% at 12% 6%, color-mix(in srgb, var(--accent) 42%, transparent), transparent 70%), radial-gradient(48% 38% at 90% 16%, color-mix(in srgb, var(--blue) 34%, transparent), transparent 72%), radial-gradient(70% 50% at 58% 108%, color-mix(in srgb, var(--purple) 38%, transparent), transparent 70%);animation:46s ease-in-out infinite alternate bgBreathe}.bg-fx-aurora:before,.bg-fx-aurora:after{content:"";will-change:transform;position:absolute;inset:0}.bg-fx-aurora:before{background-image:radial-gradient(85% 22% at 32% 24%, color-mix(in srgb, var(--accent) 62%, transparent), transparent 72%), radial-gradient(60% 16% at 78% 38%, color-mix(in srgb, var(--blue) 52%, transparent), transparent 72%);animation:34s ease-in-out infinite alternate bgAuroraA;transform:rotate(-9deg)scale(1.15)}.bg-fx-aurora:after{background-image:radial-gradient(78% 20% at 62% 12%, color-mix(in srgb, var(--purple) 58%, transparent), transparent 72%), radial-gradient(55% 15% at 18% 46%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 72%), radial-gradient(70% 18% at 50% 88%, color-mix(in srgb, var(--blue) 36%, transparent), transparent 72%);animation:47s ease-in-out infinite alternate bgAuroraB;transform:rotate(7deg)scale(1.2)}.bg-fx-dusk{background-image:radial-gradient(70% 34% at 50% 112%, color-mix(in srgb, var(--gold) 66%, transparent), transparent 68%), radial-gradient(120% 62% at 50% 116%, color-mix(in srgb, var(--accent) 58%, transparent), transparent 72%), linear-gradient(to top, color-mix(in srgb, var(--purple) 36%, transparent), transparent 64%);animation:40s ease-in-out infinite alternate bgRise}.bg-fx-mist-a{background-image:radial-gradient(46% 34% at 24% 34%, color-mix(in srgb, var(--accent) 30%, transparent), transparent 72%), radial-gradient(38% 30% at 72% 72%, color-mix(in srgb, var(--blue) 26%, transparent), transparent 72%);animation:64s ease-in-out infinite alternate bgMistA}.bg-fx-mist-b{background-image:radial-gradient(50% 38% at 80% 22%, color-mix(in srgb, var(--purple) 28%, transparent), transparent 74%), radial-gradient(42% 32% at 18% 82%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 74%);animation:84s ease-in-out infinite alternate bgMistB}.bg-fx-grid{background-image:linear-gradient(to right, var(--fill-edge) 1px, transparent 1px), linear-gradient(to bottom, var(--fill-edge) 1px, transparent 1px);background-size:52px 52px;animation:26s linear infinite bgGridScroll;-webkit-mask-image:radial-gradient(85% 65% at 50% 0,#000 10%,#0000 78%);mask-image:radial-gradient(85% 65% at 50% 0,#000 10%,#0000 78%)}.bg-fx-grid-glow{background-image:radial-gradient(60% 34% at 50% 0%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 72%)}@media (width<=700px){.bg-fx-grid{opacity:.4}.bg-fx-grid-glow{opacity:.7}}.bg-fx-ember-glow{background-image:radial-gradient(100% 46% at 50% 108%,#ff7a3d75,#0000 68%),radial-gradient(56% 30% at 74% 102%,#ffb34757,#0000 72%);animation:6s ease-in-out infinite alternate bgFlicker}.bg-fx-embers{background-image:radial-gradient(2px 2px at 14% 86%,#ffb36b,#0000 62%),radial-gradient(1.5px 1.5px at 33% 64%,#ff9a4d,#0000 62%),radial-gradient(2.4px 2.4px at 52% 92%,#ffc27a,#0000 62%),radial-gradient(1.5px 1.5px at 71% 58%,#ff8f45,#0000 62%),radial-gradient(2px 2px at 88% 80%,#ffb36b,#0000 62%),radial-gradient(1.2px 1.2px at 24% 38%,#ffd39a,#0000 62%),radial-gradient(1.8px 1.8px at 62% 26%,#ffa257,#0000 62%),radial-gradient(1.2px 1.2px at 94% 44%,#ffd39a,#0000 62%);background-repeat:repeat;background-size:420px 420px;animation:36s linear infinite bgEmbersRise}.bg-fx-glow{background-image:radial-gradient(62% 42% at 50% -6%, color-mix(in srgb, var(--accent) 46%, transparent), transparent 66%), radial-gradient(50% 34% at 92% 96%, color-mix(in srgb, var(--purple) 30%, transparent), transparent 70%)}.bg-fx-vignette{background-image:radial-gradient(72% 60% at 50% 45%, transparent 30%, var(--bg) 100%);opacity:.72}:root[data-theme=light] .bg-fx-vignette{display:none}@keyframes bgDriftSlow{to{transform:translate(-380px,190px)}}@keyframes bgDriftMed{to{transform:translate(640px,-320px)}}@keyframes bgTwinkle{0%{opacity:.45}to{opacity:1}}@keyframes bgShineA{0%,to{opacity:.18}50%{opacity:1}}@keyframes bgShineB{0%,to{opacity:1}50%{opacity:.18}}@keyframes bgBreathe{0%{transform:translate(-2%,-1%)scale(1.02)}to{transform:translate(2%,2%)scale(1.12)}}@keyframes bgAuroraA{0%{transform:rotate(-9deg)translate(-4%,-2%)scale(1.15)}to{transform:rotate(-4deg)translate(5%,3%)scale(1.25)}}@keyframes bgAuroraB{0%{transform:rotate(7deg)translate(4%,2%)scale(1.2)}to{transform:rotate(2deg)translate(-5%,-3%)scale(1.3)}}@keyframes bgRise{0%{opacity:.85;transform:translateY(3%)scale(1)}to{opacity:1;transform:translateY(-2%)scale(1.06)}}@keyframes bgMistA{0%{transform:translate(-6%,-2%)scale(1.05)}to{transform:translate(6%,3%)scale(1.18)}}@keyframes bgMistB{0%{transform:translate(6%,3%)scale(1.15)}to{transform:translate(-6%,-3%)scale(1.03)}}@keyframes bgGridScroll{to{background-position:0 52px}}@keyframes bgFlicker{0%{opacity:.78}to{opacity:1}}@keyframes bgEmbersRise{to{transform:translate(-80px,-420px)}}.bg-fx-still .bg-fx-layer,.bg-fx-still .bg-fx-layer:before,.bg-fx-still .bg-fx-layer:after{animation:none}@media (width<=720px),(hover:none) and (pointer:coarse){.bg-fx-stars-a{animation-duration:420s}.bg-fx-stars-b{animation-duration:300s}.bg-fx-grid{animation-duration:52s}.bg-fx-shine:before,.bg-fx-shine:after{background-size:900px 900px;animation-duration:7.2s}}