.status-very_low{--status-color:var(--aurora-status-very-low)}.status-low{--status-color:var(--aurora-status-low)}.status-medium{--status-color:var(--aurora-status-medium)}.status-high{--status-color:var(--aurora-status-high)}.status-unknown{--status-color:var(--aurora-status-unknown)}.level-very_low{--status-color:var(--aurora-status-very-low)}.level-low{--status-color:var(--aurora-status-low)}.level-medium{--status-color:var(--aurora-status-medium)}.level-high{--status-color:var(--aurora-status-high)}.level-unknown{--status-color:var(--aurora-status-unknown)}.status-border-left{border-left-color:var(--status-color)}.status-border{border-color:var(--status-color)}.status-border-important{border-color:var(--status-color)!important}.status-text{color:var(--status-color)}.status-text-important{color:var(--status-color)!important}.status-bg{background-color:var(--status-color)}.status-bg-tint{background:var(--status-color);opacity:.1}.live-forecast-bar{padding:var(--aurora-spacing-xxl) 0;-webkit-backdrop-filter:blur(20px);margin-bottom:var(--aurora-spacing-xxl);background:#0f172a99;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}.forecast-container{max-width:1200px;padding:0 var(--aurora-spacing-l);gap:var(--aurora-spacing-xl);flex-direction:column;margin:0 auto;display:flex}.loading-skeleton{color:#fff6;opacity:.6;font-style:italic;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}.forecast-header{gap:var(--aurora-spacing-xl);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.kp-display{align-items:center;gap:var(--aurora-spacing-l);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 20px #0003}.kp-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600}.kp-value{letter-spacing:-.02em;color:#6be7a0;text-shadow:0 0 20px #6be7a066;font-size:1.75rem;font-weight:800}.search-box{flex:1;min-width:300px;max-width:600px}.search-box .city-search{max-width:none}.top-cities{backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.top-cities-label{color:#fff;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.cities-list{flex-wrap:wrap;gap:.75rem;display:flex}.no-good-visibility{text-align:center;color:#ffffff80;width:100%;margin:0;padding:1rem;font-size:1rem;font-style:italic}.city-chip{background:var(--status-bg-tint,#ffffff0d);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:4px;min-width:140px;padding:.75rem 1.25rem;text-decoration:none;transition:background .2s,filter .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden}.city-chip:hover{background:var(--status-bg-tint,#ffffff1a);filter:brightness(1.2);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.city-name{color:#fff;align-items:center;gap:6px;font-size:.95rem;font-weight:600;display:flex}.city-name:before{content:"";background-color:var(--status-color);width:8px;height:8px;box-shadow:0 0 8px var(--status-color);border-radius:50%;display:inline-block}.city-status{text-transform:uppercase;letter-spacing:.5px;color:#fffc;font-size:.8rem;font-weight:500}.city-chip.status-high,.city-chip.status-medium,.city-chip.status-low,.city-chip.status-very_low,.city-chip.status-unknown{--status-color:var(--aurora-status-unknown);--status-bg-tint:var(--aurora-status-unknown-tint)}.city-chip.status-high{--status-color:var(--aurora-status-high);--status-bg-tint:var(--aurora-status-high-tint)}.city-chip.status-medium{--status-color:var(--aurora-status-medium);--status-bg-tint:var(--aurora-status-medium-tint)}.city-chip.status-low{--status-color:var(--aurora-status-low);--status-bg-tint:var(--aurora-status-low-tint)}.city-chip.status-very_low{--status-color:var(--aurora-status-very-low);--status-bg-tint:var(--aurora-status-very-low-tint)}@media (width<=1024px){.forecast-header{flex-direction:column;align-items:stretch;gap:1.5rem}.kp-display{justify-content:center}.search-box{max-width:none}}@media (width<=768px){.live-forecast-bar{padding:var(--aurora-spacing-xl) 0}.forecast-container{gap:1.5rem;padding:0 1rem}.kp-display{padding:.75rem 1rem}.kp-value{font-size:1.5rem}.city-chip{flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:1rem}}