body{font-family:Poppins,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0}.aqi-good{background:#006400!important}.aqi-moderate{background:#e6a532!important}.aqi-unhealthy-sensitive{background:#d2691e!important}.aqi-unhealthy{background:#b22222!important}.aqi-very-unhealthy{background:indigo!important}.aqi-hazardous{background:#7e0023!important}.aqi-unknown{background:#999!important}.aqi-status-bar{align-items:stretch;display:flex;margin:0;width:100%}.aqi-status-label{align-items:center;background:#353c5c;color:#f8f9fa;display:flex;font-weight:700;line-height:1;padding:6px 1rem;position:relative}.aqi-status-label .info-icon{background:#f8f9fa;border-radius:50%;color:#353c5c;cursor:pointer;display:inline-block;font-size:0/95em;font-weight:700;height:1.25em;line-height:1.25em;margin-left:.5rem;text-align:center;width:1.25em}.communities-grid{display:flex;flex:1;flex-wrap:wrap}.community-card{align-items:center;cursor:pointer;display:flex;flex:1 1 0;flex-direction:column;justify-content:center;line-height:1;padding:4px 0;position:relative;transition:transform .2s ease,box-shadow .2s ease}.community-card.loading-card,.community-card.not-available{cursor:default}.community-card:not(.loading-card,.not-available):hover .community-aqi,.community-card:not(.loading-card,.not-available):hover .community-name{transform:translateY(2px)}.community-name{font-size:.7rem;line-height:1.1;margin-bottom:4px;text-align:center;transition:transform .3s ease}.community-aqi{font-size:1.75rem;font-weight:700;transition:transform .3s ease}.modal-backdrop{background:#00000080;cursor:pointer;height:100vh;left:0;margin:0;top:0;width:100vw;z-index:1999}.modal,.modal-backdrop{display:none;position:fixed}.modal{animation:fadeIn .3s ease-out;background:#f8f9fa;border-radius:12px;box-shadow:0 20px 40px #0000004d;cursor:default;left:50%;padding:0;top:50%;transform:translate(-50%,-50%);z-index:2000}.modal.aqi-details{max-width:335px}.modal.aqi-details,.modal.aqi-legend{height:-webkit-fit-content;height:fit-content;max-height:500px;overflow:hidden;width:90%}.modal.aqi-legend{max-width:40rem}.close{background:none;border:none;cursor:pointer;font-size:24px;opacity:.8;position:absolute;right:15px;top:10px;transition:opacity .2s;z-index:2001}.close:hover{opacity:1}.modal-body{padding:10px 20px}.modal-location{font-size:1.4rem;font-weight:700;margin-bottom:4px}.modal-datetime{font-size:.85rem;margin-bottom:2px}.modal-header-row{align-items:flex-start;display:flex;gap:15px;margin:20px 0 10px}.modal-meta{display:flex;flex:1;flex-direction:column;justify-content:flex-start}.modal-aqi-display{flex:1;text-align:center}.modal-conditions{column-gap:1rem;display:grid;font-size:.95rem;grid-template-columns:auto 1fr;margin-bottom:10px}.modal-conditions .label{font-weight:700}.modal-conditions .value{text-align:right}.modal-data{font-size:.75rem;font-style:italic;margin-bottom:2px}.modal-subtitle{font-size:.95rem;margin-bottom:2px}.modal-aqi-value{font-size:4rem;font-weight:700;line-height:3rem;margin:6px 0 2px}.modal-category{font-size:.95rem;font-weight:700}.modal-description{font-size:.85rem;margin-bottom:12px}.modal-historical-section{margin-bottom:6px}.modal-sensor-name{font-size:.75rem;font-style:italic;font-weight:700;margin-bottom:2px}.modal-sensor-details{font-size:.75rem}.historical-grid-container{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 10px;overflow:hidden}.historical-title{font-size:.85rem;font-weight:600;margin:6px 0 3px}.historical-grid-item{border:1px solid #0000001a;border-radius:4px;flex:1;font-size:.75rem;padding:8px 4px;text-align:center}.period-label{font-size:.7rem;font-weight:500;margin-bottom:3px}.historical-grid-item .aqi-value{font-size:.85rem;font-weight:700;line-height:1}.aqi-legend-text{font-size:.85rem;margin-bottom:12px}.aqi-legend-text.sm{font-size:.75rem;font-style:italic;margin-bottom:.85rem;margin-left:8%;margin-right:8%;text-align:center;width:84%}.aqi-legend-cards{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;margin-top:20px;-webkit-overflow-scrolling:touch;background:#f8f9fa}.aqi-card{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:12px;min-height:100px;overflow:hidden;padding:10px;transition:all .3s ease}.aqi-card,.aqi-card-inner{position:relative;text-align:center}.aqi-card-inner{height:100%;transform-style:preserve-3d;transition:transform .6s;width:100%}.aqi-card.flipped .aqi-card-inner{transform:rotateY(180deg)}.aqi-card-back,.aqi-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;color:#f8f9fa;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.aqi-card-back{transform:rotateY(180deg)}.aqi-label{align-items:center;display:flex;font-size:.9rem;font-weight:600;height:50px;justify-content:center;line-height:1.2;margin-bottom:4px}.aqi-label.sm{font-size:.7rem;line-height:1.1}.aqi-icon{display:flex;height:40px;margin-bottom:8px}.aqi-range{font-size:1.1rem;font-weight:700;height:30px}.aqi-description{color:#f8f9fa;font-size:.85rem;line-height:1.25;text-align:center}@media(max-width:1024px){.community-card{flex:1 1 15%}}@media(max-width:768px){.modal{max-height:90vh!important;width:90vw!important}.community-card{flex:1 1 25%;height:auto}.community-aqi{font-size:1.5rem}.historical-grid-item{font-size:.65rem;padding:6px 2px}.period-label{font-size:.6rem}.historical-grid-item .aqi-value{font-size:.75rem}.aqi-legend-header{font-size:1.25rem;margin-top:24px}.aqi-legend-text.sm{margin-left:0;margin-right:0;width:100%}.aqi-legend-cards{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.aqi-status-label span{bottom:-37%;position:absolute;right:-165%;transform:rotate(-90deg) translate(50%,50%);transform-origin:0 0;white-space:nowrap;width:90px}.aqi-description{font-size:.75rem}}