:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080c14;--panel:#0c121ce6;--panel-border:#a0bedc33;--text:#e3ebf5;--text-dim:#8e9bad;--accent:#9cc6e8;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);overflow:hidden}button{font:inherit}.app{position:fixed;inset:0}.app>.map-container{z-index:0;background:var(--bg);width:100%;height:100%;position:absolute;inset:0}.map-loading{color:var(--text-dim);place-items:center;font-size:13px;display:grid}.map-tooltip{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;border-radius:8px;min-width:150px;max-width:260px;padding:9px 11px;font-family:system-ui,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;position:fixed;box-shadow:0 10px 28px #0003}.map-tooltip-dark{color:#f5f8fc;background:#070c14f0;border-color:#bed2e647}.map-tooltip-light{color:#172033;background:#fffffff2;border-color:#0f172a38;box-shadow:0 10px 28px #0f172a29}.map-tooltip-title{font-size:13px;font-weight:700}.map-tooltip-detail{opacity:.72;margin-top:3px;font-size:11px;line-height:1.45}.map-tooltip-status{margin-top:5px;font-size:11px;font-weight:700}.topbar{z-index:10;pointer-events:none;background:linear-gradient(#060a10f0,#060a1000);justify-content:space-between;align-items:flex-start;gap:18px;padding:16px 22px;display:flex;position:fixed;inset:0 0 auto}.topbar h1{color:#f4f8fc;letter-spacing:.5px;margin:0;font-size:22px;font-weight:650}.topbar-sub{color:var(--text-dim);margin-top:4px;font-size:12px;display:block}.topbar-right{pointer-events:auto;align-items:center;gap:8px;display:flex}.style-switcher,.view-controls{border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;gap:3px;padding:3px;display:inline-flex}.style-switcher button,.view-controls button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:5px;padding:5px 9px;font-size:12px}.style-switcher button:hover,.view-controls button:hover,.style-switcher button.active,.view-controls button.active{color:#f4f8fc;background:#9cc6e82e}.topology-panel,.detail-panel,.legend{z-index:10;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;position:fixed;box-shadow:0 10px 30px #0000002e}.topology-panel{width:300px;max-height:calc(100vh - 112px);padding:14px;font-size:12px;top:76px;right:22px;overflow-y:auto}.tp-head{color:#f4f8fc;font-size:15px;font-weight:650}.tp-sub{color:var(--text-dim);margin-top:4px;font-size:11px;line-height:1.5}.tp-stats{color:var(--text-dim);border:1px solid #a0bedc1f;border-radius:7px;gap:18px;margin:12px 0;padding:9px 10px;display:flex}.tp-stats strong{color:var(--accent);margin-right:4px;font-size:18px;font-weight:600}.tp-section-title{color:var(--text-dim);margin-bottom:6px;font-size:11px}.topology-panel ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.topology-panel li{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 9px;transition:background .15s,border-color .15s}.topology-panel li:hover,.topology-panel li.active{background:#9cc6e81a;border-color:#9cc6e847}.backbone-name{color:#eef5fb;align-items:center;gap:7px;font-weight:600;display:flex}.backbone-name i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px}.backbone-meta{color:var(--text-dim);justify-content:space-between;gap:8px;margin-top:3px;font-size:11px;display:flex}.backbone-meta em{font-style:normal}.detail-panel{width:286px;padding:14px;font-size:12px;top:76px;left:22px}.dp-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dp-dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 9px}.dp-title{color:#f4f8fc;flex:1;font-size:15px;font-weight:650}.dp-close{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:20px;line-height:1}.dp-close:hover{color:#fff}.dp-row{justify-content:space-between;gap:12px;padding:4px 0;display:flex}.dp-label{color:var(--text-dim);flex-shrink:0}.dp-value{color:var(--text);text-align:right;word-break:break-all;font-family:ui-monospace,Consolas,monospace;font-size:11px}.legend{padding:10px 13px;font-size:11px;bottom:22px;left:22px}.lg-title{color:var(--text-dim);margin-bottom:7px}.lg-items{gap:14px;display:flex}.lg-item{align-items:center;gap:6px;display:flex}.lg-swatch{border-radius:50%;width:9px;height:9px}.maplibregl-ctrl-top-right{top:70px;right:14px}@media (width<=760px){.topbar{padding:12px 14px}.topbar h1{font-size:18px}.topbar-sub{font-size:10px}.style-switcher button{display:none}.style-switcher button.active{display:block}.topology-panel{width:auto;max-height:36vh;top:68px;left:14px;right:14px}.detail-panel{width:auto;inset:auto 14px 82px}.legend{bottom:14px;left:14px;right:14px}.lg-items{justify-content:space-between}}