:root{color:#eaf4ff;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 12%,rgb(59 130 246 / 24%),transparent 34rem),linear-gradient(145deg,#07111f,#0c2135 55%,#12324a)}button,input,select{font:inherit}button{color:inherit}.shell{display:grid;min-height:100vh;place-items:center;padding:2rem}.hero{width:min(64rem,100%)}.page-controls{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem 1rem}.page-controls.has-provider{grid-template-columns:repeat(2,minmax(0,1fr))}.location-picker{position:relative;min-width:0}.selected-location,.forecast,.forecast-loading,.forecast-error{max-width:64rem}.location-picker>label,.provider-control-label,.card-label{display:block;margin-bottom:.65rem;color:#88b6d7;font-size:.75rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.location-picker>.control-label-with-shortcut,.provider-control>.control-label-with-shortcut{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.keyboard-shortcut{min-width:1.6rem;border:1px solid rgb(143 202 239 / 28%);border-radius:.4rem;padding:.15rem .4rem;color:#b9d8ee;background:#12324ab8;box-shadow:0 1px #ffffff14;font:inherit;letter-spacing:0;line-height:1;text-align:center;text-transform:none}@media(pointer:coarse){.keyboard-shortcut{display:none}}.search-row{position:relative}.search-row input{min-width:0;width:100%;height:3.25rem;border:1px solid rgb(143 202 239 / 28%);border-radius:1rem;outline:none;padding:.95rem 3.75rem .95rem 1.05rem;color:#f4faff;background:#061421b8}.search-row input:focus{border-color:#76c7ff;box-shadow:0 0 0 4px #76c7ff1f}.search-results button{border:1px solid rgb(143 202 239 / 24%);border-radius:1rem;cursor:pointer;background:#12324ae5}.search-results button>span{font-weight:650}.search-row>.device-location-button{position:absolute;top:50%;right:.35rem;display:grid;width:2.55rem;height:2.55rem;border:1px solid rgb(143 202 239 / 24%);border-radius:50%;padding:0;color:#d9f1ff;background:#12324aeb;cursor:pointer;place-items:center;transform:translateY(-50%)}.device-location-button svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.device-location-button .device-location-icon-dot{fill:currentColor;stroke:none}.device-location-button:focus-visible{border-color:#76c7ff;outline:3px solid rgb(118 199 255 / 38%);outline-offset:2px}.device-location-button:hover,.search-results button:hover,.search-results button[aria-selected=true]{border-color:#76c7ff;background:#194665}.search-results{position:absolute;z-index:2;top:calc(100% - 1rem);display:grid;width:100%;overflow:hidden;border:1px solid rgb(143 202 239 / 24%);border-radius:1rem;background:#0a1a2a;box-shadow:0 1.4rem 3rem #00000052}.search-results:empty{display:none}.search-results button{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;border-bottom:1px solid rgb(143 202 239 / 12%);border-radius:0;padding:.9rem 1rem;text-align:left}.search-results button:last-child{border-bottom:0}.search-results small{color:#88a9c2;white-space:nowrap}.search-message{min-height:1.5rem;padding:.6rem .25rem 0;color:#a8bfd3;font-size:.85rem}.quick-locations{margin-top:1rem}.quick-locations>p{margin:0 0 .65rem;color:#88a9c2;font-size:.78rem;font-weight:650}.quick-locations>div{display:flex;flex-wrap:wrap;gap:.55rem}.quick-locations button{border:1px solid rgb(143 202 239 / 22%);border-radius:999px;padding:.55rem .8rem;color:#c8e6f8;background:#0d2b41b8;cursor:pointer}.quick-locations button:hover,.quick-locations button:focus-visible{border-color:#76c7ff;outline:none;color:#f4faff;background:#194665}.selected-location{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:1.2rem;border:1px solid rgb(143 202 239 / 24%);border-radius:1.25rem;padding:1.15rem 1.25rem;background:#0b1f31a3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.forecast-loading,.forecast-error{display:flex;align-items:center;gap:1rem;margin-top:1.2rem;border:1px solid rgb(143 202 239 / 20%);border-radius:1.25rem;padding:1.2rem;color:#b8cce0;background:#0b1f31a3}.forecast-loading p,.forecast-error{margin-bottom:0}.forecast-loading p{margin-top:.25rem}.loading-orb{width:2.6rem;height:2.6rem;border:3px solid rgb(118 199 255 / 18%);border-top-color:#76c7ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.forecast{display:grid;gap:1rem;margin-top:1rem}.forecast-status{margin:0;border-radius:.85rem;padding:.7rem .9rem;color:#bce5ff;background:#23648d4d;font-size:.85rem}.forecast-status.is-stale{color:#ffe3a5;background:#8b5b1552}.current-weather,.forecast-panel{border:1px solid rgb(143 202 239 / 20%);border-radius:1.35rem;background:#081b2bb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.current-weather{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;background:radial-gradient(circle at 12% 30%,rgb(65 156 214 / 22%),transparent 16rem),#081b2bb8}.current-reading{display:flex;align-items:center;gap:.8rem}.current-reading strong{display:inline-flex;align-items:flex-start;font-size:clamp(3.6rem,10vw,6rem);font-weight:650;letter-spacing:-.07em;line-height:.9}.current-reading .current-temperature-unit{margin:.08em 0 0 .08em;font-size:.34em;letter-spacing:0;line-height:1}.current-icon{font-size:clamp(2.5rem,7vw,4.5rem)}.condition-label{margin:.65rem 0 0;color:#bfd6e8;font-size:1.05rem}.current-weather dl{display:grid;grid-template-columns:repeat(2,minmax(13rem,1fr));column-gap:2rem;width:min(34rem,100%);margin:0}.current-weather dl>div{display:flex;justify-content:space-between;gap:.75rem;min-width:0;border-bottom:1px solid rgb(143 202 239 / 12%);padding:.65rem 0}.current-weather dl>div:last-child{border-bottom:0}.current-weather dt{color:#88a9c2;white-space:nowrap}.current-weather dd{margin:0;font-weight:700;white-space:nowrap}.high-low,.current-pair,.sun-times{display:inline-flex;gap:.7rem}.current-pair span:last-child,.sun-times span:last-child{color:#9db9ce}.high-low span:last-child{color:#9db9ce}.wind-reading{display:inline-flex;align-items:center;gap:.45rem}.wind-direction{display:inline-grid;width:1.35rem;height:1.35rem;place-items:center;border:1px solid rgb(118 199 255 / 35%);border-radius:50%;color:#76c7ff;font-size:1rem;line-height:1}.forecast-panel{overflow:hidden}.air-quality-current{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.25rem;padding:.35rem 1.2rem 1rem}.aqi-badge{display:grid;width:7rem;min-height:6.25rem;place-content:center;border:1px solid rgb(143 202 239 / 20%);border-radius:1rem;text-align:center;background:#144f5b8c}.aqi-badge strong{font-size:2.5rem;line-height:1}.aqi-badge span{margin-top:.35rem;color:#c4d9e8;font-size:.7rem}.aqi-good,.aqi-fair{border-color:#65d3a466;background:#1a69507f}.aqi-moderate{border-color:#f3cd7273;background:#74581b7a}.aqi-poor,.aqi-very_poor,.aqi-extremely_poor,.aqi-unhealthy_for_sensitive_groups,.aqi-unhealthy,.aqi-very_unhealthy,.aqi-hazardous{border-color:#ff8b7a73;background:#74302d7f}.air-quality-category{margin:0 0 .7rem;font-size:1.1rem;font-weight:700}.pollutant-list{display:grid;grid-template-columns:repeat(3,minmax(6rem,1fr));gap:.55rem 1rem;margin:0}.pollutant-list>div{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid rgb(143 202 239 / 10%);padding-bottom:.3rem}.pollutant-list dt{color:#88a9c2}.pollutant-list dd{margin:0;font-weight:650;white-space:nowrap}.air-quality-hourly{display:flex;overflow-x:auto;border-top:1px solid rgb(143 202 239 / 10%);padding:.7rem .5rem .8rem;scrollbar-color:#28597a transparent}.air-quality-hourly article{display:grid;flex:0 0 6.5rem;place-items:center;gap:.3rem;border-right:1px solid rgb(143 202 239 / 10%);padding:.35rem}.air-quality-hourly time,.air-quality-hourly small{color:#9db9ce;font-size:.7rem}.air-quality-hourly strong{font-size:1.2rem}.pollen-current{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.65rem;margin:0;padding:.2rem 1.2rem 1rem}.pollen-current>div{border:1px solid rgb(143 202 239 / 14%);border-radius:.75rem;padding:.7rem;background:#1945426b}.pollen-current dt,.pollen-hourly time,.pollen-hourly small,.pollen-note{color:#9db9ce;font-size:.72rem}.pollen-current dd{margin:.25rem 0 0;font-weight:700}.pollen-hourly{display:flex;overflow-x:auto;border-top:1px solid rgb(143 202 239 / 10%);padding:.7rem .5rem;scrollbar-color:#28597a transparent}.pollen-hourly article{display:grid;flex:0 0 5.5rem;place-items:center;gap:.25rem;border-right:1px solid rgb(143 202 239 / 10%);padding:.3rem}.pollen-note{margin:0;padding:0 1.2rem 1rem}.forecast-panel a{color:#e9f7ff;text-decoration-color:#72c8ff;text-decoration-thickness:.1em;text-underline-offset:.16em}.forecast-panel a:hover{color:#fff;text-decoration-color:currentcolor}.forecast-panel a:focus-visible{border-radius:.15rem;outline:2px solid #72c8ff;outline-offset:3px}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:1.1rem 1.2rem .8rem}.panel-heading h3{margin:0;font-size:1rem}.panel-heading span{color:#789bb5;font-size:.75rem}.hourly-list{display:flex;overflow-x:auto;padding:0 .5rem .8rem;scrollbar-color:#28597a transparent}.hourly-list article{display:grid;flex:0 0 5rem;place-items:center;gap:.42rem;border-right:1px solid rgb(143 202 239 / 10%);padding:.7rem .4rem}.hourly-list time,.daily-list time{color:#9db9ce;font-size:.78rem}.weather-icon{font-size:1.35rem}.hourly-list small{color:#76c7ff}.hourly-list .hourly-uv{color:#9db9ce;font-size:.68rem}.metric-warning,.current-pair span.metric-warning,.hourly-list .hourly-uv.metric-warning,.daily-uv.metric-warning{color:#f3ad5b}.metric-hazard,.current-pair span.metric-hazard,.hourly-list .hourly-uv.metric-hazard,.daily-uv.metric-hazard{color:#ff746c}.daily-list{display:grid;padding:0 1.2rem 1rem}.daily-list article{display:grid;grid-template-areas:"day icon condition sun uv high low";grid-template-columns:4rem 2rem minmax(6rem,1fr) 8.5rem 4rem 3rem 3rem;align-items:center;gap:.7rem;border-top:1px solid rgb(143 202 239 / 10%);padding:.75rem 0}.daily-day{grid-area:day}.daily-icon{grid-area:icon}.daily-condition{grid-area:condition}.daily-sun{display:inline-flex;grid-area:sun;justify-content:flex-end;gap:.65rem;color:#a7bfd1;font-size:.75rem;white-space:nowrap}.daily-condition,.daily-uv,.daily-list small{color:#9db9ce}.daily-uv{grid-area:uv;color:#9db9ce;font-size:.75rem;text-align:right}.daily-high{grid-area:high}.daily-low{grid-area:low}.daily-list strong,.daily-list small{text-align:right}.forecast-meta{margin:0;padding:0 .25rem;color:#7894aa;font-size:.75rem}.selected-location h2,.selected-location p{margin:0}.selected-location h2{font-size:1.15rem}.selected-location p:not(.card-label){margin-top:.35rem;color:#9fb8cd;font-size:.88rem}.selected-location-time{display:grid;flex:0 0 auto;gap:.2rem;text-align:right}.selected-location-time span{color:#88b6d7;font-size:.68rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.selected-location-time time{font-size:1.4rem;font-weight:700}.provider-control{margin-top:.75rem}.page-controls .provider-control{min-width:0;margin-top:0}.provider-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:3.25rem;width:100%;border:1px solid rgb(143 202 239 / 28%);border-radius:1rem;padding:.35rem .4rem .35rem 1.05rem;color:#eaf4ff;background:radial-gradient(circle at 85% 20%,rgb(65 156 214 / 14%),transparent 12rem),#061421b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.provider-summary strong{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.provider-change-button{flex:0 0 auto;border:1px solid rgb(118 199 255 / 34%);border-radius:.75rem;padding:.62rem .82rem;color:#eaf7ff;background:linear-gradient(135deg,#1d628e,#174b70);box-shadow:inset 0 1px #ffffff14;cursor:pointer;font-size:.8rem;font-weight:750;transition:border-color .16s ease,background .16s ease,transform .16s ease}.provider-change-button:hover:not(:disabled){border-color:#76c7ff;background:linear-gradient(135deg,#2477aa,#1b5b85);transform:translateY(-1px)}.provider-change-button:disabled{opacity:.55;cursor:default}.provider-change-button:focus-visible,.provider-dialog button:focus-visible{outline:3px solid rgb(118 199 255 / 38%);outline-offset:2px}.provider-message{display:block;padding:.45rem .25rem 0;color:#efc47a;font-size:.75rem}.provider-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;color:#eaf4ff;background:#07111f}.provider-dialog::backdrop{background:#02080fc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.provider-dialog-surface{min-height:100%;background:radial-gradient(circle at 12% 10%,rgb(59 130 246 / 22%),transparent 34rem),radial-gradient(circle at 90% 90%,rgb(14 165 233 / 12%),transparent 30rem),linear-gradient(145deg,#07111f,#0c2135 60%,#102b41)}.provider-dialog-header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;border-bottom:1px solid rgb(143 202 239 / 14%);padding:1.4rem max(1.25rem,calc((100vw - 76rem)/2));background:#07111fe0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.provider-dialog-header h2,.provider-dialog-header p{margin:0}.provider-dialog-header h2{font-size:clamp(1.5rem,4vw,2.25rem);letter-spacing:-.035em}.provider-dialog-header p:last-child{margin-top:.4rem;color:#93adc2}.provider-dialog-header .card-label{margin-bottom:.35rem}.provider-dialog-close{display:grid;flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border:1px solid rgb(143 202 239 / 24%);border-radius:50%;place-items:center;color:#d9edfc;background:#12324acc;cursor:pointer;font-size:1.6rem;line-height:1}.provider-dialog-content{width:min(76rem,100%);margin:0 auto;padding:1.5rem 1.25rem 3rem}.provider-legend{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin-bottom:1.2rem;color:#9db6c9;font-size:.75rem}.provider-legend span{display:inline-flex;align-items:center;gap:.4rem}.provider-legend i{width:.55rem;height:.55rem;border-radius:50%;background:currentColor}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(23rem,100%),1fr));align-items:start;gap:1rem}.provider-card{display:grid;gap:1rem;border:1px solid rgb(143 202 239 / 18%);border-radius:1.35rem;padding:1.25rem;background:#081b2bc7;box-shadow:0 1.4rem 3rem #0000001f}.provider-card.is-selected{border-color:#76c7ff8c;box-shadow:0 0 0 3px #76c7ff14}.provider-card h3,.provider-card h4,.provider-card p{margin:0}.provider-name-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.provider-name-row h3{font-size:1.3rem}.provider-name-row span{border-radius:999px;padding:.28rem .55rem;color:#bde6ff;background:#2f81b54d;font-size:.68rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.provider-card>header p{margin-top:.35rem;color:#8eabc1;font-size:.78rem}.provider-feature-group{overflow:hidden;border:1px solid rgb(143 202 239 / 12%);border-radius:.9rem}.provider-feature-group h4{padding:.65rem .8rem;color:#8eacc1;background:#204a6733;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.provider-feature-group ul{margin:0;padding:0;list-style:none}.provider-feature-group li{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgb(143 202 239 / 9%);padding:.65rem .8rem}.provider-feature-group li:first-child{border-top:0}.provider-feature-group li>span{min-width:0}.provider-feature-group li strong{flex:0 0 auto;border-radius:999px;padding:.24rem .48rem;font-size:.65rem}.provider-feature-detail small{display:block;margin-top:.22rem;color:#7897ae;font-size:.68rem;line-height:1.35}.provider-feature-group em{color:#7897ae;font-size:.72rem}.is-available{color:#81deb5}.provider-feature-group strong.is-available{background:#24815b3d}.is-limited{color:#f3cd72}.provider-feature-group strong.is-limited{background:#8b641a3d}.is-not-connected{color:#e9ad72}.provider-feature-group strong.is-not-connected{background:#8c4c2340}.is-unavailable{color:#7892a6}.provider-feature-group strong.is-unavailable{background:#5b6f7f2e}.provider-choose-button{width:100%;border:1px solid rgb(118 199 255 / 40%);border-radius:.85rem;padding:.78rem 1rem;color:#e9f7ff;background:#17527a;cursor:pointer;font-weight:750}.provider-choose-button:hover:not(:disabled){background:#1d6698}.provider-choose-button:disabled{border-color:#81deb53d;color:#81deb5;background:#24815b29;cursor:default}.provider-dialog-note{margin:1.2rem 0 0;color:#829db2;font-size:.78rem;text-align:center}.forecast-meta a{color:inherit}@media(max-width:760px){.page-controls.has-provider{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.shell{padding:1.3rem}.selected-location{align-items:stretch;flex-direction:column}.selected-location-time{text-align:left}.provider-dialog-header{padding:1.1rem 1rem}.provider-dialog-header p:last-child{font-size:.8rem}.provider-dialog-content{padding:1rem .75rem 2rem}.provider-card{padding:.85rem}.current-weather{align-items:stretch;flex-direction:column}.current-weather dl{grid-template-columns:1fr;column-gap:0;width:100%;min-width:0}.daily-list article{grid-template-areas:"day icon condition high low" ". . sun sun uv";grid-template-columns:3.4rem 1.8rem minmax(0,1fr) 2.7rem 2.7rem;gap:.35rem}.air-quality-current{grid-template-columns:1fr}.aqi-badge{width:100%}.pollutant-list{grid-template-columns:1fr 1fr}.daily-sun{justify-content:flex-start;padding-top:.2rem}.daily-condition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results button{align-items:flex-start;flex-direction:column;gap:.2rem}}