/* Quiet, blended color fields behind the content; motion follows scrolling only. */
body{position:relative;isolation:isolate}
.scroll-gradient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.scroll-gradient-field{position:absolute;inset:0;background:radial-gradient(ellipse 95% 18% at 15% 3%,rgba(216,201,244,.34),transparent 100%),radial-gradient(ellipse 100% 22% at 85% 23%,rgba(255,216,190,.34),transparent 100%),radial-gradient(ellipse 100% 24% at 30% 48%,rgba(192,226,218,.34),transparent 100%),radial-gradient(ellipse 100% 24% at 75% 73%,rgba(216,201,244,.3),transparent 100%),radial-gradient(ellipse 100% 22% at 35% 100%,rgba(255,216,190,.3),transparent 100%)}
.scroll-gradient-wash{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(249,249,246,.32),rgba(249,249,246,.12) 70%)}
html[data-theme="dark"] .scroll-gradient-field{background:radial-gradient(ellipse 95% 18% at 15% 3%,rgba(109,77,148,.18),transparent 100%),radial-gradient(ellipse 100% 22% at 85% 23%,rgba(164,104,72,.14),transparent 100%),radial-gradient(ellipse 100% 24% at 30% 48%,rgba(62,122,110,.16),transparent 100%),radial-gradient(ellipse 100% 24% at 75% 73%,rgba(109,77,148,.16),transparent 100%),radial-gradient(ellipse 100% 22% at 35% 100%,rgba(164,104,72,.13),transparent 100%)}
html[data-theme="dark"] .scroll-gradient-wash{background:radial-gradient(ellipse at center,rgba(20,22,19,.3),rgba(20,22,19,.1) 70%)}
.scroll-gradient-wash{display:none}
@media(prefers-reduced-motion:reduce){.scroll-gradient-field{transform:none!important;will-change:auto}}
@media print{.scroll-gradient{display:none}}