:root{--bg-dark: #07090f;--bg-darker: #040508;--text-main: #f0f4f8;--text-muted: #9aa8b9;--accent-cyan: #00f0ff;--accent-blue: #2563eb;--accent-blue-deep: #1d4ed8;--accent-orange: #ff9e7d;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-glow: rgba(0, 240, 255, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;position:relative;overflow-x:hidden}.bg-glow{position:absolute;border-radius:50%;filter:blur(140px);z-index:-1;opacity:.4;animation:float 20s infinite alternate cubic-bezier(.5,0,.5,1)}.bg-glow-1{width:600px;height:600px;background:var(--accent-blue);top:-200px;left:-200px;animation-duration:25s}.bg-glow-2{width:500px;height:500px;background:var(--accent-blue-deep);bottom:-100px;right:-100px;animation-duration:30s;animation-delay:-5s}.bg-glow-3{width:400px;height:400px;background:var(--accent-cyan);top:40%;left:60%;opacity:.2;animation-duration:20s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,80px) scale(1.1)}to{transform:translate(-30px,-50px) scale(.9)}}.container{max-width:1400px;margin:0 auto;padding:2rem}.glass-header,.glass-footer,.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px #0000004d}.glass-header{padding:2.5rem;text-align:center;margin-bottom:3rem;border-bottom:1px solid var(--glass-border);position:relative;overflow:hidden}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.unit-toggle-container{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 15px;border-radius:30px;border:1px solid var(--glass-border)}.unit-label{font-size:.9rem;font-weight:500;color:var(--text-muted)}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--accent-blue)}input:focus+.slider{box-shadow:0 0 1px var(--accent-blue)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.glass-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent)}.logo{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(to right,#ffffff,var(--accent-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:1.1rem;font-weight:400;margin-bottom:1rem}.metadata-bar{font-size:.8rem;color:var(--text-muted);display:flex;justify-content:center;gap:20px;background:#ffffff08;padding:6px 15px;border-radius:10px;width:fit-content;margin:0 auto}.metadata-item span{color:var(--accent-cyan);font-weight:600}.metadata-item a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px dashed rgba(0,240,255,.3);transition:all .2s ease}.filter-container{display:flex;justify-content:center;gap:10px;margin-bottom:2rem;flex-wrap:wrap;padding:0 1rem}.filter-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:8px 16px;border-radius:20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.filter-btn:hover{background:#ffffff14;color:var(--text-main);transform:translateY(-2px)}.filter-btn.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue-deep);box-shadow:0 4px 12px #2563eb4d}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:2rem;margin-bottom:3rem}.loading{text-align:center;font-size:1.5rem;color:var(--accent-cyan);grid-column:1 / -1;padding:4rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.glass-card{padding:1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006,0 0 20px var(--glass-glow);border-color:#ffffff26}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-blue-deep));opacity:.7}.card-title{font-size:1.4rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.card-title .icon{font-size:1.6rem}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 8px}.leaderboard-table th{text-align:left;padding:0 1rem .5rem;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-bottom:1px solid var(--glass-border)}.leaderboard-table th.metric-col{text-align:right}.leaderboard-table tbody tr{background:#ffffff05;transition:background .2s ease,transform .2s ease;border-radius:8px}.leaderboard-table tbody tr:hover{background:#ffffff0f;transform:scale(1.02)}.leaderboard-table td{padding:.8rem 1rem}.leaderboard-table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.leaderboard-table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.rank-cell{font-weight:700;color:var(--text-muted);width:40px}tr:nth-child(1) .rank-cell{color:gold}tr:nth-child(2) .rank-cell{color:silver}tr:nth-child(3) .rank-cell{color:#cd7f32}.station-cell{display:flex;flex-direction:column}.station-name{font-weight:600;font-size:1.05rem}.station-meta{font-size:.8rem;color:var(--text-muted);margin-top:.2rem}.station-id-link{color:var(--text-muted);text-decoration:none;border-bottom:1px dashed rgba(154,168,185,.4);transition:color .2s ease,border-color .2s ease}.station-id-link:hover{color:var(--accent-cyan);border-bottom-color:#00f0ff66}.cleaning-note{font-size:.7rem;color:var(--accent-orange);background:#ff9e7d0d;padding:4px 8px;border-radius:6px;display:block;margin-top:-.8rem;margin-bottom:1.2rem;border-left:2px solid rgba(255,158,125,.4);line-height:1.4}.qc-flag-note{font-size:.7rem;color:#fc0;margin-top:.3rem;padding:2px 6px;background:#ffcc0014;border-radius:4px;border-left:2px solid #ffcc00;width:fit-content;display:flex;align-items:center;gap:4px}.qc-warning{cursor:help;margin-right:4px;display:inline-block;vertical-align:middle}.value-cell{text-align:right;font-family:monospace;font-size:1.15rem;font-weight:700;color:var(--accent-cyan)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.methodology-section{margin-bottom:3rem;scroll-margin-top:2rem;padding:2.5rem!important}.methodology-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:1.5rem}.methodology-col h3{color:var(--accent-cyan);font-size:1.1rem;margin-top:2.5rem;margin-bottom:1.2rem;text-transform:uppercase;letter-spacing:.05em}.methodology-col h3:first-child{margin-top:0}.methodology-list{list-style:none;display:flex;flex-direction:column;gap:1.2rem}.methodology-list li{line-height:1.6;font-size:.95rem;color:var(--text-main);position:relative;padding-left:1.5rem}.methodology-list li:before{content:"•";position:absolute;left:0;color:var(--accent-blue);font-weight:700}.methodology-text{margin-bottom:1.5rem;line-height:1.6;color:var(--text-muted)}.methodology-footer{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted);font-style:italic}@media(max-width:768px){.methodology-grid{grid-template-columns:1fr;gap:2rem}}.glass-footer{text-align:center;padding:1.5rem;margin-top:2rem;font-size:.9rem;color:var(--text-muted)}@media(max-width:768px){.container{padding:1rem}.glass-header{padding:1.5rem;margin-bottom:2rem}.header-top{flex-direction:column;gap:1.5rem;text-align:center}.logo{font-size:1.8rem;margin-bottom:0}.subtitle{font-size:.95rem;margin-top:.8rem;line-height:1.4}.unit-toggle-container{padding:6px 12px;transform:scale(.9)}.metadata-bar{flex-direction:column;width:100%;gap:8px;padding:12px;align-items:center}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.glass-card{padding:1rem}.card-title{font-size:1.2rem}.leaderboard-table th,.leaderboard-table td{padding:.6rem .4rem}.rank-cell{width:30px;padding-left:.2rem!important}.station-name{font-size:.85rem!important}.station-meta{font-size:.7rem!important}.value-cell{font-size:.9rem!important;padding-right:.2rem!important}}@media(max-width:480px){.logo{font-size:1.6rem}.glass-header{padding:1.2rem 1rem}}