: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}