@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#f7f8fa;--ink:#202b38;--muted:#85909c;--line:#e8ecf0;--accent:#e9f3ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #72a6d3;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.shell{max-width:1280px;padding:0 48px;margin:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{height:104px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-1.8px;display:flex;align-items:center;gap:9px}.brand-icon{font-size:39px;color:#edb54d;font-weight:400;line-height:1}.brand-dot{color:#d9a43d;margin-left:-8px}.tagline{font-size:12px;color:var(--muted);margin-left:15px}.units{margin-left:auto;background:#ebedf1;border-radius:10px;padding:4px;display:flex;gap:2px}.units button{border:0;background:transparent;padding:8px 12px;border-radius:7px;font-weight:600;color:#9099a4}.units button.active{background:#fff;color:var(--ink);box-shadow:0 2px 5px #202b3810}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:43px 0 37px}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:700;display:flex;align-items:center;gap:8px;color:#7e8996}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7ea794;flex-shrink:0}h1{font-family:Manrope,sans-serif;font-size:36px;line-height:1.3;letter-spacing:-1.5px;margin:12px 0 8px;font-weight:750}.intro p{color:var(--muted);margin:0;font-size:14px}.location-tools{width:310px;position:relative;flex-shrink:0}#search-form{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:0 13px;height:47px;gap:10px}#search-form svg{width:18px;color:#98a2ad;flex-shrink:0}#search{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:12px;color:var(--ink)}#search-form:focus-within{border-color:#91b3d2}#search-form button{border:0;border-radius:4px;background:#f4f6f8;font-size:16px;color:#8c98a5;padding:0 5px}.location-btn{display:flex;align-items:center;gap:5px;margin:11px 0 0 auto;background:none;border:none;font-size:11px;font-weight:600;color:#6b859b}.location-btn .icon{width:14px;height:14px;stroke-width:1.6}#search-results{position:absolute;top:53px;left:0;right:0;z-index:10;background:white;box-shadow:0 12px 32px #20324520;border:1px solid var(--line);border-radius:12px;overflow:hidden}#search-results button{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);padding:13px 16px;font-size:13px}#search-results button:hover{background:#f1f6fb}#search-results small{display:block;color:var(--muted);margin-top:4px}#search-results p{padding:4px 16px;color:var(--muted);font-size:12px}#notice{background:#fff5db;border:1px solid #f1dfac;color:#806729;padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:13px}.place-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:14px}.place{display:flex;align-items:center;gap:9px;min-width:0}.place .icon{width:17px;height:17px;stroke-width:1.6}.place h2{font-size:15px;font-weight:650;margin:0}.place>span{font-size:11px;color:var(--muted);border-left:1px solid #d8dde2;padding-left:10px}.updated{display:flex;align-items:center;gap:6px;color:#929ca6;font-size:10px;flex-shrink:0}.updated button{border:0;background:transparent;font-size:20px;color:#929ca6;padding:2px 4px}.overview{display:grid;grid-template-columns:1.85fr 1fr;gap:21px}.current-card{position:relative;background:#e6f1fc;border-radius:19px;padding:26px 30px 21px;overflow:hidden;min-height:306px;background-image:radial-gradient(ellipse at 80% 35%,#f8fcff90,transparent 65%)}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#728ba2;position:relative;z-index:1}.pill{font-size:9px;letter-spacing:1.4px;font-weight:700;background:#ffffff8c;border:1px solid #ffffffb0;padding:7px 9px;border-radius:6px}.current-body{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;min-height:189px}.temperature{font-family:Manrope,sans-serif;font-size:82px;line-height:1.2;letter-spacing:-6px;font-weight:500;margin-top:10px}.temperature>span{font-size:55px;vertical-align:top;line-height:1.5;letter-spacing:0;font-weight:400}.current-body h2{font-weight:600;font-size:17px;margin:4px 0 6px}.current-body p{font-size:12px;color:#788fa5;margin:0 0 12px}.weather-art{position:relative;width:220px;height:180px;display:flex;align-items:center;justify-content:center;margin:0 -8px 0 0}.sun-orbit{width:190px;height:190px;border:1px solid #ffffff90;border-radius:50%;position:absolute;box-shadow:0 0 0 26px #ffffff24,0 0 0 52px #ffffff15}.weather-art .weather-icon{width:143px;height:143px;stroke-width:1.3;position:relative;filter:drop-shadow(0 10px 13px #668db51a)}.weather-icon{width:34px;height:34px;color:#b0c4d5}.weather-icon.sunny{color:#f5bb47}.weather-icon.night{color:#8a9cce}.weather-icon.snowy{color:#94b8d4}.current-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #cddfee;padding-top:17px;font-size:11px;position:relative;z-index:1;color:#5e788f}.divider{padding:0 10px;color:#a1b7c9}.current-bottom>span:last-child{font-size:10px;color:#7b93a7}.current-card.night-card{background-color:#263950;background-image:radial-gradient(ellipse at 80% 35%,#52678b80,transparent 70%);color:#f2f5ff}.night-card .pill{background:#ffffff15;border-color:#ffffff15;color:#c8d7ee}.night-card .current-bottom{border-color:#ffffff20;color:#b4c7e1}.night-card .sun-orbit{border-color:#ffffff15;box-shadow:0 0 0 26px #ffffff04,0 0 0 52px #ffffff03}.day-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px 26px 20px;display:flex;flex-direction:column}.section-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#9a9586;display:flex;align-items:center;gap:8px}.little-sun{font-size:23px;line-height:1;color:#d3aa54}.day-card h2{font-family:Manrope,sans-serif;font-weight:650;line-height:1.4;letter-spacing:-.6px;font-size:23px;margin:16px 0 8px;max-width:250px}.day-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 20px;max-width:280px}.rain-chance{margin-top:auto}.rain-chance>div:first-child{display:flex;justify-content:space-between;font-size:11px;color:#8b95a0}.rain-chance strong{font-weight:600;color:#566778}.progress{height:5px;background:#eff3f6;border-radius:4px;margin:9px 0 17px;overflow:hidden}.progress span{height:100%;width:0;background:#a1bdd4;display:block;border-radius:4px;transition:width .6s}.day-footer{display:flex;gap:6px;align-items:center;font-size:9px;color:#9aa3ac;border-top:1px solid #f0f2f4;padding-top:14px}.day-footer .live-dot{width:4px;height:4px;background:#ceaf6d}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 15px;min-height:26px}.section-heading h2{font-size:15px;font-weight:650;margin:0;letter-spacing:-.2px}.section-heading h2 span{font-size:10px;color:#9aa3ad;margin-left:12px;font-weight:400;letter-spacing:0}.scroll-buttons{display:flex;gap:6px}.scroll-buttons button{background:#fff;border:1px solid var(--line);width:28px;height:27px;border-radius:7px;color:#7a8997}.scroll-buttons button:hover{background:#eaf1f8}.hourly{display:flex;gap:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#d7e0e8 transparent;padding-bottom:8px;scroll-snap-type:x proximity}.hour-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 12px 13px;min-width:calc((100% - 90px)/10);flex-shrink:0;text-align:center;scroll-snap-align:start}.hour-card:first-child{background:#e9f1fa;border-color:#dce8f4}.hour-time{font-size:10px;color:#8a96a2;white-space:nowrap}.hour-card:first-child .hour-time{color:#4f7494;font-weight:650}.hour-card .weather-icon{display:block;margin:16px auto 12px;width:32px;height:32px;stroke-width:2}.hour-temp{font-size:19px;font-weight:550;letter-spacing:-.6px}.hour-rain{font-size:9px;color:#96aec3;display:flex;align-items:center;justify-content:center;gap:3px;margin-top:8px}.hour-rain .icon{width:10px;height:10px}.lower-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:26px}.subtle{font-size:10px;color:#9aa3ad}.weekly-card{border-radius:15px;border:1px solid var(--line);background:#fff;padding:5px 22px}.week-row{display:grid;grid-template-columns:53px 31px 36px 1fr;gap:13px;align-items:center;min-height:49px;border-bottom:1px solid #f0f2f5;font-size:11px}.week-row:last-child{border:0}.week-day{font-weight:500}.week-row .weather-icon{width:25px;height:25px}.week-rain{color:#9baec0;font-size:9px;text-align:right}.week-range{display:flex;align-items:center;gap:10px}.week-low{color:#9ba4ae;text-align:right;min-width:24px}.week-high{min-width:25px;text-align:right}.range-track{height:4px;background:#f2f4f6;flex:1;border-radius:5px;position:relative;overflow:hidden}.range-fill{position:absolute;top:0;height:4px;background:linear-gradient(90deg,#b8d6e8,#f0cb7c);border-radius:5px}.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.highlight{background:#fff;border:1px solid var(--line);border-radius:13px;min-height:168px;padding:18px 16px;display:flex;flex-direction:column;align-items:flex-start}.highlight-title{font-size:10px;color:#939eaa;white-space:nowrap}.highlight>.icon{width:25px;height:25px;color:#9db1c2;margin:13px 0 11px;stroke-width:1.8}.highlight-value{font-size:22px;font-weight:500;letter-spacing:-.7px;white-space:nowrap}.highlight-value small{font-size:10px;font-weight:400;color:#97a0ac;letter-spacing:0;margin-left:3px}.highlight-note{font-size:9px;color:#a0a8b2;margin-top:6px;line-height:1.4}footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:27px 0 30px;margin-top:38px;color:#a0a8b1;font-size:10px}.footer-brand{font-size:19px;font-family:Manrope,sans-serif;font-weight:800;color:#85909d;letter-spacing:-1px}footer>div{margin-left:auto}footer>div a{color:#6f8192}.footer-separator{margin:0 10px}.placeholder{padding:25px;color:#98a3ae;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#dashboard[aria-busy="true"]{opacity:.65;transition:opacity .2s}@media(min-width:1400px){.shell{max-width:1340px;padding:0 60px}.intro{margin-top:47px;margin-bottom:42px}.current-card{min-height:320px}.current-body{min-height:203px}}@media(max-width:1050px){.shell{padding:0 30px}.hour-card{min-width:calc((100% - 70px)/8)}.lower-grid{grid-template-columns:1fr 1fr;gap:20px}.highlights{grid-template-columns:repeat(2,1fr)}.highlight{min-height:136px;padding:14px}.highlight>.icon{margin:8px 0}.weekly-card{padding:8px 16px}.week-row{min-height:62px;gap:9px}.current-card{padding:24px}.weather-art{width:160px}.weather-art .weather-icon{width:120px;height:120px}.sun-orbit{width:150px;height:150px}.current-bottom>span:last-child{display:none}.day-card{padding:24px 21px}.day-card h2{font-size:21px}.overview{grid-template-columns:1.6fr 1fr}}@media(max-width:760px){.shell{padding:0 22px}.topbar{height:80px}.tagline{display:none}.brand{font-size:29px}.brand-icon{font-size:34px}.intro{margin:30px 0;align-items:flex-start;flex-direction:column;gap:23px}h1{font-size:30px}.location-tools{width:100%;display:flex;gap:12px;align-items:center}#search-form{flex:1;min-width:0}.location-btn{margin:0;font-size:10px;white-space:nowrap}#search-results{right:125px}.place-bar{align-items:flex-start}.place{flex-wrap:wrap;gap:6px}.place>span{width:100%;border:0;padding-left:23px;font-size:10px}.place h2{font-size:14px}.updated{font-size:9px;padding-top:1px}.overview{grid-template-columns:1fr;gap:16px}.current-card{min-height:295px}.current-body{min-height:186px}.weather-art{width:200px}.weather-art .weather-icon{width:140px;height:140px}.sun-orbit{width:180px;height:180px}.day-card{display:none}.hour-card{min-width:calc((100% - 40px)/5)}.lower-grid{grid-template-columns:1fr;gap:0}.highlights{grid-template-columns:repeat(3,1fr)}.highlight{min-height:154px}.highlight>.icon{margin:12px 0}.week-row{min-height:51px;grid-template-columns:55px 40px 40px 1fr}.weekly-card{padding:4px 20px}.section-heading h2 span{font-size:9px;margin-left:8px}footer{flex-wrap:wrap;gap:12px;margin-top:30px;padding:22px 0}footer>div{width:100%;margin-left:0}.current-bottom>span:last-child{display:inline}}@media(max-width:400px){.shell{padding:0 16px}h1{font-size:28px}.temperature{font-size:72px}.weather-art{width:130px}.weather-art .weather-icon{width:112px;height:112px}.sun-orbit{width:130px;height:130px}.current-card{padding:20px}.hour-card{min-width:calc((100% - 30px)/4)}.highlight{padding:12px 10px}.highlight-value{font-size:20px}.highlight-title{font-size:9px}.current-bottom>span:last-child{display:none}.card-top{font-size:10px}.updated #updated{max-width:100px;text-align:right}.location-btn{font-size:9px;gap:2px}}