:root{--bg-darker: #070913;--bg-dark: #0c0f22;--bg-card: rgba(18, 24, 48, .65);--border-glow: rgba(0, 255, 136, .15);--border-light: rgba(255, 255, 255, .08);--text-primary: #f1f3f9;--text-secondary: #9aa5ce;--text-muted: #565f89;--color-aurora: #00ff88;--color-aurora-glow: rgba(0, 255, 136, .35);--color-cyan: #00e5ff;--color-purple: #bb86fc;--color-amber: #ffb000;--color-red: #ff3838;--color-grey: #6b7280;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra-bold: 800}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-darker);color:var(--text-primary);line-height:1.5;min-height:100vh;position:relative;overflow-x:hidden;padding-bottom:2rem}.aurora-glow-bg{position:absolute;top:-10%;left:30%;width:50vw;height:50vw;background:radial-gradient(circle,#00ff8814,#0c0f2200 70%);z-index:-2;filter:blur(80px);pointer-events:none}.aurora-glow-bg-secondary{position:absolute;bottom:10%;right:5%;width:40vw;height:40vw;background:radial-gradient(circle,#bb86fc0d,#0c0f2200 70%);z-index:-2;filter:blur(80px);pointer-events:none}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:border-color .3s ease,box-shadow .3s ease}.app-header{padding:2rem 1.5rem 1rem;text-align:center;position:relative;z-index:10}.header-container{max-width:1200px;margin:0 auto;position:relative}.logo-row{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:.5rem}.logo{display:inline-flex;align-items:center;gap:.75rem}.lang-selector{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:.25rem;background:#ffffff0a;border:1px solid var(--border-light);border-radius:8px;padding:2px}.lang-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:.75rem;font-weight:var(--weight-bold);padding:.35rem .6rem;border-radius:6px;cursor:pointer;transition:all .2s ease}.lang-btn:hover{color:var(--text-primary);background:#ffffff0f}.lang-btn.active{background:var(--color-aurora);color:var(--bg-darker);box-shadow:0 0 10px #00ff884d}@media (max-width: 600px){.logo-row{flex-direction:column;gap:1rem;margin-bottom:1rem}.lang-selector{position:static;transform:none}.search-row{flex-wrap:wrap;gap:.75rem}.search-wrapper{flex:1 1 calc(100% - 95px)}#search-btn{width:80px}#geo-btn{flex:1 1 100%;width:100%}}.logo-icon{font-size:2.2rem;animation:logo-float 4s ease-in-out infinite alternate}.logo h1{font-size:2.4rem;font-weight:var(--weight-extra-bold);letter-spacing:2px;background:linear-gradient(135deg,#ffffff 30%,var(--color-aurora) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(0,255,136,.2)}.tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:var(--weight-light)}.app-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.control-panel{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;z-index:100}.search-row{display:flex;gap:.75rem;align-items:center;width:100%}.search-wrapper{position:relative;flex:1}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}#city-search{width:100%;padding:.85rem 1rem .85rem 2.75rem;background-color:#06081499;border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease}#city-search:focus{border-color:var(--color-aurora);box-shadow:0 0 15px #00ff8826;background-color:#060814cc}.search-results-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-dark);border:1px solid var(--border-light);border-radius:12px;max-height:250px;overflow-y:auto;z-index:1000;list-style:none;box-shadow:0 10px 25px #00000080}.search-results-dropdown li{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background-color .2s}.search-results-dropdown li:hover{background-color:#00ff881a;color:var(--color-aurora)}.search-results-dropdown li:last-child{border-bottom:none}.search-results-dropdown.hidden{display:none}.btn{padding:.85rem 1.5rem;border-radius:12px;border:none;font-family:inherit;font-weight:var(--weight-medium);font-size:.95rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.btn-primary{background-color:var(--color-aurora);color:var(--bg-darker);font-weight:var(--weight-bold);box-shadow:0 4px 15px #00ff884d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:#ffffff1f;border-color:var(--text-secondary)}.geo-icon{animation:pulse-slow 2s infinite alternate}.shortcuts-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.shortcuts-label{font-size:.9rem;color:var(--text-secondary);font-weight:var(--weight-light)}.shortcut-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.shortcut-btn{background:#ffffff0a;border:1px solid var(--border-light);padding:.4rem .9rem;border-radius:30px;color:var(--text-secondary);font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s ease}.shortcut-btn:hover{background:#00ff881a;border-color:var(--color-aurora);color:var(--text-primary)}.shortcut-btn.active{background:#00ff8826;border-color:var(--color-aurora);color:var(--color-aurora);font-weight:var(--weight-medium)}.main-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.5rem}@media (max-width: 900px){.main-grid{grid-template-columns:1fr}}.map-section{display:flex;flex-direction:column;overflow:hidden;height:480px;position:relative}@media (max-width: 600px){.map-section{height:420px}}#map{flex:1;width:100%;z-index:1;background:var(--bg-darker)}.leaflet-container{background:var(--bg-darker)!important}.leaflet-bar{border:1px solid var(--border-light)!important;box-shadow:0 4px 15px #0006!important}.leaflet-bar a{background-color:var(--bg-dark)!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-light)!important;transition:background-color .2s}.leaflet-bar a:hover{background-color:#ffffff1a!important}.map-legend{padding:.75rem 1rem;background-color:#080a18f2;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.85rem;z-index:10}.legend-title{font-weight:var(--weight-medium);color:var(--text-secondary)}.legend-items{display:flex;align-items:center;gap:.5rem}.legend-color-box{width:24px;height:12px;background:#00ff884d;border:1px solid var(--color-aurora);border-radius:3px;box-shadow:0 0 10px #00ff8880;display:inline-block}.legend-text{color:var(--text-primary)}.dashboard-section{display:flex;flex-direction:column;gap:1rem}.summary-card{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;position:relative}.status-glow-high{border-color:var(--color-aurora)!important;box-shadow:0 0 25px #0f83,0 8px 32px #0000005e!important}.status-glow-moderate{border-color:var(--color-cyan)!important;box-shadow:0 0 25px #00e5ff26,0 8px 32px #0000005e!important}.status-glow-low{border-color:var(--color-amber)!important;box-shadow:0 0 25px #ffb0001a,0 8px 32px #0000005e!important}.status-glow-none{border-color:var(--border-light)}.location-title{font-size:1.5rem;font-weight:var(--weight-bold);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-display{display:flex;align-items:center;justify-content:center;gap:1.5rem;width:100%}.score-radial{width:90px;height:90px;position:relative}.circular-chart{display:block;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#ffffff0d;stroke-width:2.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;transition:stroke-dasharray .8s ease,stroke .8s ease}.percentage{fill:#fff;font-family:inherit;font-size:.55em;font-weight:var(--weight-bold);text-anchor:middle}.score-info{flex:1;text-align:left}.score-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.score-desc{font-size:1.15rem;font-weight:var(--weight-semibold);margin-top:.25rem;line-height:1.3}.time-badge{background-color:#ffffff0d;border:1px solid var(--border-light);padding:.4rem 1rem;border-radius:8px;font-size:.85rem;font-weight:var(--weight-medium);color:var(--text-secondary)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 500px){.details-grid{grid-template-columns:1fr}}.detail-card{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem}.detail-card:hover{border-color:#ffffff26}.card-header{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.card-header h3{font-size:.85rem;font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.5px}.card-icon{width:18px;height:18px}.text-purple{color:var(--color-purple)}.text-cyan{color:var(--color-cyan)}.text-blue,.text-amber{color:var(--color-amber)}.detail-value{font-size:1.5rem;font-weight:var(--weight-bold);margin-top:.25rem}.detail-sub{font-size:.8rem;color:var(--text-secondary);font-weight:var(--weight-light)}.timeline-section{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.timeline-title{font-size:1.2rem;font-weight:var(--weight-bold)}.timeline-hint{font-size:.85rem;color:var(--text-secondary);font-weight:var(--weight-light)}.slider-container{width:100%;padding:.5rem 0}#timeline-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:5px;background:#ffffff1a;outline:none;transition:background .3s}#timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-aurora);cursor:pointer;box-shadow:0 0 10px var(--color-aurora-glow);transition:transform .1s}#timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px var(--color-aurora)}#timeline-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-aurora);cursor:pointer;border:none;box-shadow:0 0 10px var(--color-aurora-glow);transition:transform .1s}#timeline-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 15px var(--color-aurora)}.timeline-visualizer{display:grid;grid-template-columns:repeat(16,1fr);gap:.5rem;height:90px;align-items:flex-end}@media (max-width: 600px){.timeline-visualizer{gap:.25rem}}.timeline-bar-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;cursor:pointer;position:relative;padding-bottom:22px}.timeline-bar-container{width:100%;flex:1;background:#ffffff08;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:flex-end}.timeline-bar-wrapper:hover .timeline-bar-container{background:#ffffff14}.timeline-fill-bar{width:100%;border-radius:4px;transition:height .3s ease,background-color .3s ease;position:relative}.timeline-bar-wrapper.active .timeline-bar-container{box-shadow:0 0 0 2px var(--color-aurora)}.bar-high{background:linear-gradient(0deg,var(--color-aurora) 0%,#00ffca 100%);box-shadow:0 0 10px #00ff884d}.bar-moderate{background:linear-gradient(0deg,var(--color-cyan) 0%,#00bcff 100%)}.bar-low{background:linear-gradient(0deg,var(--color-amber) 0%,#ffd000 100%)}.bar-none{background:var(--color-grey);opacity:.3}.timeline-time-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-secondary);font-weight:var(--weight-medium);white-space:nowrap}@media (max-width: 600px){.timeline-bar-wrapper:nth-child(2n) .timeline-time-label{display:none!important}}.timeline-bar-wrapper.active .timeline-time-label{color:var(--color-aurora);font-weight:var(--weight-bold);display:block!important}.info-section{padding:2rem;margin-top:1rem}.info-section h2{font-size:1.4rem;font-weight:var(--weight-bold);margin-bottom:1.5rem;position:relative;display:inline-block}.info-section h2:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background-color:var(--color-aurora);border-radius:2px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 768px){.info-grid{grid-template-columns:1fr}}.info-card h4{font-size:1.05rem;font-weight:var(--weight-semibold);margin-bottom:.5rem}.info-card p{font-size:.9rem;color:var(--text-secondary);font-weight:var(--weight-light);line-height:1.6}.info-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light);font-size:.85rem;color:var(--text-muted);text-align:center}.app-footer{text-align:center;padding:2rem 0 1rem;font-size:.85rem;color:var(--text-muted);font-weight:var(--weight-light)}@keyframes logo-float{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@keyframes pulse-slow{0%{opacity:.6}to{opacity:1}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00ff884d}@supports (scrollbar-color: auto){html{scrollbar-color:rgba(255,255,255,.1) var(--bg-darker);scrollbar-width:thin}}.custom-map-marker{position:relative;width:20px;height:20px}.marker-core{position:absolute;top:5px;left:5px;width:10px;height:10px;background-color:var(--color-cyan);border:2px solid white;border-radius:50%;box-shadow:0 0 10px var(--color-cyan);z-index:2}.marker-pulse{position:absolute;top:0;left:0;width:20px;height:20px;background-color:#00e5ff66;border-radius:50%;animation:marker-pulse-anim 2s infinite ease-out;z-index:1}@keyframes marker-pulse-anim{0%{transform:scale(.6);opacity:1}to{transform:scale(2.2);opacity:0}}.aurora-map-glow{fill:url(#aurora-gradient)!important;stroke-width:2px!important;stroke-dasharray:6,6;animation:aurora-flow-anim 16s linear infinite,aurora-pulse-anim 8s ease-in-out infinite alternate}@keyframes aurora-flow-anim{0%{stroke-dashoffset:0;stroke:#0f8!important}50%{stroke:#00e5ff!important}to{stroke-dashoffset:120;stroke:#0f8!important}}@keyframes aurora-pulse-anim{0%{fill-opacity:.35!important;stroke-opacity:.45!important;filter:drop-shadow(0 0 4px rgba(0,255,136,.3))}50%{fill-opacity:.55!important;stroke-opacity:.65!important;filter:drop-shadow(0 0 9px rgba(0,229,255,.45))}to{fill-opacity:.75!important;stroke-opacity:.85!important;filter:drop-shadow(0 0 14px rgba(0,255,136,.6))}}.offline-badge{background-color:var(--color-amber);color:var(--bg-darker);font-size:.75rem;padding:.2rem .5rem;border-radius:4px;margin-left:.5rem;font-weight:var(--weight-bold);vertical-align:middle;box-shadow:0 0 10px #ffb0004d}