.live-weather-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:48px}.weather-city-card{min-height:170px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(145deg,rgba(20,27,39,.96),rgba(9,13,21,.96));box-shadow:0 18px 50px rgba(0,0,0,.18)}.weather-city-top{display:flex;align-items:center;justify-content:space-between;color:#eef5ff;font-size:16px}.weather-icon{font-size:30px;line-height:1;color:#49d6ec;text-shadow:0 0 20px rgba(73,214,236,.4)}.weather-city-temp{margin-top:20px;color:#fff;font-size:36px;font-weight:650;letter-spacing:-.05em}.weather-city-condition{min-height:22px;margin-top:2px;color:#9eacbf;font-size:13px}.weather-city-meta{display:flex;justify-content:space-between;gap:8px;margin-top:24px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);color:#7e8da4;font-size:11px}.weather-city-meta b{display:block;margin-top:4px;color:#dce8f8;font-size:13px;font-weight:600}.live-weather-loading,.live-weather-updated{color:#8c9ab0;font-size:13px}.live-weather-loading{grid-column:1/-1;padding:24px;border:1px dashed rgba(255,255,255,.14);border-radius:18px}.live-weather-updated{margin-top:18px;text-align:right}@media(max-width:900px){.live-weather-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.live-weather-grid{grid-template-columns:1fr}.weather-city-card{min-height:150px}}