:root{--animation-intensity:0;--animation-phase:idle;--animation-duration:0s;--animation-opacity:0;--animation-element-count:0}.background-animation{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}@media (prefers-reduced-motion:reduce){.background-animation,.background-animation *{animation:none!important;transition:none!important}}.parchment-layer{background:radial-gradient(ellipse at center,rgba(245,245,220,var(--animation-opacity)) 0,rgba(240,228,188,calc(var(--animation-opacity) * .8)) 25%,rgba(222,184,135,calc(var(--animation-opacity) * .6)) 50%,transparent 75%);animation:parchmentPulse var(--animation-duration) ease-in-out infinite}.parchment-layer,.stars-layer{inset:0;opacity:var(--animation-opacity)}.parchment-layer,.star,.stars-layer{position:absolute;will-change:opacity,transform;transform:translateZ(0)}.star{width:2px;height:2px;background:radial-gradient(circle,rgba(255,215,0,.9) 0,rgba(255,215,0,.4) 50%,transparent 100%);border-radius:50%;animation:starTwinkle var(--animation-duration) ease-in-out infinite}.star--small{width:1px;height:1px;opacity:.6}.star--medium{width:2px;height:2px;opacity:.8}.star--large{width:3px;height:3px;opacity:1;box-shadow:0 0 6px rgba(255,215,0,.4)}.stars-layer[data-phase=subtle] .star:first-child{top:20%;left:10%;animation-delay:0s}.stars-layer[data-phase=subtle] .star:nth-child(2){top:30%;left:85%;animation-delay:.5s}.stars-layer[data-phase=subtle] .star:nth-child(3){top:60%;left:15%;animation-delay:1s}.stars-layer[data-phase=subtle] .star:nth-child(4){top:80%;left:75%;animation-delay:1.5s}.stars-layer[data-phase=subtle] .star:nth-child(5){top:15%;left:50%;animation-delay:2s}.stars-layer[data-phase=subtle] .star:nth-child(6){top:70%;left:40%;animation-delay:2.5s}.stars-layer[data-phase=subtle] .star:nth-child(7){top:40%;left:20%;animation-delay:3s}.stars-layer[data-phase=subtle] .star:nth-child(8){top:50%;left:90%;animation-delay:3.5s}.stars-layer[data-phase=subtle] .star:nth-child(9){top:85%;left:30%;animation-delay:4s}.stars-layer[data-phase=subtle] .star:nth-child(10){top:25%;left:70%;animation-delay:4.5s}.stars-layer[data-phase=subtle] .star:nth-child(11){top:65%;left:80%;animation-delay:5s}.stars-layer[data-phase=subtle] .star:nth-child(12){top:10%;left:35%;animation-delay:5.5s}.stars-layer[data-phase=moderate] .star:nth-child(13){top:35%;left:5%;animation-delay:.3s}.stars-layer[data-phase=moderate] .star:nth-child(14){top:55%;left:95%;animation-delay:.8s}.stars-layer[data-phase=moderate] .star:nth-child(15){top:75%;left:25%;animation-delay:1.3s}.stars-layer[data-phase=moderate] .star:nth-child(16){top:5%;left:60%;animation-delay:1.8s}.stars-layer[data-phase=moderate] .star:nth-child(17){top:45%;left:45%;animation-delay:2.3s}.stars-layer[data-phase=moderate] .star:nth-child(18){top:90%;left:65%;animation-delay:2.8s}.stars-layer[data-phase=intense] .star:nth-child(19){top:12%;left:25%;animation-delay:.2s}.stars-layer[data-phase=intense] .star:nth-child(20){top:38%;left:78%;animation-delay:.7s}.stars-layer[data-phase=intense] .star:nth-child(21){top:62%;left:8%;animation-delay:1.2s}.stars-layer[data-phase=intense] .star:nth-child(22){top:82%;left:88%;animation-delay:1.7s}.stars-layer[data-phase=intense] .star:nth-child(23){top:18%;left:42%;animation-delay:2.2s}.stars-layer[data-phase=intense] .star:nth-child(24){top:72%;left:58%;animation-delay:2.7s}.stars-layer[data-phase=climax] .star:nth-child(n+25){animation-duration:calc(var(--animation-duration) * .8)}@keyframes parchmentPulse{0%{opacity:calc(var(--animation-opacity) * .8);transform:translateZ(0) scale(1)}50%{opacity:var(--animation-opacity);transform:translateZ(0) scale(1.02)}to{opacity:calc(var(--animation-opacity) * .8);transform:translateZ(0) scale(1)}}@keyframes starTwinkle{0%{opacity:0;transform:translateZ(0) scale(.8)}25%{opacity:calc(var(--animation-opacity) * .6);transform:translateZ(0) scale(1)}50%{opacity:var(--animation-opacity);transform:translateZ(0) scale(1.2)}75%{opacity:calc(var(--animation-opacity) * .4);transform:translateZ(0) scale(1)}to{opacity:0;transform:translateZ(0) scale(.8)}}@keyframes constellationForm{0%{opacity:0;transform:translateZ(0) scale(.5) rotate(0deg)}50%{opacity:var(--animation-opacity);transform:translateZ(0) scale(1.1) rotate(180deg)}to{opacity:calc(var(--animation-opacity) * .8);transform:translateZ(0) scale(1) rotate(1turn)}}.stars-layer[data-phase=climax] .star{animation:constellationForm var(--animation-duration) ease-in-out infinite}.background-animation *{backface-visibility:hidden;perspective:1000px}@media (prefers-color-scheme:dark){.parchment-layer{background:radial-gradient(ellipse at center,rgba(75,85,99,var(--animation-opacity)) 0,rgba(55,65,81,calc(var(--animation-opacity) * .8)) 25%,rgba(31,41,55,calc(var(--animation-opacity) * .6)) 50%,transparent 75%)}.star{background:radial-gradient(circle,rgba(147,197,253,.9) 0,rgba(147,197,253,.4) 50%,transparent 100%)}.star--large{box-shadow:0 0 6px rgba(147,197,253,.4)}}