.weather-scene{position:relative;isolation:isolate;overflow:hidden}.weather-scene__atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}.weather-scene__content{position:relative;z-index:1}.weather-scene__clouds,.weather-scene__fog,.weather-scene__heat,.weather-scene__lightning,.weather-scene__moon,.weather-scene__rain,.weather-scene__stars,.weather-scene__sun,.weather-scene__wash,.weather-scene__wind{position:absolute;inset:0}.weather-scene__wash{background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 5%,transparent),transparent 62%)}.weather-scene[data-weather-visual=clear-day] .weather-scene__wash,.weather-scene[data-weather-visual=hot-day] .weather-scene__wash{background:linear-gradient(160deg,color-mix(in srgb,#e8b45a 16%,transparent),transparent 58%)}.weather-scene[data-weather-visual=clear-night] .weather-scene__wash,.weather-scene[data-weather-visual=partly-cloudy-night] .weather-scene__wash{background:linear-gradient(180deg,color-mix(in srgb,#24306e 20%,transparent),transparent 72%)}.weather-scene[data-weather-visual=heavy-rain] .weather-scene__wash,.weather-scene[data-weather-visual=overcast] .weather-scene__wash,.weather-scene[data-weather-visual=rain] .weather-scene__wash,.weather-scene[data-weather-visual=thunderstorm] .weather-scene__wash{background:linear-gradient(180deg,color-mix(in srgb,var(--foreground) 10%,transparent),transparent 70%)}.weather-scene__sun{inset:auto;top:-22%;right:8%;width:9.5rem;height:9.5rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,#f3c56b 62%,transparent) 0,color-mix(in srgb,#e8b45a 22%,transparent) 42%,transparent 70%);opacity:.8;animation:weather-sun-pulse 9s ease-in-out infinite}.weather-scene[data-weather-visual=hot-day] .weather-scene__sun{opacity:.95;width:11rem;height:11rem}.weather-scene__moon{inset:auto;top:10%;right:32%;width:2.75rem;height:2.75rem;border-radius:999px;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,var(--foreground) 30%,#f7f4ee) 0,color-mix(in srgb,var(--foreground) 10%,#d5def5) 48%,transparent 72%);opacity:.9}.weather-scene__stars{background-image:radial-gradient(circle,color-mix(in srgb,var(--foreground) 62%,transparent) 0 1.4px,transparent 2.2px),radial-gradient(circle,color-mix(in srgb,var(--foreground) 40%,transparent) 0 1.2px,transparent 2px),radial-gradient(circle,color-mix(in srgb,var(--foreground) 50%,transparent) 0 1.3px,transparent 2.1px);background-size:100% 100%;background-position:18% 22%,42% 38%,70% 18%;background-repeat:no-repeat;opacity:.7;animation:weather-stars 7s ease-in-out infinite}.weather-scene__clouds{background:radial-gradient(ellipse at 18% 70%,color-mix(in srgb,var(--foreground) 14%,transparent) 0,transparent 58%),radial-gradient(ellipse at 48% 42%,color-mix(in srgb,var(--foreground) 12%,transparent) 0,transparent 54%),radial-gradient(ellipse at 78% 68%,color-mix(in srgb,var(--foreground) 16%,transparent) 0,transparent 60%);opacity:.9;animation:weather-drift 42s linear infinite}.weather-scene__clouds--far{opacity:.55;animation-duration:64s;animation-direction:reverse}.weather-scene[data-weather-visual=heavy-rain] .weather-scene__clouds,.weather-scene[data-weather-visual=overcast] .weather-scene__clouds,.weather-scene[data-weather-visual=thunderstorm] .weather-scene__clouds{opacity:1;background:radial-gradient(ellipse at 16% 64%,color-mix(in srgb,var(--foreground) 20%,transparent) 0,transparent 62%),radial-gradient(ellipse at 46% 36%,color-mix(in srgb,var(--foreground) 18%,transparent) 0,transparent 58%),radial-gradient(ellipse at 74% 70%,color-mix(in srgb,var(--foreground) 22%,transparent) 0,transparent 64%)}.weather-scene__fog{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foreground) 10%,transparent) 20%,color-mix(in srgb,var(--foreground) 6%,transparent) 50%,transparent 80%);filter:blur(10px);opacity:.85;animation:weather-drift 36s linear infinite}.weather-scene__fog--low{top:35%;opacity:.55;animation-duration:48s;animation-direction:reverse}.weather-scene__wind{background-image:repeating-linear-gradient(100deg,transparent 0 18px,color-mix(in srgb,var(--foreground) 16%,transparent) 18px 19px);opacity:.45;animation:weather-wind 7s linear infinite}.weather-scene__rain{left:-20%;width:140%;height:220%;top:-110%;background-image:repeating-linear-gradient(104deg,transparent 0 12px,color-mix(in srgb,var(--foreground) 32%,transparent) 12px 13px);opacity:.45;animation:weather-rain 1.15s linear infinite}.weather-scene__rain--back{opacity:.28;background-image:repeating-linear-gradient(98deg,transparent 0 18px,color-mix(in srgb,var(--foreground) 24%,transparent) 18px 19px);animation-duration:1.55s}.weather-scene[data-weather-visual=heavy-rain] .weather-scene__rain,.weather-scene[data-weather-visual=thunderstorm] .weather-scene__rain{opacity:.62;animation-duration:.72s;background-image:repeating-linear-gradient(106deg,transparent 0 8px,color-mix(in srgb,var(--foreground) 40%,transparent) 8px 9px)}.weather-scene[data-weather-visual=heavy-rain] .weather-scene__rain--back,.weather-scene[data-weather-visual=thunderstorm] .weather-scene__rain--back{opacity:.4;animation-duration:.95s}.weather-scene__heat{background-image:repeating-linear-gradient(180deg,transparent 0 10px,color-mix(in srgb,#e8b45a 22%,transparent) 10px 11px);opacity:.35;animation:weather-heat 5.5s ease-in-out infinite}.weather-scene__lightning{background:color-mix(in srgb,#f4f7ff 80%,transparent);opacity:0;animation:weather-lightning 16s ease-in-out infinite}@keyframes weather-sun-pulse{0%,to{opacity:.62;transform:scale(1)}50%{opacity:.88;transform:scale(1.05)}}@keyframes weather-stars{0%,to{opacity:.45}50%{opacity:.85}}@keyframes weather-drift{0%{transform:translateZ(0)}to{transform:translate3d(-6%,0,0)}}@keyframes weather-wind{0%{transform:translateZ(0)}to{transform:translate3d(-24px,0,0)}}@keyframes weather-rain{0%{transform:translateZ(0)}to{transform:translate3d(-10px,46%,0)}}@keyframes weather-heat{0%,to{transform:translateZ(0);opacity:.22}50%{transform:translate3d(0,-8px,0);opacity:.4}}@keyframes weather-lightning{0%,86%,to{opacity:0}87%{opacity:.14}88.4%{opacity:0}90%{opacity:.07}91.2%{opacity:0}}@media (max-width:639px){.weather-scene__moon{top:1rem;right:1rem;width:2.25rem;height:2.25rem}.weather-scene[data-weather-visual=clear-night] .weather-scene__identity,.weather-scene[data-weather-visual=partly-cloudy-night] .weather-scene__identity{padding-right:3rem}}@media (prefers-reduced-motion:reduce){.weather-scene__atmosphere,.weather-scene__atmosphere *{animation:none!important}.weather-scene__rain,.weather-scene__rain--back{top:0;height:100%;transform:none}.weather-scene__lightning{opacity:0!important}.weather-scene__heat,.weather-scene__stars,.weather-scene__sun{transform:none}}