: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:linear-gradient(145deg,#fff,#f0f4f8);border-radius:16px;padding:20px;margin:0 16px 16px;box-shadow:0 10px 30px #1a3a5c14,0 1px 3px #0000000a;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.historical:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1a3a5c,#3b82f6,#10b981)}.historical h3{margin:0 0 12px;font-size:1.1em;color:#1a3a5c;text-transform:uppercase;letter-spacing:.08em;font-weight:700;display:flex;align-items:center}.historical .legend{font-size:.8em;color:#64748b;margin-bottom:20px;line-height:1.5;background:#ffffff80;padding:8px 12px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.6)}.today-vs-typical{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.strip-row{display:flex;flex-direction:column;padding:12px 16px;background:#fffc;border:1px solid rgba(226,232,240,.8);border-radius:12px;font-size:.9em;box-shadow:0 2px 8px #00000005;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}.strip-row:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1a3a5c14;background:#fff}.strip-row .sensor-label{font-weight:700;color:#1e293b;margin-bottom:4px;font-size:1.05em;display:flex;align-items:center;gap:6px}.strip-row .now-val{font-weight:800;color:#1a3a5c;margin-bottom:2px;font-size:1.1em}.strip-row .typ-val{color:#64748b;margin-bottom:8px;font-size:.9em}.strip-row .badge{align-self:flex-start}.yoy-charts{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}@media (min-width: 500px){.yoy-charts{grid-template-columns:1fr 1fr}.strip-row{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.strip-row .sensor-label{flex:0 0 130px;margin-bottom:0}.strip-row .now-val{flex:0 0 90px;margin-bottom:0}.strip-row .typ-val{flex:1;margin-bottom:0}.strip-row .badge{align-self:center;margin-left:auto}}.chart-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;height:220px;display:flex;flex-direction:column;box-shadow:0 4px 12px #00000008;transition:box-shadow .3s ease}.chart-wrapper:hover{box-shadow:0 8px 24px #1a3a5c14}.chart-wrapper h4{margin:0 0 10px;font-size:.85em;color:#475569;text-align:center;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.chart-wrapper canvas{flex:1;min-height:0}.climate-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:16px;font-size:.9em;box-shadow:0 4px 12px #00000008;transition:all .3s ease}.climate-card:hover{box-shadow:0 8px 24px #1a3a5c0f}.climate-card summary{font-weight:700;color:#1a3a5c;cursor:pointer;outline:none;display:flex;align-items:center;transition:color .2s ease}.climate-card summary:hover{color:#3b82f6}.climate-card table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;border-radius:8px;overflow:hidden}.climate-card th,.climate-card td{padding:10px 8px;text-align:right;border-bottom:1px solid #f1f5f9}.climate-card tr:last-child td{border-bottom:none}.climate-card tr:hover td{background:#f1f5f980}.climate-card th:first-child,.climate-card td:first-child{text-align:left;font-weight:700;color:#1e293b}.climate-card th{color:#64748b;font-weight:600;font-size:.85em;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc}.climate-card .caption{font-size:.8em;color:#94a3b8;margin-top:16px;font-style:italic;text-align:center}.moment-card{background:#fffc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:14px 16px;margin-bottom:24px;box-shadow:0 2px 8px #00000005}.moment-card:empty{display:none}.moment-card h4{margin:0 0 6px;color:#1e293b;font-size:1em}.moment-summary{margin:0 0 12px;color:#64748b;font-size:.9em;line-height:1.4}.moment-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px 14px}.moment-row{display:flex;align-items:center;gap:7px;font-size:.92em;color:#1e293b}.moment-row .moment-year{color:#64748b;flex:0 0 40px}.moment-row .moment-val{font-weight:700;color:#1a3a5c}.moment-now .moment-year{color:#0d9488;font-weight:800}.moment-now .moment-val{font-weight:800}.records-card{background:#fffc;border:1px solid rgba(226,232,240,.8);border-radius:12px;padding:14px 16px;margin-bottom:24px;box-shadow:0 2px 8px #00000005}.records-card:empty{display:none}.records-card h4{margin:0 0 10px;color:#1e293b;font-size:1em}.records-list{display:flex;flex-direction:column;gap:10px}.record-row{display:flex;gap:10px;align-items:baseline}.record-icon{flex:0 0 22px;font-size:1.1em}.record-headline{font-weight:700;color:#1a3a5c;font-size:.95em;line-height:1.35}.record-sub{color:#64748b;font-size:.82em;line-height:1.4;margin-top:1px}.record-note{margin:12px 0 0;color:#94a3b8;font-size:.75em;line-height:1.4;font-style:italic}.moment-lines{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(226,232,240,.8)}.moment-line{font-size:.85em;color:#475569;line-height:1.45}.history-table-container{display:flex;flex-direction:column;gap:8px}.history-day{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.history-day summary{font-weight:600;color:#1a3a5c;cursor:pointer}.history-hourly{width:100%;border-collapse:collapse;margin-top:10px;font-size:.85em}.history-hourly th{text-align:left;color:#64748b;font-weight:600;padding:4px;border-bottom:1px solid #cbd5e1}.history-hourly td{padding:4px;border-bottom:1px solid #e2e8f0;color:#334155}.history-hourly tr:last-child td{border-bottom:none}