:root{--c1: #5eead4;--c2: #99f6e4;--c3: #7dd3fc;--c4: #6ee7b7;--base: #e4f8f2;--swap: 2.2s}html,body{background-color:var(--base);transition:background-color var(--swap) ease}.mesh{position:fixed;inset:-20%;width:140%;height:140%;filter:blur(clamp(36px,4.5vw,85px)) saturate(1.2);z-index:0;pointer-events:none}.blob{position:absolute;border-radius:50%;mix-blend-mode:screen;will-change:transform;transition:background-color var(--swap) ease}.grain{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay}.vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 80% at 50% 50%,transparent 45%,rgba(0,0,0,.18) 100%)}