.live-city{--live-bg:#101310;--live-panel:#171b18;--live-line:#343a35;--live-muted:#aeb8b0;--live-accent:#ff6a52;background:var(--live-bg);color:#f6f7f3;min-height:0;border:1px solid #252b27}.weather-live{min-height:178px;padding:24px 26px;display:grid;grid-template-columns:76px minmax(180px,1fr) auto;grid-template-rows:auto auto;gap:8px 18px;align-items:center;border-bottom:1px solid var(--live-line);background:radial-gradient(circle at 82% 12%,rgba(239,75,50,.14),transparent 28%),var(--live-bg)}.weather-mark{grid-row:1/3;width:76px;height:76px;display:grid;place-items:center;color:var(--live-accent);border:1px solid #424943}.weather-mark svg{width:52px;height:52px}.weather-summary{align-self:end}.weather-summary small{font:9px "IBM Plex Mono";letter-spacing:.06em;color:var(--live-accent)}.weather-summary h3{font:26px/1.05 Archivo Black;margin:8px 0 5px;letter-spacing:-.035em}.weather-summary span{font-size:11px;color:var(--live-muted)}.weather-live>strong{font:clamp(64px,7vw,102px)/.82 Archivo Black;letter-spacing:-.07em;grid-row:1/3;grid-column:3;align-self:center}.weather-live dl{grid-column:2;display:flex;gap:24px;margin:6px 0 0;align-self:start}.weather-live dl div{display:flex;gap:7px;align-items:baseline}.weather-live dt{font:8px "IBM Plex Mono";color:#7f8b83}.weather-live dd{margin:0;font:700 11px Manrope}.live-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--live-panel)}.live-facts>a{position:relative;min-height:156px;padding:20px 22px;border-right:1px solid var(--live-line);display:flex;flex-direction:column}.live-facts>a:last-child{border-right:0}.live-facts small{font:8px "IBM Plex Mono";letter-spacing:.05em;color:#89958d}.live-facts b{font:24px/1.05 Archivo Black;margin:22px 0 8px}.live-facts span{font-size:10px;line-height:1.45;color:var(--live-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-facts i{margin-top:auto;padding-top:14px;font:normal 9px "IBM Plex Mono";color:#e1e5e0}.live-facts>a::after{content:"";position:absolute;left:22px;right:22px;bottom:0;height:2px;background:transparent}.live-updated{margin:0;padding:10px 20px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:#202821;font:8px "IBM Plex Mono";color:#8f9d93}.live-updated span{color:var(--live-accent)}.live-updated b{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-updated time{white-space:nowrap}@media(hover:hover){.live-facts>a{transition:background .18s ease}.live-facts>a:hover{background:#202520}.live-facts>a:hover::after{background:var(--live-accent)}}@media(max-width:900px){.live-facts{grid-template-columns:1fr 1fr}.live-facts>a:nth-child(2){border-right:0}.weather-live>strong{font-size:72px}}@media(max-width:620px){.weather-live{min-height:0;padding:18px;grid-template-columns:58px 1fr auto;gap:8px 12px}.weather-mark{width:58px;height:58px}.weather-mark svg{width:40px;height:40px}.weather-summary h3{font-size:19px}.weather-live>strong{font-size:54px}.weather-live dl{grid-column:1/-1;justify-content:space-between;gap:8px;margin-top:12px}.weather-live dl div{display:block}.weather-live dt,.weather-live dd{display:block}.weather-live dd{margin-top:5px}.live-facts{display:grid;grid-template-columns:1fr 1fr;overflow:visible}.live-facts>a{min-height:142px;padding:17px;border-right:1px solid var(--live-line)}.live-facts>a:nth-child(2n){border-right:0}.live-facts b{font-size:19px;margin-top:18px}.live-facts span{white-space:normal}.live-facts i{font-size:8px}.live-updated{grid-template-columns:1fr auto}.live-updated b{display:none}.live-updated time{font-size:7px}}@media(prefers-reduced-motion:reduce){.live-facts>a{transition:none}}