:root{--text:#5b5563;--text-h:#16141c;--bg:#faf9f7;--border:#e4e1db;--accent:#2f6fed;--accent-bg:#2f6fed1a;--accent-border:#2f6fed73;--sun:#d98e04;--hot:#e0533a;--cold:#2f7fd6;--hot-band:#e0533a26;--cold-band:#2f7fd626;--cc-clear:#f2c14e;--cc-mostly-clear:#f6d98a;--cc-partly:#c9d3da;--cc-mostly-cloudy:#97a8b5;--cc-overcast:#6b7d8c;--precip-rain:#2a9d8f;--precip-mixed:#9b6b9e;--precip-snow:#6eb5d0;--precip-rain-fill:#2a9d8f29;--precip-snow-fill:#6eb5d029;--wind:#4a90a6;--wind-fill:#4a90a629;--dl-daylight:#f3c84a;--dl-civil:#d49a52;--dl-nautical:#456fa3;--dl-astro:#2c3754;--dl-night:#1b2236;--hc-dry:#e6d5a8;--hc-comfortable:#b8cc8c;--hc-humid:#c9c45c;--hc-muggy:#e0a83a;--hc-oppressive:#d46b3c;--hc-miserable:#b83d38;--aqi-good:#4db847;--aqi-moderate:#e8d23a;--aqi-usg:#e89a3a;--aqi-unhealthy:#d63a3a;--aqi-very:#9148a0;--aqi-hazardous:#8b1a3a;--shadow:#16141c0f 0 10px 24px -8px, #16141c0a 0 2px 6px -2px;color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:17px/150% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#b5b2bc;--text-h:#f4f2ee;--bg:#121318;--border:#2a2c34;--accent:#7aa2ff;--accent-bg:#7aa2ff24;--accent-border:#7aa2ff73;--sun:#f0b45c;--hot:#f06a52;--cold:#6fa8ff;--hot-band:#f06a5233;--cold-band:#6fa8ff33;--cc-clear:#f0b94c;--cc-mostly-clear:#c9a45c;--cc-partly:#4a5563;--cc-mostly-cloudy:#3a4554;--cc-overcast:#2a3340;--precip-rain:#3dbeb0;--precip-mixed:#c48bc7;--precip-snow:#8ecce4;--precip-rain-fill:#3dbeb02e;--precip-snow-fill:#8ecce42e;--wind:#7cc0d4;--wind-fill:#7cc0d42e;--dl-daylight:#f6d65c;--dl-civil:#d9a85e;--dl-nautical:#3a6188;--dl-astro:#1c2436;--dl-night:#0b0f18;--hc-dry:#7a6d4e;--hc-comfortable:#6a7a4e;--hc-humid:#8a8440;--hc-muggy:#b08630;--hc-oppressive:#b05832;--hc-miserable:#9a3834;--aqi-good:#5bc85b;--aqi-moderate:#f0d84a;--aqi-usg:#ee9a3a;--aqi-unhealthy:#e04a4a;--aqi-very:#a85ab8;--aqi-hazardous:#b03040;--shadow:#00000059 0 12px 28px -10px, #0003 0 2px 8px -2px}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}h1{color:var(--text-h);letter-spacing:-.03em;font-weight:560}.shell{flex-direction:column;min-height:100svh;display:flex}.header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.brand{letter-spacing:.04em;text-transform:uppercase;color:var(--text-h);align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:inline-flex}.brand-icon{width:18px;height:18px;color:var(--accent)}.main{flex:1;place-items:start center;padding:32px 24px 48px;display:grid}.weather{flex-direction:column;gap:20px;width:min(680px,100%);display:flex}.card{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;padding:28px}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 8px;font-size:13px}.card h1{margin:0 0 6px;font-size:clamp(28px,5vw,40px)}.hourly,.climate{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;padding:20px 28px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hourly-legend{color:var(--text);flex-wrap:wrap;gap:12px 20px;margin:0 0 12px;padding:0;font-size:13px;list-style:none;display:flex}.hourly-legend li{align-items:center;gap:8px;display:flex}.swatch{border-radius:999px;width:16px;height:8px}.swatch.temp,.swatch.high{background:var(--text-h)}.swatch.low{border-top:2px dashed var(--text);background:0 0;border-radius:0;width:16px;height:0}.swatch.precip{background:var(--accent);opacity:.55}.swatch.climate-high{background:var(--hot);border-radius:999px;height:3px}.swatch.climate-low{background:var(--cold);border-radius:999px;height:3px}.swatch.climate-band{background:linear-gradient(to right, var(--hot-band) 0, var(--hot-band) 50%, var(--cold-band) 50%, var(--cold-band) 100%);border:1px solid var(--border);border-radius:999px;height:8px}.hourly-chart-wrap{width:100%}.hourly-svg{width:100%;height:auto;display:block}.hourly-grid{stroke:var(--border);stroke-width:1px}.hourly-axis{fill:var(--text);font-size:11px}.hourly-bar{fill:var(--accent);opacity:.35}.hourly-area{fill:var(--text-h);opacity:.06}.hourly-line{fill:none;stroke:var(--text-h);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.hourly-line.low{stroke:var(--text);stroke-dasharray:5 4}.hourly-dot{fill:var(--bg);stroke:var(--text-h);stroke-width:2px}.hourly-dot.low{stroke:var(--text)}.climate-band{stroke:none}.temp-freeze-line{stroke:var(--cold);stroke-width:1px;stroke-dasharray:2 4;opacity:.7}.temp-freeze-label{fill:var(--cold);opacity:.9;font-size:9px}.climate-band.hot{fill:var(--hot-band)}.climate-band.cold{fill:var(--cold-band)}.climate-line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.climate-line.hot{stroke:var(--hot)}.climate-line.cold{stroke:var(--cold)}.climate-dot{fill:var(--bg);stroke-width:2px}.climate-dot.hot{stroke:var(--hot)}.climate-dot.cold{stroke:var(--cold)}.cc-area{stroke:var(--bg);stroke-width:.5px;stroke-linejoin:round}.cc-area.clear{fill:var(--cc-clear)}.cc-area.mostly-clear{fill:var(--cc-mostly-clear)}.cc-area.partly{fill:var(--cc-partly)}.cc-area.mostly-cloudy{fill:var(--cc-mostly-cloudy)}.cc-area.overcast{fill:var(--cc-overcast)}.cc-swatch{border-radius:3px;height:10px}.cc-swatch.clear{background:var(--cc-clear)}.cc-swatch.mostly-clear{background:var(--cc-mostly-clear)}.cc-swatch.partly{background:var(--cc-partly)}.cc-swatch.mostly-cloudy{background:var(--cc-mostly-cloudy)}.cc-swatch.overcast{background:var(--cc-overcast)}.cc-hit{fill:#0000;pointer-events:all}.cc-note{margin-top:12px}.wd-bar{stroke:var(--bg);stroke-width:.5px}.wd-bar.rain{fill:var(--precip-rain)}.wd-bar.mixed{fill:var(--precip-mixed)}.wd-bar.snow{fill:var(--precip-snow)}.wd-bar.dry{fill:var(--border);opacity:.5}.swatch.wd-swatch{border-radius:3px;height:10px}.swatch.wd-swatch.rain{background:var(--precip-rain)}.swatch.wd-swatch.mixed{background:var(--precip-mixed)}.swatch.wd-swatch.snow{background:var(--precip-snow)}.swatch.wd-swatch.dry{background:var(--border)}.swatch.rain-bar-swatch{background:var(--precip-rain);border-radius:3px;height:10px}.swatch.rain-whisker-swatch{border-top:2px solid var(--precip-rain);background:0 0;border-radius:0;height:0}.rain-bar{fill:var(--precip-rain);opacity:.75}.rain-whisker{stroke:var(--precip-rain);stroke-width:1.5px;stroke-linecap:round}.swatch.snow-bar-swatch{background:var(--precip-snow);border-radius:3px;height:10px}.swatch.snow-whisker-swatch{border-top:2px solid var(--precip-snow);background:0 0;border-radius:0;height:0}.snow-bar{fill:var(--precip-snow);opacity:.75}.snow-whisker{stroke:var(--precip-snow);stroke-width:1.5px;stroke-linecap:round}.swatch.wind-bar-swatch{background:var(--wind);border-radius:3px;height:10px}.swatch.wind-whisker-swatch{border-top:2px solid var(--wind);background:0 0;border-radius:0;height:0}.swatch.wind-arrow-swatch{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:9px solid var(--wind);background:0 0;border-radius:0;width:0;height:0}.wind-bar{fill:var(--wind);opacity:.75}.wind-whisker{stroke:var(--wind);stroke-width:1.5px;stroke-linecap:round}.wind-arrow{fill:var(--text-h)}.swatch.ri-bar{border-radius:3px;height:10px}.swatch.ri-bar.light{background:var(--precip-rain);opacity:.4}.swatch.ri-bar.moderate{background:var(--precip-rain);opacity:.7}.swatch.ri-bar.heavy{background:var(--precip-rain)}.swatch.ri-days{background:var(--accent);border-radius:999px;height:3px}.ri-bar-rect{stroke:var(--bg);stroke-width:.5px}.ri-bar-rect.light{fill:var(--precip-rain);opacity:.4}.ri-bar-rect.moderate{fill:var(--precip-rain);opacity:.7}.ri-bar-rect.heavy{fill:var(--precip-rain)}.ri-days-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.ri-days-dot{fill:var(--bg);stroke:var(--accent);stroke-width:2px}.ri-axis-right{fill:var(--text)}.ri-axis-cap{fill:var(--text);font-size:8px}.dl-daylight-fill{fill:var(--dl-daylight);opacity:.28}.dl-curve-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.dl-curve-line.daylight{stroke:var(--sun);stroke-width:2px}.swatch.dl-curve{background:0 0;border-radius:0;width:18px;height:0}.swatch.dl-curve.daylight{border-top:2px solid var(--sun)}.hc-bar{stroke:var(--bg);stroke-width:.5px}.hc-bar.dry{fill:var(--hc-dry)}.hc-bar.comfortable{fill:var(--hc-comfortable)}.hc-bar.humid{fill:var(--hc-humid)}.hc-bar.muggy{fill:var(--hc-muggy)}.hc-swatch{border-radius:3px;height:10px}.hc-swatch.dry{background:var(--hc-dry)}.hc-swatch.comfortable{background:var(--hc-comfortable)}.hc-swatch.humid{background:var(--hc-humid)}.hc-swatch.muggy{background:var(--hc-muggy)}.heatmap-border{fill:none;stroke:var(--border);stroke-width:1px}.heatmap-legend-tick{font-size:10px}.data-panel{margin-top:12px}.data-summary{cursor:pointer;color:var(--text);align-items:baseline;gap:6px;width:fit-content;font-size:14px;list-style:none;display:inline-flex}.data-summary::-webkit-details-marker{display:none}.data-prefix{color:var(--text)}.data-link{appearance:none;font:inherit;color:var(--text);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:14px}.data-link:hover{-webkit-text-decoration-color:var(--text);text-decoration-color:var(--text);color:var(--text-h)}.hourly-details{margin-top:0}.hourly-details summary{cursor:pointer;color:var(--text);width:fit-content;font-size:14px;list-style:none}.hourly-details summary::-webkit-details-marker{display:none}.hourly-details summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hourly-table-wrap{margin-top:12px;overflow-x:auto}.hourly-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hourly-table-wrap table{border-collapse:collapse;width:100%;font-size:14px}.hourly-table-wrap th,.hourly-table-wrap td{text-align:left;border-top:1px solid var(--border);white-space:nowrap;padding:8px 10px}.hourly-table-wrap thead th{color:var(--text);letter-spacing:.05em;text-transform:uppercase;border-top:none;font-size:12px}.hourly-table-wrap tbody th{color:var(--text-h);font-weight:600}.forecast-title{color:var(--text-h);margin:0 0 12px;font-size:18px}.card.muted{text-align:left;width:min(560px,100%)}.panel-note{color:var(--text);margin:0;font-size:13px}.card.muted h1,.card.muted p{color:var(--text)}.card p{max-width:42ch;margin:0}.aqi-band{opacity:.14;stroke:none}.aqi-line{fill:none;stroke:var(--text-h);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.aqi-dot{fill:var(--bg);stroke:var(--text-h);stroke-width:2px}.swatch.aqi-avg{background:var(--text-h);border-radius:999px;height:3px}.aqi-swatch{border-radius:3px;height:10px}.aqi-band-label{font-size:10px}.aqi-current-info{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.aqi-badge{border-radius:999px;align-items:baseline;gap:6px;padding:4px 14px;display:inline-flex}.aqi-badge-value{font-size:20px;font-weight:600}.aqi-badge-label{opacity:.85;font-size:13px}.aqi-pollutants{color:var(--text);flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.aqi-advice{max-width:50ch;margin-top:10px}.aqi-day-bar{stroke:var(--bg);stroke-width:.5px}.header-back{color:var(--accent);font-size:13px;text-decoration:none}.back-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--accent);border-radius:999px;margin-bottom:20px;padding:6px 16px;font-size:14px}.back-btn:hover{background:var(--accent-bg)}.city-back-row{width:min(680px,100%)}.index{width:min(900px,100%)}.index-hero{text-align:center;padding:24px 0 20px}.index-title{justify-content:center;align-items:center;gap:12px;margin:0 0 8px;font-size:clamp(32px,6vw,52px);display:inline-flex}.index-brand-icon{width:.72em;height:.72em;color:var(--accent)}.index-subtitle{color:var(--text);margin:0 0 16px;font-size:15px}.index-motifs{color:var(--text);justify-content:center;gap:18px;margin:0 0 22px;padding:0;list-style:none;display:flex}.index-motifs svg{width:22px;height:22px}.index-search-wrap{width:min(520px,100%);margin:0 auto}.index-search-inner{position:relative}.index-search-icon{width:18px;height:18px;color:var(--text);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.index-search{appearance:none;width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-shadow:var(--shadow);border-radius:999px;padding:12px 44px 12px 42px;font-size:16px}.index-search:focus{outline:2px solid var(--accent);outline-offset:2px}.index-clear{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.index-clear svg{width:16px;height:16px}.index-clear:hover{background:var(--accent-bg);color:var(--accent)}.index-results-section{margin-top:24px}.index-results-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.index-count{color:var(--text);margin:0;font-size:14px}.index-results{border:1px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;max-height:min(520px,70vh);margin:0;padding:6px;list-style:none;overflow:auto}.index-result{appearance:none;cursor:pointer;width:100%;font:inherit;text-align:left;color:var(--text-h);background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.index-result.active,.index-result:hover{background:var(--accent-bg)}.index-result-name{font-size:15px}.index-result-region{color:var(--text);font-size:13px}.index-no-results{text-align:center}.index-no-results p{max-width:40ch;margin:0 auto}.index-browse{flex-direction:column;gap:40px;margin-top:32px;display:flex}.index-section-title{color:var(--text-h);margin:0 0 16px;font-size:18px}.city-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.city-card{appearance:none;cursor:pointer;text-align:left;width:100%;font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:12px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .12s,box-shadow .12s;display:flex}.city-card:hover,.city-card:focus-visible{border-color:var(--accent-border);box-shadow:var(--shadow);outline:none}.city-card-ribbon{border-radius:6px;width:100%;height:auto;margin-bottom:8px;display:block}.city-card-name{font-size:15px;font-weight:560}.city-card-region{color:var(--text);font-size:13px}.swatch.ribbon-ramp{border:1px solid var(--border);border-radius:3px;width:56px;height:10px}.swatch.ribbon-thickness{background:var(--text);opacity:.45;clip-path:polygon(0 35%,50% 0,100% 35%,100% 65%,50% 100%,0 65%);border-radius:999px/60%;height:12px}.ribbon-svg{border-radius:10px}.ribbon-svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ribbon-boundary{stroke:var(--border);stroke-width:1px;opacity:.6}.ribbon-thread{fill:none;stroke:var(--text);stroke-width:1px;stroke-dasharray:2 4;opacity:.5}.ribbon-slice{stroke:none}.ribbon-outline{fill:none;stroke:var(--text-h);stroke-width:1px;stroke-linejoin:round;opacity:.35}.ribbon-hit{fill:#0000;pointer-events:all;cursor:pointer}.ribbon-focus{fill:none;stroke:var(--accent);stroke-width:2px;pointer-events:none}.ribbon-readout{min-height:1.4em}.climate-extremes{border:1px solid var(--border);background:var(--bg);min-width:0;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.climate-extremes-title{color:var(--text-h);margin:0;font-size:16px}.climate-extremes-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.climate-extremes-chip{border:1px solid var(--border);border-radius:999px;flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding:6px 14px;font-size:14px;display:inline-flex}.climate-extremes-chip-hot{background:var(--hot-band)}.climate-extremes-chip-wet{background:var(--precip-rain-fill)}.climate-extremes-kind{letter-spacing:.04em;text-transform:uppercase;color:var(--text);font-size:12px}.climate-extremes-value{color:var(--text-h);font-weight:600}.climate-extremes-meta{color:var(--text);font-size:13px}@media (width<=640px){.header{padding:16px}.main{place-items:start stretch;padding:24px 16px 40px}.card,.hourly,.climate{padding:20px}.climate-extremes{padding:16px}.hourly-tick-minor,.climate-tick-minor{display:none}.index-hero{padding:12px 0 16px}.index-search{padding:10px 40px 10px 42px;font-size:15px}.city-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.city-card{padding:12px 14px}}