.aqm-wrapper{display:grid;gap:1.25rem;grid-template-columns:1fr 260px;margin-top:1.5rem}.aqm-city-bar{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.aqm-city-pills{display:flex;flex:1;flex-wrap:wrap;gap:.35rem}.aqm-pill{background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;font-size:.72rem;font-weight:600;padding:.3rem .7rem;transition:all .2s}.aqm-pill:hover{border-color:var(--primary);color:var(--text)}.aqm-pill.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.aqm-controls{display:flex;flex-shrink:0;gap:.3rem}.aqm-ctrl-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;display:flex;font-size:.8rem;height:30px;justify-content:center;transition:border-color .2s;width:30px}.aqm-ctrl-btn:hover{border-color:var(--primary);color:var(--text)}.aqm-search{display:flex;gap:.4rem;margin-bottom:1rem}.aqm-search-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);flex:1;font-size:.82rem;outline:none;padding:.5rem .75rem;transition:border-color .2s}.aqm-search-input::placeholder{color:var(--text-muted)}.aqm-search-input:focus{border-color:var(--primary)}.aqm-search-btn{background:var(--primary-dim);border:1px solid var(--primary);border-radius:var(--radius);color:var(--primary);cursor:pointer;font-weight:700;padding:.5rem .9rem;transition:background .2s}.aqm-search-btn:hover{background:rgba(14,165,233,.25)}.aqm-hero{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.aqm-hero-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.aqm-city-name{color:var(--text);font-size:1.15rem;font-weight:600}.aqm-coords{color:var(--text-muted);font-size:.72rem}.aqm-aqi-badge{border:1px solid var(--border);border-radius:var(--radius-full);font-size:.78rem;font-weight:700;padding:.35rem .85rem;transition:all .3s;white-space:nowrap}.aqm-weather{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;min-height:48px}.aqm-wx-icon{flex-shrink:0}.aqm-wx-temp{color:var(--text);font-size:1.4rem;font-weight:700}.aqm-wx-desc{color:var(--text-2);font-size:.82rem;text-transform:capitalize}.aqm-wx-detail{color:var(--text-muted);font-size:.75rem}.aqm-pollutants{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.aqm-pollutant-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:.15rem;padding:.6rem;transition:border-color .2s}.aqm-pollutant-card:hover{border-color:var(--primary)}.aqm-poll-icon{font-size:1rem}.aqm-poll-label{color:var(--text-muted);font-size:.68rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.aqm-poll-value{color:var(--text);font-size:1.05rem;font-weight:700}.aqm-poll-unit{color:var(--text-muted);font-size:.62rem}.aqm-footer{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:.4rem}.aqm-live-dot{animation:aqmPulse 2s ease-in-out infinite;background:var(--green);border-radius:50%;height:6px;width:6px}@keyframes aqmPulse{0%,to{opacity:1}50%{opacity:.4}}.aqm-skeleton-line{border-radius:4px;height:14px;width:60%}.aqm-skeleton-card,.aqm-skeleton-line{animation:aqmShimmer 1.5s infinite;background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 50%,var(--surface) 75%);background-size:200% 100%}.aqm-skeleton-card{min-height:72px}@keyframes aqmShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.aqm-sidebar-title{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.aqm-recent-list{display:flex;flex-direction:column;gap:.4rem}.aqm-recent-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:.8rem;gap:.5rem;padding:.55rem .7rem;text-align:left;transition:border-color .2s,transform .15s;width:100%}.aqm-recent-card:hover{border-color:var(--primary);transform:translateX(3px)}.aqm-recent-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.aqm-recent-name{flex:1;font-weight:500}.aqm-recent-aqi{font-size:.7rem;font-weight:600}.aqm-recent-temp{color:var(--text-muted);font-size:.72rem}@media (max-width:768px){.aqm-wrapper{grid-template-columns:1fr}.aqm-pollutants{grid-template-columns:repeat(2,1fr)}.aqm-sidebar{order:-1}.aqm-recent-list{flex-direction:row;gap:.5rem;overflow-x:auto}.aqm-recent-card{flex-shrink:0;min-width:160px}}