*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa;--border-color:#334155;--shadow:#0000004d;--color-play:#9333ea;--color-orange:#f97316;--color-tmobile:#ec4899;--color-plus:#22c55e;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f172a;background:var(--bg-primary);color:#f1f5f9;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e293b;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#334155;background:var(--bg-tertiary);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#475569}body.light-mode{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border-color:#e2e8f0;--shadow:#0000001a;--accent-primary:#3b82f6;--accent-hover:#2563eb;--accent-light:#60a5fa}.app{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;width:100vw}.app-content{display:flex;flex:1 1;overflow:hidden;position:relative}.map-container{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:64px}.loading-overlay{align-items:center;background:var(--bg-primary);bottom:0;display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:50px;width:50px}.loading-overlay p{color:var(--text-secondary);font-size:16px}.error-overlay{align-items:center;background:var(--bg-primary);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.error-message{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;padding:var(--spacing-xl);text-align:center}.error-message h3{color:#ef4444;font-size:20px;margin-bottom:var(--spacing-md)}.error-message p{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.error-message button{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:background var(--transition-fast)}.error-message button:hover{background:var(--accent-hover)}@media (max-width:768px){.app-content{flex-direction:column}}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:64px;justify-content:space-between;padding:0 var(--spacing-lg);position:relative;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-md)}.sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.sidebar-toggle:hover{background:var(--bg-tertiary);color:var(--accent-light)}.logo{align-items:center;display:flex;gap:12px}.logo-image{height:100px;object-fit:contain;transition:opacity .2s ease-in-out;width:auto}.logo-text{align-items:baseline;display:flex;gap:8px}.logo-text h1{color:var(--text-primary);font-size:40px;font-weight:700;letter-spacing:-.5px;line-height:1;margin:0}.version{color:var(--text-muted);font-size:9px;font-weight:400;opacity:.7}.header-right{gap:var(--spacing-sm)}.header-button,.header-right{align-items:center;display:flex}.header-button{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;justify-content:center;padding:var(--spacing-sm);transition:all var(--transition-fast)}.header-button:hover{background:var(--bg-tertiary);color:var(--accent-light)}@media (max-width:768px){.header{height:56px;padding:0 var(--spacing-md)}.logo-text h1,.version{display:none}.logo-icon{font-size:24px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:500px;overflow-y:auto;padding:var(--spacing-xl);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-content h2{color:var(--text-primary);font-size:28px;margin:0 0 var(--spacing-xs) 0}.version-info{color:var(--text-muted);font-size:14px;margin-bottom:var(--spacing-lg)}.info-section{border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0;padding-top:var(--spacing-lg)}.info-section:first-of-type{border-top:none;padding-top:0}.info-section h3{color:var(--text-primary);font-size:18px;margin-bottom:var(--spacing-md)}.info-section p{color:var(--text-secondary);line-height:1.6;margin:0}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:var(--text-secondary);line-height:1.6;padding:var(--spacing-sm) 0}.color-legend{display:flex;flex-direction:column;gap:var(--spacing-sm)}.color-item{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-md)}.color-dot{border-radius:50%;flex-shrink:0;height:16px;width:16px}.info-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.info-footer p{color:var(--text-muted);font-size:14px;margin:0}.map-style-dropdown{position:relative}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:100}.dropdown-menu{animation:slideDown .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;max-height:70vh;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:101}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg)}.dropdown-header h3{color:var(--text-primary);font-size:16px;margin:0 0 var(--spacing-xs) 0}.current-style{color:var(--text-muted);font-size:12px}.dropdown-content{max-height:calc(70vh - 60px);overflow-y:auto;padding:var(--spacing-sm) 0}.style-category{margin-bottom:var(--spacing-sm)}.category-name{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.category-name,.style-option{padding:var(--spacing-sm) var(--spacing-lg)}.style-option{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;text-align:left;transition:all var(--transition-fast);width:100%}.style-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.style-option.active{background:var(--accent-primary);color:#fff;font-weight:600}.style-option .check{font-size:16px}.theme-dropdown{position:relative}.theme-menu{animation:slideDown .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0006;min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:101}.theme-option{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all var(--transition-fast);width:100%}.theme-option:last-child{border-bottom:none}.theme-option svg{color:var(--text-muted);flex-shrink:0}.theme-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-option:hover svg{color:var(--accent-primary)}.theme-option.active{background:var(--accent-primary);color:#fff}.theme-option.active svg{color:#fff}.theme-name{font-size:14px;font-weight:600;margin-bottom:2px}.theme-description{font-size:11px;opacity:.7}.theme-option .check{font-size:16px;margin-left:auto}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);bottom:0;box-shadow:2px 0 10px #0000004d;display:flex;flex-direction:column;left:0;position:fixed;top:64px;transition:transform var(--transition-normal);width:320px;z-index:50}.sidebar.closed{transform:translateX(-100%)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;padding:var(--spacing-lg)}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.sidebar-header h2{color:var(--text-primary);font-size:20px;font-weight:700;margin:0}.reset-button{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);transition:all var(--transition-fast)}.reset-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--text-primary)}.sidebar-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) 0}.small-spinner{animation:spin 1s linear infinite;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--accent-primary);height:30px;width:30px}@keyframes spin{to{transform:rotate(1turn)}}.filter-section h3{color:var(--text-primary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.no-data{color:var(--text-muted);font-size:13px;padding:var(--spacing-md) 0;text-align:center}.checkbox-label{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);position:relative;transition:background var(--transition-fast)}.checkbox-label:hover{background:var(--bg-secondary)}.checkbox-label input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.checkbox-custom{align-items:center;border:2px solid var(--border-color);border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all var(--transition-fast);width:18px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--accent-primary);background:var(--operator-color,var(--accent-primary));border-color:var(--operator-color,var(--accent-primary))}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700}.network-type,.operator-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.operator-count{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;padding:2px 8px}.mode-3d-toggle{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.mode-3d-toggle:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:scale(1.02)}.toggle-row{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between}.switch{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;display:inline-flex;height:24px;position:relative;transition:all var(--transition-fast);width:44px}.switch.on,.switch:hover{border-color:var(--accent-primary)}.switch.on{background:var(--accent-primary)}.switch .switch-handle{background:#fff;border-radius:50%;box-shadow:0 2px 4px var(--shadow);height:20px;left:2px;position:absolute;top:2px;transition:left var(--transition-fast);width:20px}.switch.on .switch-handle{left:22px}.visualization-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.viz-button{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);transition:all var(--transition-fast)}.viz-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-2px)}.viz-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.viz-button svg{flex-shrink:0}.bar-type-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.bar-type-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast)}.bar-type-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.bar-type-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.signal-range{display:flex;flex-direction:column;gap:var(--spacing-md)}.range-inputs{align-items:center;display:flex;gap:var(--spacing-sm)}.range-input-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.range-input-group label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.range-input-group input[type=number]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;padding:var(--spacing-sm);width:100%}.range-input-group input[type=number]:focus{border-color:var(--accent-primary);outline:none}.range-separator{color:var(--text-muted);font-weight:600;margin-top:18px}.range-slider{background:var(--bg-tertiary);border-radius:var(--radius-sm);height:6px;margin:var(--spacing-sm) 0;position:relative}.range-slider input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;height:6px;pointer-events:none;position:absolute;width:100%}.range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px var(--shadow);cursor:pointer;height:16px;pointer-events:all;width:16px}.range-slider input[type=range]::-moz-range-thumb{background:var(--accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px var(--shadow);cursor:pointer;height:16px;pointer-events:all;width:16px}.limit-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.limit-input-group label{color:var(--text-muted);font-size:12px;font-weight:600}.limit-input-group input[type=number],.limit-input-group input[type=text]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:600;padding:var(--spacing-sm)}.limit-hint{color:var(--text-muted);font-size:11px;font-style:italic}.limit-slider{margin-top:var(--spacing-xs);width:100%}.time-range-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-sm)}.time-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.time-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.time-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.shortcode-actions{align-items:stretch;display:flex;gap:4px;margin-top:4px}.shortcode-actions .time-button{min-height:40px}.filter-hint{background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;font-style:italic;margin:0;padding:var(--spacing-xs)}.date-inputs{gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.date-input-group,.date-inputs{display:flex;flex-direction:column}.date-input-group{gap:var(--spacing-xs)}.date-input-group label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-input-group input[type=datetime-local]{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:14px;padding:var(--spacing-sm);transition:all var(--transition-fast)}.date-input-group input[type=datetime-local]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.date-input-group input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(0);filter:var(--calendar-icon-filter,invert(0))}body.light-mode .date-input-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(.5)}.clear-dates-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast);width:100%}.clear-dates-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.layer-checkbox{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.layer-checkbox:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateX(2px)}.layer-info{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.layer-name{color:var(--text-primary);font-size:14px;font-weight:600}.layer-count{color:var(--text-muted);font-size:11px;font-weight:500}.filter-section.expandable{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.expandable-header{align-items:center;background:var(--bg-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:var(--spacing-sm);justify-content:flex-start;margin:0;padding:var(--spacing-md);transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.expandable-header:hover{background:var(--bg-tertiary)}.expand-icon{color:var(--text-muted);display:inline-block;flex-shrink:0;font-size:12px;transition:transform var(--transition-fast)}.expand-icon.expanded{transform:rotate(90deg)}.expandable-content{animation:expandDown .18s ease-out;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-md)}.filter-subsection{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-subsection h4{color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}@keyframes expandDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animation-controls{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.play-pause-button{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:transform .15s ease,background-color .15s ease;width:44px}.play-pause-button:hover{background:var(--accent-hover);transform:scale(1.05)}.play-pause-button:active{transform:scale(.95)}.play-pause-button.playing{background:var(--accent-secondary)}.animation-time-display{background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.5;padding:var(--spacing-sm);text-align:center}.time-slider{-webkit-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;transition:background .15s ease;width:100%}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;-webkit-transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease;width:18px}.time-slider::-webkit-slider-thumb:hover{background:var(--accent-hover);transform:scale(1.15)}.time-slider::-moz-range-thumb{background:var(--accent-primary);border:none;border-radius:50%;box-shadow:0 2px 6px #0000004d;cursor:pointer;height:18px;-moz-transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease;width:18px}.time-slider::-moz-range-thumb:hover{background:var(--accent-hover);transform:scale(1.15)}.time-slider:disabled{cursor:not-allowed;opacity:.6}.time-range-labels{color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-top:var(--spacing-xs)}.speed-options{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.speed-button{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.speed-button:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.speed-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}@media (max-width:768px){.sidebar{bottom:0;box-shadow:2px 0 10px var(--shadow);left:0;top:0}.sidebar,.sidebar.closed{position:absolute;z-index:1000}.sidebar.closed{transform:translateX(-100%)}.visualization-options{grid-template-columns:repeat(2,1fr)}.viz-button{font-size:11px;padding:var(--spacing-sm)}}.map-view{height:100%;position:relative;width:100%}.details-panel{animation:slideIn .2s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--shadow);padding:var(--spacing-lg);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);width:320px;z-index:10}.bts-details{right:calc(320px + var(--spacing-lg) + var(--spacing-md));z-index:11}.bts-details:not(.with-point){right:var(--spacing-lg)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.close-details{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-fast);width:28px}.close-details:hover{background:var(--bg-tertiary);color:var(--text-primary)}.details-panel h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 var(--spacing-lg) 0}.detail-row{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500;max-width:180px;text-align:right;word-break:break-word}.detail-value.signal-value{align-items:flex-end;display:flex;flex-direction:column;font-size:16px;font-weight:700;gap:var(--spacing-xs)}.signal-badge{background:#0000;border-radius:0;color:var(--text-secondary);font-size:12px;font-weight:800;margin-left:8px;padding:0}.detail-value.coords{font-family:monospace;font-size:12px}.detail-value.id{font-family:monospace;font-size:16px;font-weight:900}@media (max-width:768px){.details-panel{animation:slideUpMobile .3s ease-out;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;bottom:0!important;left:0!important;overflow-y:auto;padding-bottom:var(--spacing-xl);position:fixed!important;top:auto!important;width:100%!important}.bts-details,.details-panel{max-height:50vh!important;right:0!important}.bts-details{z-index:62!important}.mobile-handle{background:var(--border-color);border-radius:2px;display:block;height:4px;margin:0 auto 8px;opacity:.5;width:40px}.detail-section:last-child{padding-bottom:var(--spacing-lg)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}:global(.mapboxgl-ctrl-attrib){background:var(--bg-secondary)!important;color:var(--text-muted)!important;font-size:10px!important}:global(.mapboxgl-ctrl-attrib a){color:var(--accent-light)!important}:global(.mapboxgl-ctrl-group){background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;box-shadow:0 2px 8px var(--shadow)!important}:global(.mapboxgl-ctrl-group button){background:#0000!important;color:var(--text-primary)!important}:global(.mapboxgl-ctrl-group button:hover){background:var(--bg-tertiary)!important}.detail-section{border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.detail-section:last-child{border-bottom:none;margin-bottom:0}.detail-section h4{color:var(--accent-primary);font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 var(--spacing-md) 0;text-transform:uppercase}.bts-section{background:var(--bg-tertiary);border:1px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.show-bts-button{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:13px;font-weight:600;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.show-bts-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.details-panel{max-height:calc(100vh - 100px);overflow-y:auto}.details-panel::-webkit-scrollbar{width:6px}.details-panel::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.details-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.details-panel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.speedtest-details{background:linear-gradient(135deg,var(--bg-secondary) 0,#8a2be20d 100%);border:2px solid #8a2be24d}.stats-container{display:flex;gap:3px;left:var(--spacing-lg);pointer-events:none;position:absolute;top:var(--spacing-lg);transition:left var(--transition-normal);z-index:10}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow);display:flex;gap:var(--spacing-md);min-width:160px;padding:var(--spacing-md);pointer-events:auto;transition:transform var(--transition-fast)}.stat-card:hover{transform:translateY(-2px)}.stat-icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;font-size:28px;height:44px;justify-content:center;line-height:1;width:44px}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1}.stat-unit{color:var(--text-muted);font-size:14px;font-weight:500;margin-left:2px}@media (max-width:1024px){.stats-container{flex-direction:column;gap:var(--spacing-sm)}.stat-card{min-width:140px}.stat-icon{font-size:24px;height:40px;width:40px}.stat-value{font-size:20px}}@media (max-width:768px){.stats-container{flex-direction:row;gap:2px;left:var(--spacing-md);overflow-x:auto;right:var(--spacing-md);top:var(--spacing-md)}.stat-card{gap:6px;min-width:95px;padding:6px 8px}.stat-icon{flex-shrink:0;font-size:18px;height:28px;width:28px}.stat-label{font-size:9px}.stat-value{font-size:14px}.stat-unit{font-size:9px}}.stats-minimize-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--shadow);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;padding:6px;pointer-events:auto;transition:all var(--transition-fast);width:36px}.stats-minimize-btn:hover{background:var(--bg-tertiary);box-shadow:0 6px 16px var(--shadow);transform:translateY(-2px)}@media (max-width:768px){.stats-minimize-btn{font-size:12px;height:32px;padding:6px;width:32px}}