*{box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{overflow-x:hidden}:root{--tile-bg: #18b9ff;--head-bg: #0b2ccf;--white: #fff;--shadow: 0 6px 18px rgba(0, 0, 0, .14);--radius: 8px;--gap: 18px}.page{min-height:100vh;padding:18px;background:linear-gradient(180deg,#d7d9ff,#6c6eff);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.location{font-weight:900;font-size:clamp(20px,2.4vw,30px)}.clock{font-weight:800;opacity:.85;font-size:clamp(12px,1.4vw,16px)}.grid{display:grid;gap:var(--gap);align-items:start;grid-template-columns:minmax(340px,520px) 1fr}.nowCard{background:var(--tile-bg);color:var(--white);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.nowHeader{background:var(--head-bg);border-radius:calc(var(--radius) - 2px);padding:10px 12px;font-weight:900;text-align:center;margin-bottom:12px;font-size:clamp(14px,1.7vw,18px);box-shadow:var(--shadow)}.nowBody{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.nowIcon{width:120px;height:120px;object-fit:contain}.nowText{display:grid;justify-items:end;gap:6px}.nowTemp{font-size:clamp(34px,3.6vw,56px);font-weight:950;line-height:1}.nowDesc{font-size:clamp(16px,2vw,22px);font-weight:800;opacity:.95}.sunCard{margin-top:10px;background:var(--tile-bg);color:var(--white);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.sunRow{display:flex;justify-content:space-between;align-items:center;gap:18px;font-weight:900;font-size:clamp(13px,1.5vw,16px)}.sunVal{font-variant-numeric:tabular-nums}.forecastRow{display:grid;gap:6px;align-items:start;grid-template-columns:72px repeat(4,minmax(160px,1fr))}.forecastCol{min-width:0}.forecastHead{background:var(--head-bg);color:var(--white);border-radius:calc(var(--radius) - 2px);padding:10px 12px;font-weight:900;text-align:center;margin-bottom:6px;font-size:clamp(14px,1.7vw,18px);box-shadow:var(--shadow);height:clamp(44px,5.2vh,56px);display:flex;align-items:center;justify-content:center}.tile{background:var(--tile-bg);color:var(--white);border-radius:calc(var(--radius) - 2px);padding:10px 12px;font-weight:900;text-align:center;margin-bottom:6px;box-shadow:var(--shadow);font-size:clamp(13px,1.6vw,16px);height:clamp(44px,5.2vh,56px);display:flex;align-items:center;justify-content:center}.iconOnly{display:flex;align-items:center;justify-content:center}.msg{padding:12px;font-weight:900}.msg.error{color:#dc143c}@media(max-width:1200px){.forecastRow{grid-template-columns:72px repeat(2,minmax(180px,1fr))}}@media(max-width:760px){.grid,.forecastRow{grid-template-columns:1fr}}