body{color:#fff;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;overflow-x:hidden}.page{color:#fff;background-color:#0000;background-image:linear-gradient(#000000b3,#000000b3),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=2400&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh;padding:20px 16px}.layout{flex-direction:column;gap:30px;max-width:1400px;margin:auto;display:flex}@media (min-width:1024px){.layout{grid-template-columns:300px 1fr 360px;gap:40px;padding:40px 24px;display:grid}.layout>aside:last-child{height:600px}}.panel{flex-direction:column;gap:12px;width:100%;display:flex}.aqi-row{color:#000;border-radius:6px;justify-content:space-between;padding:10px 14px;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.clickable-row{cursor:pointer;transition:transform .1s,box-shadow .1s}.clickable-row:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0003}.center{text-align:center}.aqi-card{color:#fff;background:#222;border-radius:16px;margin:20px 0;padding:26px 36px;display:inline-block;box-shadow:0 4px 10px #00000080}.value{font-size:42px;font-weight:700}.search-box{justify-content:center;gap:12px;width:100%;max-width:500px;margin:0 auto;display:flex}.search-box input{color:#fff;background-color:#1a1a1a;border:none;border-radius:999px;flex:1;min-width:0;padding:12px 16px;font-size:16px}.search-box button{color:#fff;cursor:pointer;white-space:nowrap;background:#4f46e5;border:none;border-radius:999px;padding:12px 24px;font-weight:700;transition:background .2s}.search-box button:hover:not(:disabled){background:#3b30d3}.search-box button:disabled{opacity:.5;cursor:not-allowed}.meta,.visitors{opacity:.85;margin-top:10px}.leaflet-container{border-radius:16px;width:100%;height:100%}.leaflet-popup-content-wrapper{color:#333;background:#fff;border-radius:12px}.leaflet-popup-tip{background:#fff}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-box{background:linear-gradient(90deg,#282828 8%,#3f3f3f 18%,#282828 33%) 0 0/800px 104px;animation:2s linear infinite shimmer}.aqi-card-skeleton{border-radius:8px;width:100px;height:42px;margin:0 auto 5px}.aqi-row-skeleton{border-radius:6px;height:40px;margin-bottom:12px;padding:10px 14px}