/* Four static Moscow weather scenes. No animation loop, canvas or external assets. */
html[data-weather]{--wx-top:#bacada;--wx-bottom:#eef3f7;--wx-accent:#38516f;--wx-surface:#f2f5f8;--wx-scene:url('../weather/cloudy.svg')}
html[data-weather="sunny"]{--wx-top:#a8d6f4;--wx-bottom:#fff1cb;--wx-accent:#805913;--wx-surface:#fcf6e7;--wx-scene:url('../weather/sunny.svg')}
html[data-weather="rain"]{--wx-top:#819dbb;--wx-bottom:#e3edf8;--wx-accent:#294f78;--wx-surface:#f0f4fa;--wx-scene:url('../weather/rain.svg')}
html[data-weather="snow"]{--wx-top:#bdd8ee;--wx-bottom:#f6fbff;--wx-accent:#315e84;--wx-surface:#f4f9fd;--wx-scene:url('../weather/snow.svg')}
html[data-weather]:not([data-theme="dark"]){--bg:var(--wx-surface)}
html[data-weather]:not([data-theme="dark"]) .app-bg{background:var(--wx-bottom)}
html[data-weather] .app-bg .bg-sky{background:linear-gradient(180deg,var(--wx-top),var(--wx-bottom))}
.mw-weather-stage{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:var(--wx-scene);background-position:center top;background-size:cover;opacity:.72}
html[data-weather-night="1"] .app-bg .bg-sky{background:linear-gradient(180deg,#293d68,#7894bb 60%,#ccd9ed)}
html[data-weather="sunny"][data-weather-night="1"] .mw-weather-stage{background-image:radial-gradient(circle at 12% 22%,#fff9 0 1px,transparent 2px),radial-gradient(circle at 71% 38%,#fffb 0 1px,transparent 2px);background-size:127px 173px,211px 149px}
html[data-weather="sunny"][data-weather-night="1"] .mw-weather-stage::after{content:"";position:absolute;right:12%;top:11%;width:110px;height:110px;border-radius:50%;box-shadow:-21px 9px 0 1px #f7edd0;transform:rotate(-20deg);opacity:.9}
html[data-theme="dark"][data-weather] .mw-weather-stage{opacity:.26}
html[data-theme="dark"][data-weather] .app-bg .bg-earth{opacity:.3}
html[data-theme="dark"][data-weather="sunny"] .app-bg{background:#111a38}
html[data-theme="dark"][data-weather="rain"] .app-bg{background:#101f35}
html[data-theme="dark"][data-weather="snow"] .app-bg{background:#11253c}
.mw-weather-strip{position:relative;margin:6px auto 0;max-width:1520px;padding:0 20px;color:var(--wx-accent);font:500 12px/1.5 var(--ff-body,Manrope,sans-serif)}
.mw-weather-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:5px 15px;flex-wrap:wrap;padding:7px 13px;border:1px solid color-mix(in srgb,var(--wx-accent) 19%,transparent);border-radius:14px;background:color-mix(in srgb,var(--panel-solid,#fffdf7) 92%,transparent)}
.mw-weather-reading{display:inline-flex;align-items:center;gap:7px;min-width:0}
.mw-weather-icon{width:19px;height:19px;flex:none;background:var(--wx-accent);mask:center/contain no-repeat var(--wx-scene);-webkit-mask:center/contain no-repeat var(--wx-scene);display:none}
.mw-weather-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--wx-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--wx-accent) 9%,transparent)}
.mw-weather-place{font-weight:800}
.mw-weather-credit{display:inline-flex;gap:6px;align-items:center;font-size:11px;opacity:.86}
.mw-weather-credit a{color:inherit;text-decoration:underline;text-underline-offset:2px}
html[data-theme="dark"] .mw-weather-strip{--wx-accent:#d3e2f7}
html[data-theme="dark"] .mw-weather-strip-inner{background:#101d37e8;border-color:#9eb7dc40}
@media(max-width:640px){.mw-weather-strip{padding:0 12px;font-size:11px}.mw-weather-strip-inner{padding:6px 10px;gap:2px 10px;border-radius:11px}.mw-weather-credit{font-size:10px}.mw-weather-reading{gap:5px}}
@media(prefers-reduced-motion:reduce){html[data-weather] .bg-sky{transition:none}}
@media print{.mw-weather-strip,.mw-weather-stage{display:none!important}}