:root{color-scheme:light;font-family:-apple-system,system-ui,sans-serif}body{margin:0;background:#f6f7f9;color:#1a2233}#hero{padding:20px;text-align:center;background:#1a3a5c;color:#fff}#hero .place{opacity:.8;font-size:.9em}#hero .temp{font-size:3em;font-weight:200;margin:8px 0}.concur{display:grid;grid-template-columns:1fr;gap:12px;padding:16px}@media (min-width: 700px){.concur{grid-template-columns:repeat(3,1fr)}}.tile{background:#fff;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000f}.tile h3{margin:0 0 10px;font-size:.9em;text-transform:uppercase;letter-spacing:.05em;color:#6b7580}.row{display:flex;align-items:baseline;gap:8px;padding:4px 0}.src{flex:0 0 70px;color:#6b7580;font-size:.9em}.val{flex:1;font-variant-numeric:tabular-nums}.delta{font-size:.85em;color:#1a3a5c;font-variant-numeric:tabular-nums}#sources{padding:20px;font-size:.8em;color:#6b7580;text-align:center}.aq{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px;box-shadow:0 1px 3px #0000000f}.aq h3{margin:0 0 8px;font-size:.9em;color:#6b7580;text-transform:uppercase;letter-spacing:.05em}.pollutants{display:flex;flex-wrap:wrap;gap:14px;font-variant-numeric:tabular-nums}.pollutants strong{font-size:1.4em;margin-left:4px}.limits{margin:8px 0 0;font-size:.75em;color:#6b7580}.strip{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px;overflow-x:auto}.strip .bars{display:flex;gap:2px;height:60px;align-items:flex-end}.strip .bar{position:relative;width:10px;height:100%;display:flex;flex-direction:column-reverse}.strip .temp{background:#1a3a5c;width:100%;border-radius:2px 2px 0 0}.strip .rain{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,#6ea8fe 0 2px,transparent 2px 4px)}#history{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px}#history h3{margin:0 0 8px;font-size:.9em;color:#6b7580;text-transform:uppercase;letter-spacing:.05em}.alerts-panel{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px}.alerts-panel h3{margin:0 0 8px;font-size:.9em;color:#6b7580;text-transform:uppercase;letter-spacing:.05em}.alerts-panel label{display:block;padding:4px 0}.alerts-panel button{margin-top:10px;padding:8px 14px;background:#1a3a5c;color:#fff;border:0;border-radius:6px}.daily-forecast{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px;box-shadow:0 1px 3px #0000000f}.daily-forecast h3{margin:0 0 12px;font-size:.9em;color:#6b7580;text-transform:uppercase;letter-spacing:.05em}.daily-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.daily-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.daily-card .day-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:.9em;color:#1e293b}.daily-card .weather-icon{font-size:1.4em}.daily-card .weather-label{font-size:.8em;color:#64748b}.daily-card .temp-range{font-size:1.1em;font-weight:700;color:#0f172a;margin:2px 0}.daily-card .details-row{display:flex;justify-content:space-between;font-size:.75em;color:#475569}.daily-card .sun-row{font-size:.7em;color:#94a3b8;margin-top:2px}.historical{background:#fff;border-radius:10px;padding:14px;margin:0 16px 12px;box-shadow:0 1px 3px #0000000f}.historical h3{margin:0 0 12px;font-size:.9em;color:#6b7580;text-transform:uppercase;letter-spacing:.05em}.historical .legend{font-size:.8em;color:#6b7580;margin-bottom:16px;line-height:1.4}.today-vs-typical{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.strip-row{display:flex;flex-direction:column;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:.85em}.strip-row .sensor-label{font-weight:600;color:#1e293b;margin-bottom:4px}.strip-row .now-val{font-weight:700;color:#1a3a5c;margin-bottom:2px}.strip-row .typ-val{color:#64748b;margin-bottom:4px}.strip-row .badge{align-self:flex-start}.yoy-charts{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}@media (min-width: 500px){.yoy-charts{grid-template-columns:1fr 1fr}.strip-row{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:8px}.strip-row .sensor-label{flex:0 0 120px}.strip-row .now-val{flex:0 0 80px}.strip-row .typ-val{flex:1;margin-bottom:0}.strip-row .badge{align-self:center}}.chart-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:8px;height:200px;display:flex;flex-direction:column}.chart-wrapper h4{margin:0 0 8px;font-size:.8em;color:#475569;text-align:center}.chart-wrapper canvas{flex:1;min-height:0}.climate-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:12px;font-size:.85em}.climate-card summary{font-weight:600;color:#1a3a5c;cursor:pointer}.climate-card table{width:100%;border-collapse:collapse;margin-top:12px}.climate-card th,.climate-card td{padding:6px;text-align:right;border-bottom:1px solid #e2e8f0}.climate-card th:first-child,.climate-card td:first-child{text-align:left;font-weight:600}.climate-card th{color:#64748b;font-weight:500;font-size:.9em}.climate-card .caption{font-size:.85em;color:#94a3b8;margin-top:12px;font-style:italic}