:root{--blue:#009fe3;--deep:#092a46;--ink:#18334a;--muted:#637788;--line:#dde8ee;--soft:#f5f9fb;--white:#fff;--green:#2aae67;--shadow:0 12px 35px rgba(16,65,92,.09)}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:16px/1.5 Arial,sans-serif}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}.site-header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center}.nav-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:164px;max-height:40px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:12px;line-height:1.12;color:var(--deep)}.brand strong,.brand small{display:block}.brand small{font-size:.72rem;margin-top:3px;color:var(--muted)}nav{display:flex;align-items:center;gap:22px;font-size:.9rem;font-weight:700;color:#355066}nav a:hover{color:var(--blue)}.weather-hero{background:linear-gradient(120deg,#0573ad,#00a7e7 62%,#5bc8ed);color:#fff;padding:44px 0 74px}.crumb{font-size:.86rem;opacity:.9;margin-bottom:12px}.weather-hero h1{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 10px;line-height:1.1}.weather-hero p{margin:0;max-width:680px;font-size:1.08rem}.weather-content{margin-top:-42px;padding-bottom:46px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:25px;margin-bottom:24px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}.section-heading h2{margin:0;color:var(--deep);font-size:1.35rem}.section-heading p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.section-heading .actions{display:flex;gap:8px}.slider-control{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--blue);font-size:1.25rem;cursor:pointer}.slider-control:hover{background:#eaf8fd}.day-cards,.hour-cards{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px}.day-cards::-webkit-scrollbar,.hour-cards::-webkit-scrollbar{display:none}.daily-card{flex:0 0 158px;min-height:238px;text-align:center;border:1px solid var(--line);border-radius:14px;padding:15px 12px;background:linear-gradient(180deg,#fff,#f8fcfe)}.daily-card:first-child{border:2px solid var(--blue);background:#eaf8fd}.daily-card time{display:block;font-size:.88rem;font-weight:700}.weather-emoji{font-size:2.45rem;line-height:1;margin:16px 0 11px}.temps{font-size:1.35rem;font-weight:800;color:#d84335}.temps span{font-size:1rem;color:#597084;font-weight:500}.daily-card p{font-size:.83rem;color:var(--muted);margin:8px 0}.rain-dot{display:inline-block;width:8px;height:8px;border-radius:99px;background:#2aae67;margin-right:4px}.rain-light{background:#55a9e7}.rain-mid{background:#1678c2}.rain-heavy{background:#07548d}.legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin-top:22px;font-size:.83rem;color:var(--muted)}.legend span{display:flex;align-items:center}.today-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.now-card{background:linear-gradient(140deg,#063d66,#008fc7);color:#fff;border-radius:16px;padding:22px}.now-card h2,.now-card p{margin:0}.now-card h2{font-size:1.15rem}.now-card p{opacity:.86;font-size:.88rem}.now-temperature{font-size:3.7rem;line-height:1;font-weight:800;margin:22px 0 7px}.now-metrics{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:.85rem}.forecast-mini{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}.forecast-mini time{font-weight:800}.forecast-mini .weather-emoji{font-size:2rem;margin:15px 0}.forecast-mini strong{display:block;font-size:1.5rem;color:var(--deep)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.status-card{border:1px solid var(--line);border-radius:17px;padding:22px;background:#fff}.status-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.status-top h2{font-size:1.2rem;margin:0;color:var(--deep)}.status-top p{font-size:.85rem;color:var(--muted);margin:3px 0}.round-icon{background:#e8f8fd;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:1.45rem}.badge{display:inline-block;border-radius:30px;padding:5px 11px;font-size:.8rem;font-weight:800;margin:18px 0 12px}.badge.uv-low,.badge.good{color:#13713f;background:#dff7e8}.badge.uv-mid,.badge.fair{color:#8b6500;background:#fff4c9}.badge.uv-high,.badge.moderate{color:#a74a04;background:#ffead8}.badge.poor,.badge.bad{color:#a7282c;background:#ffe0e1}.gauge{height:11px;border-radius:20px;background:linear-gradient(90deg,#2aae67 0 18%,#f0cd2f 18% 45%,#ef8d2f 45% 64%,#e64a43 64% 82%,#9639a3 82%);position:relative;margin:18px 0 5px}.gauge i{position:absolute;top:-5px;width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--deep);transform:translateX(-50%)}.gauge-labels{display:flex;justify-content:space-between;font-size:.73rem;color:var(--muted)}.advice{border-radius:12px;padding:13px 14px;background:#f7f3dc;color:#5e5230;font-size:.88rem;margin:18px 0 0}.data-pairs{margin-top:16px}.data-pairs div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:.88rem}.map-card{overflow:hidden;padding:0}.map-card .map-copy{padding:22px}.map{display:block;height:190px;width:100%;border:0;background:#d9edf5}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}.metric span{display:block;color:var(--muted);font-size:.8rem}.metric strong{font-size:1.35rem;color:var(--deep)}.hour-card{flex:0 0 103px;border:1px solid var(--line);border-radius:12px;text-align:center;padding:12px 8px}.hour-card time{font-size:.79rem;font-weight:700}.hour-card .weather-emoji{font-size:1.55rem;margin:10px 0}.hour-card strong{font-size:1rem}.notice{padding:14px;background:#eef8fb;border-left:4px solid var(--blue);border-radius:7px;color:#3f6376;font-size:.9rem}footer{padding:33px 0;background:#fff;border-top:1px solid var(--line);color:var(--muted);font-size:.87rem}footer a{color:var(--blue);font-weight:700}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-grid img{width:145px;max-height:32px;object-fit:contain}.footer-grid p{margin:4px 0}@media(max-width:900px){nav{display:none}.today-grid{grid-template-columns:repeat(3,1fr)}.now-card{grid-column:1/-1}.info-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.brand img{width:135px}.weather-hero{padding:32px 0 64px}.panel{padding:18px}.today-grid,.info-grid{grid-template-columns:1fr}.forecast-mini{display:flex;align-items:center;justify-content:space-between}.forecast-mini .weather-emoji{margin:0}.section-heading{align-items:start}.footer-grid{align-items:start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}}