:root{--bg-primary: #0a0a0f;--bg-panel: rgba(10, 10, 18, .88);--bg-panel-hover: rgba(20, 20, 35, .92);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(255, 255, 255, .12);--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #555570;--shadow-lg: 0 12px 40px rgba(0, 0, 0, .45);--color-gas: #ff8c00;--color-oil: #dc143c;--color-refined: #ffd700;--color-unknown: #8888aa;--color-refinery: #ff4444;--color-lng: #00ccff;--color-compressor: #ffaa00;--color-storage: #cc88ff;--sidebar-width: 280px;--sidebar-collapsed: 0px;--header-height: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-xs: .6875rem;--font-sm: .75rem;--font-base: .8125rem;--font-md: .875rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);font-family:var(--font-family);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-gas);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.layer-toggle:focus-visible{outline-offset:1px}.sidebar-tab:focus-visible{outline-offset:2px}.app{display:flex;height:100%;width:100%;position:relative}.map-container{flex:1;height:100%;position:relative}.map-container .mapboxgl-map{width:100%;height:100%}.sidebar{position:absolute;top:12px;left:12px;bottom:12px;width:var(--sidebar-width);z-index:10;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;transition:transform var(--transition-slow),opacity var(--transition-base);overflow:hidden}@media (prefers-reduced-motion: reduce){.sidebar{transition-duration:.01ms}.loading-screen{transition:none}.loading-spinner,.search-index-spinner{animation:none;border-top-color:transparent}}.sidebar.collapsed{transform:translate(calc(-100% - 24px));opacity:0;pointer-events:none}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--border-subtle)}.sidebar-title{display:block;font-size:var(--font-md);font-weight:600;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-subtitle{margin-top:2px;font-size:var(--font-xs);color:var(--text-muted)}.sidebar-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 12px 8px;border-bottom:1px solid var(--border-subtle)}.sidebar-tab{border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--font-sm);padding:7px 4px}.sidebar-tab.active{background:#ffffff12;border-color:var(--border-subtle);color:var(--text-primary)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);font-size:16px}.sidebar-close-btn:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-content{flex:1;overflow-y:auto;padding:12px 0}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:2px}.layer-section{padding:0 16px;margin-bottom:8px}.layer-section-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 0 6px}.layer-section-title span{color:var(--text-secondary);font-weight:500}.selection-panel{margin:0 16px 14px;padding:12px 14px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.selection-panel-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.selection-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;position:sticky;top:0;z-index:2;padding-bottom:8px;margin-top:-2px;padding-top:2px;background:linear-gradient(to bottom,rgba(255,255,255,.06) 70%,transparent)}.selection-clear-btn{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--font-xs);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;min-height:36px}.selection-clear-btn:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.selection-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.selection-action-btn{flex:1;min-width:0;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);font:inherit;font-size:var(--font-xs);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;min-height:36px;transition:background var(--transition-fast),color var(--transition-fast)}.selection-action-btn:hover:not(:disabled){color:var(--text-primary);background:var(--bg-panel-hover)}.selection-action-btn:disabled{opacity:.45;cursor:not-allowed}.explore-hint{margin-bottom:10px;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ff8c000f}.explore-hint__title{display:block;font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-gas);margin-bottom:4px}.explore-hint__text{font-size:var(--font-sm);line-height:1.45;color:var(--text-secondary);margin:0}.search-index-status{display:flex;align-items:center;gap:8px;font-size:var(--font-xs);color:var(--text-secondary);margin:6px 0 8px}.search-index-spinner{width:14px;height:14px;border:2px solid var(--border-subtle);border-top-color:var(--color-gas);border-radius:50%;animation:spin 1s linear infinite}.layer-accordion{margin:0 16px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:#00000026}.layer-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;cursor:pointer;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);list-style:none}.layer-accordion-summary::-webkit-details-marker{display:none}.layer-accordion-summary span{color:var(--text-secondary);font-weight:500}.layer-accordion-body{padding:4px 6px 8px;border-top:1px solid var(--border-subtle)}.selection-panel .feature-details-title{margin-top:0}.selection-data-note{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-subtle);font-size:var(--font-xs);line-height:1.45;color:var(--text-muted)}.layer-toggle{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.layer-toggle:hover{background:var(--bg-panel-hover)}.layer-toggle-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid currentColor;transition:background var(--transition-fast)}.layer-toggle.active .layer-toggle-indicator{background:currentColor}.layer-toggle-label{display:flex;flex-direction:column;gap:2px;font-size:var(--font-base);font-weight:450;color:var(--text-primary);flex:1}.layer-toggle-label small{color:var(--text-muted);font-size:var(--font-xs);font-weight:400}.source-note{margin-top:10px;padding:10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff09;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.45}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff09}.segmented-option{border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:var(--font-sm);padding:7px 4px}.segmented-option.active{background:#ffffff1a;color:var(--text-primary)}.layer-toggle.inactive .layer-toggle-label{color:var(--text-secondary)}.quality-indicator{color:var(--text-secondary);border-radius:3px}.sidebar-search-label{display:block;font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.sidebar-search-input,.sidebar-select{width:100%;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;padding:9px 10px;outline:none}.sidebar-search-input:focus,.sidebar-select:focus{border-color:var(--border-accent)}.sidebar-search-input:disabled{opacity:.55;cursor:not-allowed}.search-results{display:grid;gap:6px;margin-top:8px}.search-result{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-primary);cursor:pointer;font:inherit;padding:8px 9px;text-align:left}.search-result:hover{background:var(--bg-panel-hover)}.search-result small,.empty-state{color:var(--text-muted);font-size:var(--font-xs)}.empty-state{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);padding:10px;line-height:1.4}.sidebar-select option{color:#111}.preset-grid{display:grid;gap:6px}.preset-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--text-secondary);cursor:pointer;font:inherit;padding:7px 8px;text-align:left}.preset-btn:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-open-btn{position:absolute;top:12px;left:12px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:18px;transition:opacity var(--transition-base),background var(--transition-fast),color var(--transition-fast)}.sidebar-open-btn:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-open-btn.hidden{opacity:0;pointer-events:none}.legend{position:absolute;bottom:12px;right:12px;z-index:10;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;min-width:140px;transition:opacity var(--transition-base),transform var(--transition-base)}.legend.sidebar-open{opacity:.84}.legend-title{font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.legend-item{display:flex;align-items:center;gap:8px;padding:3px 0}.legend-color{width:16px;height:3px;border-radius:1.5px;flex-shrink:0}.legend-line{width:20px;flex-shrink:0;border:none;border-radius:1px;height:0;border-top:2px solid var(--color-gas)}.legend-line--solid{border-top-style:solid}.legend-line--dashed{border-top-style:dashed;opacity:.85}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-quality{width:10px;height:10px;border-radius:3px;border:1px solid var(--text-secondary);flex-shrink:0}.legend-label{font-size:var(--font-sm);color:var(--text-secondary)}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib{background:#0a0a12b3!important;color:var(--text-muted)!important;font-size:10px!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl-attrib a{color:var(--text-secondary)!important}.mapboxgl-ctrl-group{background:var(--bg-panel)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;box-shadow:none!important}.mapboxgl-ctrl-group button{background:transparent!important;border:none!important;width:34px!important;height:34px!important}.mapboxgl-ctrl-group button+button{border-top:1px solid var(--border-subtle)!important}.mapboxgl-ctrl-group button:hover{background:var(--bg-panel-hover)!important}.mapboxgl-ctrl-group button .mapboxgl-ctrl-icon{filter:invert(.7)}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-primary);transition:opacity .6s ease}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-title{font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px}.loading-subtitle{font-size:var(--font-sm);color:var(--text-secondary)}.map-error-banner{position:absolute;left:50%;bottom:24px;z-index:80;transform:translate(-50%);max-width:min(480px,calc(100vw - 32px));padding:12px 14px 14px;border:1px solid rgba(255,120,80,.4);border-radius:var(--radius-md);background:#160c0af2;box-shadow:var(--shadow-lg);font-size:var(--font-sm)}.map-error-banner__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.map-error-banner__title{font-size:var(--font-md);color:var(--text-primary)}.map-error-banner__dismiss{flex-shrink:0;border:1px solid var(--border-subtle);background:#ffffff0f;color:var(--text-secondary);font:inherit;font-size:var(--font-xs);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer}.map-error-banner__dismiss:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.map-error-banner__message{margin:0 0 8px;color:var(--text-secondary);line-height:1.45}.map-error-banner__hint{margin:0;font-size:var(--font-xs);line-height:1.5;color:var(--text-muted)}.map-error-banner__code{font-family:ui-monospace,monospace;font-size:.95em;color:var(--text-secondary)}.toast{position:absolute;left:50%;bottom:24px;z-index:80;display:flex;flex-direction:column;gap:3px;max-width:min(420px,calc(100vw - 32px));padding:11px 14px;border:1px solid rgba(255,190,90,.35);border-radius:var(--radius-md);background:#120e08eb;box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:var(--font-sm);transform:translate(-50%)}.toast span{color:var(--text-secondary)}.loading-spinner{width:32px;height:32px;border:2px solid var(--border-subtle);border-top-color:var(--color-gas);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.map-chrome{position:absolute;top:0;left:0;right:0;z-index:9;display:flex;justify-content:center;padding:12px 12px 0;padding-top:max(12px,env(safe-area-inset-top,0px));pointer-events:none}.map-chrome-inner{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:min(560px,calc(100vw - 24px))}.map-toolstrip{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px 8px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.map-toolstrip__btn{border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--text-secondary);font:inherit;font-size:var(--font-xs);padding:7px 11px;border-radius:var(--radius-sm);cursor:pointer;min-height:32px;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.map-toolstrip__btn:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.map-toolstrip__btn--accent{border-color:#ff8c0073;color:var(--color-gas)}.map-quickstyle{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;padding:8px 10px;background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.map-quickstyle__label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.map-quickstyle__sep{width:1px;height:18px;background:var(--border-subtle);margin:0 2px}.map-quickstyle__chips{display:flex;flex-wrap:wrap;gap:4px}.map-chip{min-width:2.25rem;padding:5px 8px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.map-chip:hover{color:var(--text-primary);background:var(--bg-panel-hover)}.map-chip--active{background:#ff8c0026;border-color:#ff8c0066;color:var(--color-gas)}.about-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:flex;align-items:center;justify-content:center;padding:20px;padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.about-modal{width:100%;max-width:440px;max-height:min(85vh,520px);overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.about-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;border-bottom:1px solid var(--border-subtle)}.about-modal__title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.about-modal__close{flex-shrink:0;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);font-size:18px;line-height:1}.about-modal__close:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.about-modal__body{padding:16px 18px 20px;font-size:var(--font-sm);line-height:1.55;color:var(--text-secondary)}.about-modal__body p{margin:0 0 12px}.about-modal__body p:last-child{margin-bottom:0}.about-modal__muted{font-size:var(--font-xs);color:var(--text-muted)}@media (max-width: 640px){.sidebar{top:auto;width:calc(100vw - 16px);max-width:none;max-height:min(72vh,calc(100vh - 96px - env(safe-area-inset-bottom,0px)));left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom,0px));padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.sidebar-tab{min-height:44px;padding:10px 4px}.sidebar-open-btn{top:auto;left:12px;bottom:max(16px,calc(12px + env(safe-area-inset-bottom,0px)))}.sidebar.collapsed{transform:translateY(calc(100% + 24px))}.legend{bottom:64px;right:8px;font-size:var(--font-xs);padding:10px 12px;min-width:120px}.legend.sidebar-open{opacity:0;pointer-events:none}.map-chrome{padding-top:max(8px,env(safe-area-inset-top,0px))}.map-toolstrip__btn{padding:8px 9px;min-height:40px}.map-chip{min-height:40px}}.mapboxgl-popup-content{background-color:#1a1a24!important;border-radius:8px!important;border:1px solid #333!important;box-shadow:0 4px 12px #0000007f!important;padding:12px 16px!important}.mapboxgl-popup-tip{border-top-color:#1a1a24!important;border-bottom-color:#1a1a24!important}.mapboxgl-popup-close-button{color:#888;font-size:16px;right:5px;top:5px}.mapboxgl-popup-close-button:hover{background-color:transparent!important;color:#fff}.feature-details{min-width:0;color:var(--text-primary)}.feature-details--sidebar{padding:0}.feature-details-title{font-size:var(--font-md);font-weight:700;letter-spacing:-.02em;margin-bottom:12px;line-height:1.35}.feature-details-list{margin:0;padding:0}.feature-details-list .feature-details-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:10px 14px;align-items:baseline;border-top:1px solid var(--border-subtle);padding:8px 0;font-size:var(--font-sm)}.feature-details-list .feature-details-row:first-of-type{border-top:none;padding-top:0}.feature-details-list dt{margin:0;color:var(--text-muted);font-weight:500}.feature-details-list dd{margin:0;text-align:right}.feature-details-value{color:var(--text-primary);font-weight:600}.feature-details-missing{color:var(--text-muted);font-style:italic;font-weight:400}