:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #58a6ff;--secondary: #21262d;--accent: #bc8cff;--bg-dark: #0d1117;--bg-card: rgba(22, 27, 34, .8);--glass: rgba(13, 17, 23, .7);--border: #30363d;--hover-border: #8b949e;--text-main: #c9d1d9;--text-muted: #8b949e;--box-bg-subtle: rgba(255, 255, 255, .03);--bg-gradient: radial-gradient(circle at 50% 50%, #161b22 0%, #0d1117 100%)}[data-theme=light]{color-scheme:light;--primary: #0969da;--secondary: #d0d7de;--accent: #8250df;--bg-dark: #ffffff;--bg-card: rgba(255, 255, 255, .8);--glass: rgba(255, 255, 255, .7);--border: #d0d7de;--hover-border: #8c959f;--text-main: #24292f;--text-muted: #57606a;--box-bg-subtle: rgba(0, 0, 0, .03);--bg-gradient: radial-gradient(circle at 50% 50%, #f6f8fa 0%, #ffffff 100%)}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:var(--bg-gradient);background-color:var(--bg-dark)}#root{width:100%;height:100vh}.glass-panel{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0000005e}.btn-primary{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff4d}.app-container{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.map-container{position:relative;top:0;left:0;width:100%;height:100vh;z-index:1}.overlay-ui{position:absolute;top:0;left:0;right:0;z-index:20;pointer-events:none;padding:20px}.overlay-ui>*{pointer-events:auto}.header-container{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:100%}.search-section{flex:1;max-width:400px}.logo-panel{padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.logo-image{height:120px;width:120px;object-fit:cover;border-radius:12px;transform:scale(1.15)}.controls-panel{padding:12px 24px;display:flex;align-items:center;gap:20px}.footer-info{position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:8px;color:#8b949e;font-size:12px;z-index:5}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000}@media(max-width:768px){.overlay-ui{padding:12px}.header-container{flex-direction:column;align-items:stretch;gap:12px}.logo-panel{display:none}.mobile-logo-small{display:block!important;height:32px;width:32px;border-radius:6px}.search-section{max-width:none;width:100%}.search-wrapper{width:100%!important}.controls-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:100%;z-index:1000;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0000004d;padding:8px;gap:6px;justify-content:space-between;overflow:visible}.custom-dropdown-menu{top:auto;bottom:calc(100% + 8px)}.legend-item:hover .tooltip,.legend-item:active .tooltip,.legend-item:focus .tooltip,.tooltip.visible{transform:translateY(0)!important}.controls-panel select{font-size:14px!important}.legend-item>span{display:none}.footer-info{bottom:90px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;justify-content:center}.search-container{width:100%!important}.popup-container{padding:16px!important;max-height:85vh}.stat-grid{grid-template-columns:1fr!important;gap:8px!important}.popup-container h2{font-size:20px!important}.tooltip{right:-60px;left:auto;top:auto!important;bottom:calc(100% + 15px)!important;white-space:normal;max-width:280px;width:max-content;min-width:220px;transform:translateY(0);z-index:1001;pointer-events:auto}.tooltip.visible{visibility:visible!important;opacity:1!important;transform:translateY(0)!important}}.popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;pointer-events:none}.popup-container{pointer-events:auto;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;position:relative;box-sizing:border-box}.popup-container::-webkit-scrollbar,.custom-scrollbar::-webkit-scrollbar{width:8px}.popup-container::-webkit-scrollbar-track,.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.popup-container::-webkit-scrollbar-thumb,.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.popup-container::-webkit-scrollbar-thumb:hover,.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--hover-border)}.legend-item{position:relative;display:flex;align-items:center;gap:6px;cursor:help;padding:4px 8px;border-radius:6px;transition:background-color .2s}.legend-item:hover{background-color:#ffffff0d}.tooltip{visibility:hidden;position:absolute;top:calc(100% + 15px);right:0;background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);padding:12px;border-radius:12px;width:220px;font-size:13px;color:var(--text-main);z-index:1000;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;box-shadow:0 10px 40px #00000080;transform:translateY(-10px)}.legend-item:active .tooltip,.legend-item:focus .tooltip,.legend-item:focus-within .tooltip{visibility:visible;opacity:1;transform:translateY(0)}.legend-item:hover .tooltip,.tooltip.visible{visibility:visible;opacity:1;transform:translateY(0)}.tooltip-header{font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:8px;font-size:14px}.tooltip-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px;color:var(--text-muted)}.tooltip-row span:last-child{color:var(--text-main);font-weight:500}.menu-item-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-main);font-size:14px;font-weight:500;text-align:left;cursor:pointer;border-radius:8px;transition:all .2s ease}.menu-item-btn:hover{background:#ffffff1a;color:#fff;transform:translate(4px)}#root{width:100%;height:100%}