: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:hidden}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%;height:100vh;position:relative;overflow: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%}.main-controls-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px}.controls-panel{padding:12px 24px;display:flex;align-items:center;gap:20px;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}.logo-panel{padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border-radius:16px;width:120px;height:120px}.logo-panel:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000080,0 0 20px #58a6ff4d;border-color:#58a6ff99}.logo-image{height:100%;width:100%;object-fit:cover;transform:scale(1.15);transition:transform .3s ease}.logo-panel:hover .logo-image{transform:scale(1.25)}.vertical-divider{height:24px;width:1px;background-color:var(--border)}.footer-info{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;z-index:5;background:var(--glass);padding:6px 16px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);width:max-content;max-width:90%;pointer-events:none;box-shadow:0 4px 6px #0000000d}.custom-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:1000}.search-section{flex:1;max-width:400px}.legend-bar{display:flex;gap:8px;align-items:center}.legend-item{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.popup-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;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-dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:200px;background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 10px 40px #00000080;z-index:1000;display:flex;flex-direction:column;gap:4px}.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:var(--box-bg-subtle);color:var(--primary);transform:translate(4px)}.info-drawer-wrapper .custom-scrollbar::-webkit-scrollbar{width:6px}.info-drawer-wrapper .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.info-drawer-wrapper .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--hover-border)}@media(max-width:950px){.overlay-ui{padding:12px}.header-container{flex-direction:column;align-items:stretch;gap:8px}.main-controls-row{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:6px 8px;gap:4px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);position:relative}.main-controls-row>div:first-child{display:flex;align-items:center;gap:12px}.main-controls-row>div:last-child{display:flex;align-items:center;gap:8px}.custom-dropdown-menu{top:calc(100% + 8px)!important;bottom:auto!important}.legend-bar{position:static;display:flex;align-items:center;gap:6px}.legend-item{position:static;padding:8px 4px!important;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:28px}.legend-bar>.legend-item>span{display:none}.vertical-divider{display:none}.tooltip{left:0!important;right:0!important;width:auto!important;top:calc(100% + 4px)!important;border-radius:12px;transform:translateY(10px);background:#0d1117f2!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;pointer-events:auto!important}.tooltip.visible{transform:translateY(0)}.logo-panel{display:none}.controls-panel{display:none!important}.search-section{position:fixed;bottom:68px;left:12px;right:12px;max-width:none;width:auto;z-index:100}.mobile-logo-small{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;cursor:pointer;overflow:hidden;border-radius:8px;z-index:110;transition:transform .2s ease}.mobile-logo-small:active{transform:scale(.95)}.search-suggestions{top:auto!important;bottom:calc(100% + 8px)!important}.footer-info{bottom:120px}.info-drawer-wrapper{z-index:1001!important}@media(max-width:360px){.main-controls-row{padding:4px 6px;gap:2px}.main-controls-row>div:first-child{gap:4px}.legend-bar{gap:4px}.legend-item{min-width:20px;padding:6px 2px!important}}}.mobile-text-sm{font-size:14px}@media(max-width:380px){.mobile-text-sm{font-size:12px}}#root{width:100%;height:100%}