#map{height:87vh;position:relative;width:100%;z-index:0}.leaflet-popup-content{font-size:14px}.status-indicator{border:2px solid #fff;border-radius:50%;height:16px;overflow:visible;position:relative;width:16px}.icon-mqtt-connected{background-color:#16a34a}.icon-mqtt-incomplete{background-color:#f59e0b}.icon-mqtt-disconnected{background-color:#2563eb}#searchSuggestions{display:none;max-height:200px;overflow-y:auto;z-index:1050}.custom-map-controls{background:#fff;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:.5rem;left:10px;padding:6px;position:absolute;top:80px;z-index:1000}.custom-map-controls button{align-items:center;display:flex;height:36px;justify-content:center;width:36px}.custom-map-ui{background:#fff;border-radius:.5rem;box-shadow:0 2px 6px rgba(0,0,0,.2);left:10px;padding:6px 8px;position:absolute;top:80px;z-index:1000}#searchSuggestions{background:#fff;border-radius:.25rem;overflow:hidden;z-index:1100}.map-loading-spinner{background-color:hsla(0,0%,100%,.7);border-radius:8px;box-shadow:0 0 6px rgba(0,0,0,.1);padding:6px 10px;pointer-events:none;position:absolute;right:10px;top:10px;z-index:1001}.chart-container{align-items:center;display:flex;height:100%;justify-content:center;max-height:350px;min-height:350px;position:relative;width:100%}.chart-container canvas{max-height:100%;max-width:100%}.chart-loading-spinner{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:2}.legend-control{border-radius:8px;line-height:1.3}.map-live-legend{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.94);max-width:196px;min-width:176px;padding:.5rem .55rem!important}.map-live-legend-title{align-items:center;display:flex;font-size:.84rem;font-weight:700;gap:.4rem;justify-content:space-between;margin-bottom:.35rem}.map-live-legend-badge{align-items:center;background:#fef3c7;border-radius:999px;color:#92400e;display:inline-flex;font-size:.58rem;font-weight:700;justify-content:center;letter-spacing:.03em;padding:.08rem .34rem;text-transform:uppercase}.map-live-legend-section{color:#475569;font-size:.64rem;font-weight:700;letter-spacing:.04em;margin-bottom:.22rem;margin-top:.35rem;text-transform:uppercase}.map-live-legend-item{align-items:flex-start;display:flex;font-size:.71rem;gap:.45rem;line-height:1.2;margin-bottom:.24rem}.map-live-legend-dot{background:var(--legend-color,#22c55e);border-radius:999px;box-shadow:0 0 0 2px color-mix(in srgb,var(--legend-color,#22c55e) 22%,#fff 78%);flex:0 0 auto;height:10px;margin-top:.08rem;width:10px}.map-live-legend-line{border-radius:999px;border-top:3px solid #94a3b8;flex:0 0 auto;height:0;margin-top:.34rem;position:relative;width:28px}.map-live-legend-line:after{animation:map-live-legend-flow 1.5s linear infinite;border-top:2px solid hsla(0,0%,100%,.92);content:"";left:0;position:absolute;top:-1px;width:14px}.map-live-legend-line--message{border-top-color:#00c2ff;box-shadow:0 0 10px rgba(0,194,255,.28)}.map-live-legend-line--packet{border-top-color:#ff2d55;box-shadow:0 0 10px rgba(255,45,85,.28)}.map-live-legend-line--unknown{border-top-color:#94a3b8;box-shadow:0 0 10px rgba(148,163,184,.24)}.map-live-legend-line--traceroute{border-top-color:#f8fafc;border-top-style:dashed;box-shadow:0 0 12px rgba(250,204,21,.24)}.map-live-legend-note{color:#475569;font-size:.64rem;line-height:1.25;margin-top:.35rem}.legend-control .status-indicator{border-radius:50%;display:inline-block;height:16px;width:16px}.leaflet-marker-icon.map-node-filtered-out{opacity:.08!important;pointer-events:none;transform:scale(.55);transition:opacity .16s ease,transform .16s ease}.leaflet-marker-icon.map-node-isolated{opacity:1!important;transform:scale(1.08);transition:opacity .16s ease,transform .16s ease}.map-live-link-filtered-out{opacity:.05!important;stroke-opacity:.05!important}.map-live-link-isolated{opacity:1!important;stroke-opacity:1!important}.status-indicator{--live-accent-solid:#22c55e;--live-accent-soft:rgba(34,197,94,.24);--live-accent-ring:rgba(34,197,94,.8);transition:transform .18s ease,box-shadow .18s ease}.status-indicator-live{animation:status-indicator-live-core 1.6s cubic-bezier(.18,.84,.32,1) 2;z-index:4}.status-indicator-live:before{animation:status-indicator-live-aura 1.6s cubic-bezier(.18,.84,.32,1) 2;background:radial-gradient(circle,hsla(0,0%,100%,.98) 0 14%,color-mix(in srgb,var(--live-accent-soft) 85%,#fff 15%) 32%,hsla(0,0%,100%,0) 72%);inset:-6px}.status-indicator-live:after,.status-indicator-live:before{border-radius:999px;content:"";pointer-events:none;position:absolute}.status-indicator-live:after{animation:status-indicator-live-ring 1.6s cubic-bezier(.18,.84,.32,1) 2;border:3px solid var(--live-accent-ring);box-shadow:0 0 22px color-mix(in srgb,var(--live-accent-ring) 72%,transparent);inset:-11px}.map-live-link,.map-live-link-aura,.map-live-link-flow,.map-live-link-glow,.map-live-link-highlight{animation-fill-mode:both;pointer-events:none;stroke-linejoin:round}.map-live-link-clickable{cursor:pointer;pointer-events:auto}.map-live-link-aura{animation:map-live-link-bloom 7.6s ease-out forwards;filter:blur(3px)}.map-live-link-glow{animation:map-live-link-glow 7.6s ease-out forwards;filter:blur(1.2px)}.map-live-link{animation:map-live-link-main 7.6s cubic-bezier(.16,.84,.24,1) forwards;filter:drop-shadow(0 0 14px rgba(255,255,255,.08))}.map-live-link-flow{animation:map-live-link-flow 7.6s linear forwards;mix-blend-mode:screen}.map-live-link-highlight{animation:map-live-link-highlight 7.6s ease-out forwards;opacity:.96}.map-live-link--message{filter:drop-shadow(0 0 14px rgba(0,194,255,.26))}.map-live-link--packet{filter:drop-shadow(0 0 15px rgba(255,45,85,.3))}.map-live-link--unknown{filter:drop-shadow(0 0 10px rgba(148,163,184,.2))}.map-live-link--traceroute{animation-duration:35s;animation-name:map-live-link-main-traceroute;animation-timing-function:linear;filter:drop-shadow(0 0 2px rgba(15,23,42,.95)) drop-shadow(0 0 14px rgba(255,255,255,.72)) drop-shadow(0 0 26px rgba(250,204,21,.54)) drop-shadow(0 0 42px rgba(250,204,21,.32))}.map-live-link-flow--message{filter:drop-shadow(0 0 10px rgba(255,255,255,.24))}.map-live-link-flow--packet{filter:drop-shadow(0 0 12px rgba(255,244,247,.26))}.map-live-link-flow--unknown{filter:none}.map-live-link-flow--traceroute{animation-duration:35s;animation-name:map-live-link-flow-traceroute;animation-timing-function:linear;filter:drop-shadow(0 0 1px rgba(15,23,42,.98)) drop-shadow(0 0 12px rgba(255,255,255,.7)) drop-shadow(0 0 22px rgba(250,204,21,.28));mix-blend-mode:normal}.map-live-link-highlight--traceroute{animation-duration:35s;animation-name:map-live-link-highlight-traceroute;animation-timing-function:linear;filter:drop-shadow(0 0 2px rgba(15,23,42,.5)) drop-shadow(0 0 12px rgba(255,255,255,.34))}.map-live-link-highlight--unknown{opacity:.65}.map-live-toggle-active{box-shadow:0 0 0 3px rgba(220,53,69,.18)}@keyframes status-indicator-live-core{0%{box-shadow:0 0 0 0 var(--live-accent-soft),0 0 0 0 hsla(0,0%,100%,.7);transform:scale(1)}28%{box-shadow:0 0 0 10px hsla(0,0%,100%,.14),0 0 28px 10px var(--live-accent-soft);transform:scale(1.6)}55%{box-shadow:0 0 0 4px hsla(0,0%,100%,.12),0 0 18px 6px color-mix(in srgb,var(--live-accent-soft) 70%,#fff 30%);transform:scale(1.18)}to{box-shadow:0 0 0 0 hsla(0,0%,100%,0),0 0 0 0 hsla(0,0%,100%,0);transform:scale(1)}}@keyframes status-indicator-live-aura{0%{opacity:0;transform:scale(.66)}18%{opacity:.95}to{opacity:0;transform:scale(2.8)}}@keyframes status-indicator-live-ring{0%{opacity:0;transform:scale(.72)}20%{opacity:.96}to{opacity:0;transform:scale(3.1)}}@keyframes map-live-link-bloom{0%{opacity:0;stroke-opacity:0}12%{opacity:1;stroke-opacity:1}to{opacity:0;stroke-opacity:0}}@keyframes map-live-link-glow{0%{opacity:0;stroke-opacity:0}16%{opacity:1;stroke-opacity:1}72%{opacity:.82;stroke-opacity:.82}to{opacity:0;stroke-opacity:0}}@keyframes map-live-link-main{0%{opacity:0;stroke-opacity:0}10%{opacity:1;stroke-opacity:1}76%{opacity:.96;stroke-opacity:.96}to{opacity:0;stroke-opacity:0}}@keyframes map-live-link-main-traceroute{0%{opacity:0;stroke-opacity:0}3%{opacity:1;stroke-opacity:1}98.5%{opacity:1;stroke-opacity:1}to{opacity:0;stroke-opacity:0}}@keyframes map-live-link-flow{0%{opacity:0;stroke-dashoffset:42;stroke-opacity:0}10%{opacity:1;stroke-opacity:1}78%{opacity:.92;stroke-dashoffset:0;stroke-opacity:.92}to{opacity:0;stroke-dashoffset:-42;stroke-opacity:0}}@keyframes map-live-link-flow-traceroute{0%{opacity:0;stroke-dashoffset:56;stroke-opacity:0}3%{opacity:1;stroke-opacity:1}98.5%{opacity:1;stroke-dashoffset:-120;stroke-opacity:1}to{opacity:0;stroke-dashoffset:-132;stroke-opacity:0}}@keyframes map-live-link-highlight{0%{opacity:0;stroke-opacity:0}14%{opacity:.94;stroke-opacity:.94}62%{opacity:.82;stroke-opacity:.82}to{opacity:0;stroke-opacity:0}}@keyframes map-live-link-highlight-traceroute{0%{opacity:0;stroke-opacity:0}4%{opacity:.96;stroke-opacity:.96}98.5%{opacity:.96;stroke-opacity:.96}to{opacity:0;stroke-opacity:0}}@keyframes map-live-legend-flow{0%{opacity:.35;transform:translateX(0)}50%{opacity:1;transform:translateX(14px)}to{opacity:.35;transform:translateX(0)}}