.srk-weather-layer{position:fixed;inset:0;z-index:40;overflow:hidden;pointer-events:none!important;contain:strict;opacity:0;transition:opacity .8s ease;mix-blend-mode:normal}
.srk-weather-layer.is-on{opacity:1}.srk-weather-layer::before,.srk-weather-layer::after{content:"";position:absolute;inset:-20%;pointer-events:none}
.srk-weather-layer[data-effect="clear"]::before{background:radial-gradient(circle at 86% 4%,rgba(255,213,102,.14),transparent 30%)}
.srk-weather-layer[data-effect="hot"]::before{background:radial-gradient(circle at 88% 3%,rgba(255,183,45,.24),transparent 34%);animation:srkSunPulse 6s ease-in-out infinite alternate}
.srk-weather-layer[data-effect="cloud"]::before{background:radial-gradient(ellipse at 15% 14%,rgba(190,205,220,.10),transparent 28%),radial-gradient(ellipse at 72% 18%,rgba(190,205,220,.08),transparent 32%);animation:srkCloudDrift 22s linear infinite alternate}
.srk-weather-layer[data-effect="fog"]::before{background:repeating-linear-gradient(0deg,transparent 0 10%,rgba(205,220,232,.055) 13% 18%,transparent 22% 31%);filter:blur(12px);animation:srkFogDrift 18s linear infinite alternate}
.srk-weather-drop,.srk-weather-flake{position:absolute;top:-12vh;left:var(--x);opacity:var(--o);animation-delay:var(--d);animation-duration:var(--t);will-change:transform}
.srk-weather-drop{width:1.35px;height:38px;background:linear-gradient(transparent,rgba(185,231,255,.82));box-shadow:0 0 4px rgba(115,205,255,.28);animation-name:srkRainFall;animation-timing-function:linear;animation-iteration-count:infinite;transform:rotate(8deg)}
.srk-weather-flake{width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,255,255,.74);box-shadow:0 0 5px rgba(255,255,255,.25);animation-name:srkSnowFall;animation-timing-function:linear;animation-iteration-count:infinite}
.srk-weather-layer.is-night::after{background:linear-gradient(rgba(3,9,25,.13),rgba(4,9,19,.20)),radial-gradient(circle at 13% 11%,rgba(220,235,255,.28) 0 1px,transparent 2px),radial-gradient(circle at 69% 17%,rgba(220,235,255,.2) 0 1px,transparent 2px);background-size:auto,180px 150px,250px 210px}
.srk-weather-layer[data-intensity="low"]{--srk-weather-alpha:.76}.srk-weather-layer[data-intensity="medium"]{--srk-weather-alpha:.88}.srk-weather-layer[data-intensity="high"]{--srk-weather-alpha:1}.srk-weather-layer{opacity:0}.srk-weather-layer.is-on{opacity:var(--srk-weather-alpha,.76)}
@keyframes srkRainFall{to{transform:translate3d(-7vw,125vh,0) rotate(8deg)}}
@keyframes srkSnowFall{to{transform:translate3d(8vw,120vh,0) rotate(240deg)}}
@keyframes srkSunPulse{to{transform:scale(1.08);opacity:.72}}
@keyframes srkCloudDrift{to{transform:translate3d(12%,2%,0)}}
@keyframes srkFogDrift{to{transform:translate3d(9%,1%,0)}}
@media(prefers-reduced-motion:reduce){.srk-weather-layer *,.srk-weather-layer::before,.srk-weather-layer::after{animation:none!important}.srk-weather-layer{transition:none!important;opacity:.28!important}}