.atmos{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bloom{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}.bloom.a{width:52vw;height:52vw;background:#5b2e9e;opacity:.42;top:-14vw;left:-10vw;animation:drift1 34s var(--ease) infinite alternate}.bloom.b{width:44vw;height:44vw;background:#8e2a63;top:44vh;right:-14vw;opacity:.34;animation:drift2 41s var(--ease) infinite alternate}.bloom.c{width:40vw;height:40vw;background:#2e1560;bottom:-12vw;left:18vw;opacity:.34;animation:drift3 47s var(--ease) infinite alternate}@keyframes drift1{to{transform:translate3d(6vw,5vh,0) scale(1.12)}}@keyframes drift2{to{transform:translate3d(-7vw,-6vh,0) scale(1.08)}}@keyframes drift3{to{transform:translate3d(4vw,-4vh,0) scale(1.14)}}.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");animation:grainshift 6s steps(5) infinite}@keyframes grainshift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}.vignette{inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 85% at 50% 45%,transparent 38%,rgba(4,0,10,.55) 78%,rgba(3,0,8,.9) 100%),linear-gradient(180deg,rgba(3,0,8,.55),transparent 18%,transparent 82%,rgba(3,0,8,.65))}.mood,.vignette{position:absolute}.mood{inset:-25% -15%;opacity:0;transition:opacity 1.1s var(--ease-standard);will-change:opacity}.mood.on{opacity:1}.m-night{background:radial-gradient(50% 45% at 16% 14%,rgba(104,52,180,.9),transparent 66%),radial-gradient(46% 42% at 88% 72%,rgba(62,28,126,.72),transparent 68%)}.m-ember{background:radial-gradient(48% 44% at 82% 18%,rgba(214,80,92,.62),transparent 66%),radial-gradient(52% 48% at 12% 76%,rgba(126,44,138,.66),transparent 68%)}.m-blush{background:radial-gradient(50% 45% at 20% 20%,rgba(196,38,120,.66),transparent 66%),radial-gradient(48% 44% at 86% 78%,rgba(160,30,150,.6),transparent 68%)}.m-deep{background:radial-gradient(50% 46% at 78% 16%,rgba(58,44,168,.72),transparent 66%),radial-gradient(46% 42% at 14% 80%,rgba(34,18,88,.85),transparent 68%)}.m-glow{background:radial-gradient(50% 45% at 24% 18%,rgba(206,62,128,.6),transparent 66%),radial-gradient(54% 48% at 84% 74%,rgba(190,118,42,.42),transparent 68%)}@media (prefers-reduced-motion:reduce){.bloom,.grain{animation:none}.mood{will-change:auto}}