.packets-iata-filter{display:inline-flex;align-items:center;gap:7px;flex:0 0 96px;padding:0 9px;font-size:10px;font-weight:950;text-transform:uppercase}.packets-iata-filter span{color:var(--mc-text-muted, #9fb1c9)}.packets-iata-filter input{width:44px;min-width:0;color:var(--mc-text, #f8fafc);font-size:12px;font-weight:900;text-transform:uppercase;background:transparent;border:0;outline:0}.netgraph-panel{position:fixed;inset:48px 10px 10px;z-index:74;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 72%,transparent);border-radius:8px;background:color-mix(in srgb,#050812 88%,var(--mc-panel-bg, #0f172a));box-shadow:0 24px 80px #00000085}.netgraph-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-bottom:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 42%,transparent);background:color-mix(in srgb,var(--mc-panel-bg, #111827) 76%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.netgraph-header h2{margin:2px 0 3px;font-size:1.05rem;line-height:1.1}.netgraph-header p{margin:0;color:var(--mc-muted, #9fb1c9);font-size:.78rem}.netgraph-toolbar,.netgraph-search,.netgraph-toolbar button,.netgraph-live-chip{display:flex;align-items:center}.netgraph-toolbar{gap:8px;flex-wrap:wrap;justify-content:flex-end}.netgraph-search{min-width:250px;gap:8px;height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 42%,transparent);border-radius:7px;background:color-mix(in srgb,var(--mc-panel-bg, #101827) 72%,#020617);color:var(--mc-muted, #9fb1c9)}.netgraph-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--mc-text, #edf5ff);font-size:.8rem}.netgraph-toolbar button{gap:6px;min-height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 48%,transparent);border-radius:7px;background:color-mix(in srgb,var(--mc-panel-bg, #101827) 78%,transparent);color:var(--mc-text, #edf5ff);cursor:pointer}.netgraph-toolbar button:hover,.netgraph-toolbar button:focus-visible{border-color:var(--mc-accent, #38bdf8);color:var(--mc-accent, #38bdf8)}.netgraph-canvas-wrap{position:relative;min-height:0;overflow:hidden}.netgraph-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.netgraph-canvas:active{cursor:grabbing}.netgraph-empty{position:absolute;inset:50%;width:min(320px,calc(100% - 32px));transform:translate(-50%,-50%);padding:14px 16px;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 36%,transparent);border-radius:8px;background:#050a12d6;color:var(--mc-muted, #9fb1c9);text-align:center}.netgraph-live-chip{position:absolute;left:14px;bottom:14px;gap:8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--mc-accent, #38bdf8) 48%,transparent);border-radius:7px;background:#040a12c7;color:var(--mc-text, #edf5ff);font-size:.76rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.netgraph-live-chip svg{color:var(--mc-accent, #38bdf8)}.netgraph-live-chip b{color:var(--mc-success, #22c55e);font-weight:800}.netgraph-inspector{position:absolute;right:18px;bottom:18px;width:min(360px,calc(100% - 36px));max-height:calc(100% - 130px);overflow:auto;padding:14px;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 56%,transparent);border-radius:8px;background:color-mix(in srgb,var(--mc-panel-bg, #101827) 88%,#020617);color:var(--mc-text, #edf5ff);box-shadow:0 18px 54px #00000075}.netgraph-inspector.empty{color:var(--mc-muted, #9fb1c9)}.netgraph-inspector h3{margin:4px 28px 12px 0;font-size:1.08rem}.netgraph-inspector p{margin:6px 0 0;color:var(--mc-muted, #9fb1c9)}.netgraph-inspector dl{display:grid;gap:8px;margin:0}.netgraph-inspector dl div{display:grid;grid-template-columns:112px 1fr;gap:10px}.netgraph-inspector dt{color:var(--mc-muted, #9fb1c9)}.netgraph-inspector dd{min-width:0;margin:0;overflow-wrap:anywhere;font-weight:800}.netgraph-inspector-close{position:absolute;top:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--mc-panel-border, #38bdf8) 48%,transparent);border-radius:7px;background:transparent;color:var(--mc-muted, #9fb1c9);cursor:pointer}@media(max-width:700px){.netgraph-panel{inset:42px 0 0;border-right:0;border-left:0;border-bottom:0;border-radius:0}.netgraph-header{align-items:stretch;flex-direction:column;gap:10px;padding:10px}.netgraph-toolbar{justify-content:stretch}.netgraph-search{flex:1 1 100%;min-width:0}.netgraph-toolbar button{flex:1 1 auto;justify-content:center;min-width:0;padding:0 8px}.netgraph-toolbar button span{display:none}.netgraph-inspector{right:10px;bottom:10px;width:calc(100% - 20px);max-height:38%;padding:12px}.netgraph-inspector dl div{grid-template-columns:90px 1fr}.netgraph-live-chip{left:10px;bottom:calc(38% + 20px)}}:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#05070b;color:#edf5ff;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme-mode=light]{color-scheme:light;background:#eef5fb;color:#0f172a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;color:var(--mc-text, #edf5ff);background:var(--mc-bg, #05070b);--mc-bg: var(--palette-bg-base, #05070b);--mc-surface: color-mix(in srgb, var(--palette-bg-surface, #111827) 88%, transparent);--mc-surface-strong: color-mix(in srgb, var(--palette-bg-raised, #172033) 94%, transparent);--mc-control-bg: color-mix(in srgb, var(--palette-bg-surface, #08121f) 84%, transparent);--mc-border: color-mix(in srgb, var(--palette-primary, #7dd3fc) 28%, transparent);--mc-border-strong: color-mix(in srgb, var(--palette-primary, #38bdf8) 56%, transparent);--mc-text: var(--palette-text-bright, #edf5ff);--mc-text-normal: var(--palette-text-normal, #cbd5e1);--mc-text-muted: var(--palette-text-muted, #94a3b8);--mc-accent: var(--palette-primary, #38bdf8);--mc-secondary: var(--palette-secondary, #a78bfa);--mc-green: var(--palette-green, #22c55e);--mc-danger: var(--palette-danger, #ef4444);--mc-warn: var(--palette-warn, #facc15);--mc-link: color-mix(in srgb, var(--mc-accent, #38bdf8) 82%, var(--mc-text, #edf5ff));--mc-link-hover: color-mix(in srgb, var(--mc-secondary, #a78bfa) 72%, var(--mc-text, #edf5ff));--mc-shadow: rgba(0, 0, 0, .38);--vcr-bar-height: 52px}.app-shell[data-vcr-layout=open]{--vcr-bar-height: 72px}.app-shell[data-packets-mode=compactTray]{--vcr-bar-height: 78px}.app-shell[data-theme-mode=light]{--mc-bg: #eef5fb;--mc-surface: rgba(255, 255, 255, .78);--mc-surface-strong: rgba(255, 255, 255, .94);--mc-control-bg: rgba(255, 255, 255, .84);--mc-border: color-mix(in srgb, var(--palette-primary, #2563eb) 36%, rgba(15, 23, 42, .16));--mc-border-strong: color-mix(in srgb, var(--palette-primary, #2563eb) 62%, rgba(15, 23, 42, .18));--mc-text: #0f172a;--mc-text-normal: #334155;--mc-text-muted: #64748b;--mc-link: color-mix(in srgb, var(--mc-accent, #2563eb) 72%, #0f172a);--mc-link-hover: color-mix(in srgb, var(--mc-secondary, #7c3aed) 68%, #0f172a);--mc-shadow: rgba(15, 23, 42, .16)}.app-shell[data-theme-mode=light] .payload-chip,.app-shell[data-theme-mode=light] .payload-badge{color:color-mix(in srgb,var(--payload-color) 58%,#0f172a 42%);background:color-mix(in srgb,var(--payload-color) 12%,rgba(255,255,255,.9) 88%);border-color:color-mix(in srgb,var(--payload-color) 42%,rgba(15,23,42,.16) 58%);text-shadow:none}.app-shell[data-theme-mode=light] .plot-route-button,.app-shell[data-theme-mode=light] .dock-control-button,.app-shell[data-theme-mode=light] .vcr-button{color:var(--mc-text, #0f172a);background:#ffffffdb}.app-shell[data-theme-mode=light] .plot-route-button.primary{color:color-mix(in srgb,var(--mc-warn, #b45309) 42%,#0f172a 58%);background:color-mix(in srgb,var(--mc-warn, #f59e0b) 16%,rgba(255,255,255,.9) 84%)}.map-wrap,.map-container,.rf-canvas{position:absolute;inset:0}.map-wrap{filter:none;opacity:1;transform:none;transition:filter .24s ease,opacity .24s ease,transform .24s ease}.map-wrap:before,.map-wrap:after{position:absolute;inset:0;display:none;content:"";pointer-events:none}.map-wrap:before{z-index:1;background:radial-gradient(circle at 26% 28%,#2dd4bf1a,#2dd4bf00 28%),radial-gradient(circle at 78% 22%,#a855f717,#a855f700 30%),radial-gradient(circle at 62% 78%,#38bdf814,#38bdf800 34%);mix-blend-mode:screen}.map-wrap:after{z-index:4;background:repeating-linear-gradient(180deg,rgba(125,211,252,.018) 0 1px,transparent 1px 7px),linear-gradient(90deg,rgba(45,212,191,.025),transparent 28%,transparent 72%,rgba(168,85,247,.022));opacity:.22;mix-blend-mode:screen}.map-wrap.loading{filter:none;opacity:1;transform:none}.map-container{background:var(--mc-bg, #05070b)}.rf-canvas{display:block;width:100%;height:100%;pointer-events:none;z-index:3}.node-label-overlay,.packet-message-overlay{position:absolute;inset:0;pointer-events:none}.node-label-overlay{z-index:4}.packet-message-overlay{z-index:5}.node-screen-label{position:absolute;min-width:54px;max-width:148px;color:var(--node-label-color, #eaf6ff);opacity:var(--node-label-opacity, .18);text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.92),0 -1px 2px rgba(0,0,0,.92),1px 0 2px rgba(0,0,0,.92),-1px 0 2px rgba(0,0,0,.92);filter:drop-shadow(0 0 calc(1px + var(--node-label-glow, 0) * 5px) color-mix(in srgb,var(--node-label-color, #38bdf8) 26%,transparent));transition:opacity 4.2s cubic-bezier(.16,1,.3,1),filter 5.2s cubic-bezier(.16,1,.3,1),color 4.8s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.node-screen-label-name,.node-screen-label-age{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-screen-label-name{font-size:10px;font-weight:760;line-height:1.05}.node-screen-label-age{margin-top:1px;color:color-mix(in srgb,var(--node-label-color, #38bdf8) 42%,#dbeafe 58%);font-size:8px;font-weight:650;line-height:1}.node-screen-label.active,.node-screen-label.neighbor,.node-screen-label.path,.node-screen-label.selected{z-index:2}.node-screen-label.neighbor .node-screen-label-name,.node-screen-label.path .node-screen-label-name,.node-screen-label.selected .node-screen-label-name{font-size:11px;font-weight:850}.node-screen-label.observer{z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.96),0 -1px 2px rgba(0,0,0,.96),1px 0 2px rgba(0,0,0,.96),-1px 0 2px rgba(0,0,0,.96),0 0 9px color-mix(in srgb,var(--node-label-color, #fbbf24) 42%,transparent);filter:drop-shadow(0 0 calc(2px + var(--node-label-glow, 0) * 7px) color-mix(in srgb,var(--node-label-color, #fbbf24) 42%,transparent))}.node-screen-label.observer .node-screen-label-name{font-size:11px;font-weight:950}.node-screen-label.observer .node-screen-label-age{color:color-mix(in srgb,var(--node-label-color, #fbbf24) 58%,#ffffff 42%);font-weight:780}.node-screen-label.neighbor{text-shadow:0 1px 2px rgba(0,0,0,.94),0 -1px 2px rgba(0,0,0,.94),1px 0 2px rgba(0,0,0,.94),-1px 0 2px rgba(0,0,0,.94),0 0 7px color-mix(in srgb,var(--node-label-color, #67e8f9) 24%,transparent)}.node-screen-label.path{z-index:3;text-shadow:0 1px 2px rgba(0,0,0,.96),0 -1px 2px rgba(0,0,0,.96),1px 0 2px rgba(0,0,0,.96),-1px 0 2px rgba(0,0,0,.96),0 0 10px color-mix(in srgb,var(--node-label-color, #facc15) 42%,transparent)}.packet-message-bubble{position:absolute;display:grid;gap:3px;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:7px 9px 8px;color:#f8fbff;background:linear-gradient(135deg,color-mix(in srgb,var(--message-color, #a78bfa) 22%,rgba(3,7,18,.93) 78%),#030712e0);border:1px solid color-mix(in srgb,var(--message-color, #a78bfa) 62%,rgba(248,250,252,.16) 38%);border-radius:9px;box-shadow:0 0 18px color-mix(in srgb,var(--message-color, #a78bfa) 42%,transparent),0 10px 26px #00000070,inset 0 1px #ffffff1f;text-shadow:0 0 10px rgba(0,0,0,.78);animation:packet-message-fade 5.2s ease-out forwards;will-change:opacity,transform}.packet-message-bubble:after{position:absolute;left:50%;bottom:-6px;width:10px;height:10px;content:"";background:color-mix(in srgb,var(--message-color, #a78bfa) 30%,rgba(3,7,18,.95) 70%);border-right:1px solid color-mix(in srgb,var(--message-color, #a78bfa) 58%,rgba(248,250,252,.12) 42%);border-bottom:1px solid color-mix(in srgb,var(--message-color, #a78bfa) 58%,rgba(248,250,252,.12) 42%);transform:translate(-50%) rotate(45deg)}.packet-message-sender{overflow:hidden;color:color-mix(in srgb,var(--message-color, #a78bfa) 64%,#ffffff 36%);font-size:10px;font-weight:900;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.packet-message-text{overflow:visible;color:#fff;font-size:12px;font-weight:800;line-height:1.16;overflow-wrap:anywhere;white-space:normal}@keyframes packet-message-fade{0%{opacity:0}12%{opacity:1}70%{opacity:.92}to{opacity:0}}.map-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;display:none}.maplibregl-map{font:inherit}.maplibregl-ctrl-bottom-right{right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 12px)}.link-bar,.status-bar,.top-actions,.bottom-action-dock,.follow-traffic-button,.plot-routes-panel,.vcr-mini-clock,.search-panel,.legend-panel,.hot-routes,.selection-panels,.selection-drawer,.activity-panel,.node-loading-toast,.share-toast,.perf-panel,.packets-panel,.packets-compact-tray,.map-settings-drawer,.vcr-bar{position:absolute;z-index:6}.node-loading-toast{right:64px;bottom:calc(var(--vcr-bar-height, 0px) + 18px);z-index:8;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;width:min(370px,calc(100vw - 32px));padding:14px 16px;color:#e0f2fe;background:linear-gradient(135deg,#050a14f0,#0a1220e0);border:1px solid rgba(125,211,252,.48);border-radius:8px;box-shadow:0 22px 56px #0000007a,0 0 28px #38bdf81a,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);transform:none;pointer-events:none}.node-hover-toast{position:absolute;z-index:9;width:250px;max-width:calc(100vw - 24px);padding:10px 11px;color:#e5f6ff;background:linear-gradient(135deg,#040a12f5,#081220e6);border:1px solid rgba(125,211,252,.38);border-radius:7px;box-shadow:0 18px 42px #00000075,0 0 18px #38bdf814,inset 0 1px #ffffff12;pointer-events:none}.node-hover-toast strong,.node-hover-toast span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-hover-toast strong{font-size:13px;line-height:1.25}.node-hover-toast span{margin-top:3px;color:#9fb7d0;font-size:11px}.node-hover-toast dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 0}.node-hover-toast div{min-width:0}.node-hover-toast dt{color:#7dd3fc;font-size:10px;font-weight:800;letter-spacing:0;text-transform:uppercase}.node-hover-toast dd{margin:2px 0 0;color:#f8fafc;font-size:12px;font-weight:700}.node-loading-toast.warn{color:#fde68a;border-color:#fbbf246b}.node-loading-toast strong,.node-loading-toast em{display:block;min-width:0}.node-loading-toast strong{font-size:14px;line-height:1.25}.node-loading-toast em{margin-top:3px;color:#9fb1c9;font-size:12px;font-style:normal;line-height:1.35}.node-loading-spinner{width:34px;height:34px;border:3px solid rgba(125,211,252,.18);border-top-color:#7dd3fc;border-right-color:#2dd4bfb8;border-radius:999px;box-shadow:0 0 14px #38bdf833;animation:node-loading-spin 1.2s linear infinite}@keyframes node-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.map-wrap,.node-loading-spinner,.hot-route.recent{transition:none;animation:none}}.link-bar{top:8px;left:10px;right:10px;z-index:7;min-height:34px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;padding:5px 8px;color:var(--mc-text-normal, #dbeafe);background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface, rgba(4, 9, 16, .58)) 62%,transparent),color-mix(in srgb,var(--mc-surface-strong, rgba(9, 18, 31, .42)) 46%,transparent));border:1px solid color-mix(in srgb,var(--mc-accent, #7dd3fc) 16%,transparent);border-radius:7px;box-shadow:0 12px 28px var(--mc-shadow, rgba(0, 0, 0, .2)),inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.link-bar a{min-width:0;color:var(--mc-link, inherit);text-decoration:none}.link-bar-brand,.link-bar-github,.link-bar-build,.link-bar-right,.link-bar-info-actions{display:inline-flex;align-items:center;min-width:0;min-height:23px}.link-bar-build a,.link-bar-build span{max-width:160px;overflow:hidden;text-overflow:ellipsis}.link-bar-brand,.link-bar-github{gap:7px;width:max-content;max-width:100%;padding:0 7px;border:1px solid transparent;border-radius:6px;font-size:11px;font-weight:780;transition:color .16s ease,border-color .16s ease,background .16s ease}.link-bar-brand:hover,.link-bar-brand:focus-visible,.link-bar-github:hover,.link-bar-github:focus-visible,.link-bar-build a:hover,.link-bar-build a:focus-visible{color:var(--mc-link-hover, #f8fafc);background:color-mix(in srgb,var(--mc-accent, #38bdf8) 12%,transparent);border-color:var(--mc-border-strong, rgba(125, 211, 252, .42));outline:none}.link-bar-brand img{width:20px;height:20px;flex:0 0 auto;border-radius:999px;box-shadow:0 0 12px #7dd3fc38,0 0 20px #f871711a}.link-bar-brand span,.link-bar-github span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-bar-build{justify-content:center;gap:8px;color:var(--mc-text-normal, #cfe9ff);font-size:11px;white-space:nowrap}.link-bar-build strong{color:var(--mc-text, #f8fafc);font-size:12px;font-weight:850}.link-bar-build span{color:var(--mc-text-normal, #91a9c4);font-weight:720}.link-bar-build a{padding:2px 5px;border:1px solid color-mix(in srgb,var(--mc-link, #38bdf8) 18%,transparent);border-radius:5px;font-weight:780}.link-bar-build .link-bar-perf{display:inline-flex;align-items:center;gap:4px;color:color-mix(in srgb,var(--mc-accent, #38bdf8) 74%,var(--mc-text, #ffffff));background:color-mix(in srgb,var(--mc-accent, #38bdf8) 8%,transparent)}.link-bar-build .link-bar-perf.active{color:var(--mc-text, #ffffff);border-color:color-mix(in srgb,var(--mc-accent, #38bdf8) 62%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--mc-accent, #38bdf8) 22%,transparent)}.link-bar-github{color:var(--mc-text-normal, #dbeafe)}.link-bar-right{justify-self:end;justify-content:flex-end;gap:7px}.link-bar-info-actions{gap:5px}.link-bar-info-actions button,.link-bar-info-popover button,.welcome-guide-popover button,.guide-card button{color:var(--mc-text-normal, #dbeafe);background:color-mix(in srgb,var(--mc-control-bg, rgba(8, 16, 28, .74)) 86%,transparent);border:1px solid color-mix(in srgb,var(--mc-accent, #38bdf8) 22%,transparent);border-radius:6px;cursor:pointer}.link-bar-info-actions button{display:inline-flex;align-items:center;gap:4px;min-height:23px;padding:2px 7px;font-size:11px;font-weight:780;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.link-bar-info-actions button:hover,.link-bar-info-actions button:focus-visible,.link-bar-info-actions button.active{color:var(--mc-text, #ffffff);background:color-mix(in srgb,var(--mc-accent, #38bdf8) 13%,transparent);border-color:var(--mc-border-strong, rgba(125, 211, 252, .42));outline:none;box-shadow:0 0 16px color-mix(in srgb,var(--mc-accent, #38bdf8) 18%,transparent)}.link-bar-info-popover,.welcome-guide-popover,.guide-overlay{position:fixed;z-index:12}.link-bar-info-popover,.welcome-guide-popover,.guide-card{color:var(--mc-text, #f8fafc);background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface, #07101d) 96%,transparent),color-mix(in srgb,var(--mc-surface-strong, #101827) 92%,transparent)),radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--mc-accent, #38bdf8) 16%,transparent),transparent 38%);border:1px solid var(--mc-border-strong, rgba(125, 211, 252, .46));border-radius:9px;box-shadow:0 22px 64px var(--mc-shadow, rgba(0, 0, 0, .48)),0 0 28px color-mix(in srgb,var(--mc-accent, #38bdf8) 12%,transparent),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}.link-bar-info-popover{top:50px;right:110px;width:min(430px,calc(100vw - 24px));padding:12px}.link-bar-info-popover header,.guide-card header{display:flex;align-items:center;gap:8px}.link-bar-info-popover header strong{flex:1 1 auto;font-size:13px}.link-bar-info-popover header button,.guide-card header button,.welcome-guide-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}.link-bar-info-body{display:grid;gap:10px;margin-top:9px}.link-bar-info-body p,.welcome-guide-popover p{margin:0;color:var(--mc-text-normal, #cbd5e1);font-size:12px;line-height:1.45}.link-bar-info-body ul,.welcome-guide-popover ul,.guide-card ul{display:grid;gap:7px;margin:0;padding-left:18px;color:var(--mc-text-normal, #cbd5e1);font-size:12px;line-height:1.4}.link-bar-info-body a{justify-self:start;padding:4px 7px;color:var(--mc-link, #7dd3fc);border:1px solid color-mix(in srgb,var(--mc-link, #7dd3fc) 26%,transparent);border-radius:6px;font-size:11px;font-weight:820}.welcome-guide-popover{top:58px;right:18px;width:min(420px,calc(100vw - 24px));padding:15px}.welcome-guide-close{position:absolute;top:10px;right:10px}.welcome-guide-popover h2,.guide-card h2,.guide-card h3{margin:0;color:var(--mc-text, #f8fafc)}.welcome-guide-popover h2{margin:3px 34px 8px 0;font-size:20px}.welcome-guide-popover ul{margin-top:10px}.welcome-guide-check{display:flex;gap:8px;align-items:center;margin-top:12px;color:var(--mc-text-normal, #cbd5e1);font-size:12px}.welcome-guide-check input{accent-color:var(--mc-accent, #38bdf8)}.welcome-guide-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.welcome-guide-actions button{min-height:31px;padding:0 10px;font-size:12px;font-weight:820}.welcome-guide-actions button.primary{color:#061016;background:color-mix(in srgb,var(--mc-accent, #38bdf8) 82%,#ffffff 18%);border-color:color-mix(in srgb,var(--mc-accent, #38bdf8) 72%,#ffffff 28%)}.guide-overlay{inset:0;display:grid;place-items:center;padding:22px;background:#02060e9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guide-card{width:min(920px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 48px));overflow:auto;padding:18px}.guide-card header{justify-content:space-between;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--mc-border, #38bdf8) 55%,transparent)}.guide-card h2{margin-top:3px;font-size:24px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.guide-grid section{padding:12px;background:color-mix(in srgb,var(--mc-control-bg, rgba(8, 16, 28, .74)) 72%,transparent);border:1px solid color-mix(in srgb,var(--mc-border, #38bdf8) 40%,transparent);border-radius:8px}.guide-card h3{margin-bottom:8px;font-size:13px}.perf-panel,.packets-panel{top:92px;left:50%;z-index:10;display:grid;gap:12px;width:min(1040px,calc(100vw - 28px));max-height:calc(100vh - var(--vcr-bar-height, 0px) - 116px);padding:14px;color:var(--mc-text, #f8fafc);background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface, #060b12) 94%,transparent),color-mix(in srgb,var(--mc-surface-strong, #111827) 88%,transparent)),radial-gradient(circle at 16% 0%,color-mix(in srgb,var(--mc-accent, #38bdf8) 18%,transparent),transparent 34%);border:1px solid color-mix(in srgb,var(--mc-border-strong, rgba(125, 211, 252, .5)) 82%,transparent);border-radius:8px;box-shadow:0 28px 72px var(--mc-shadow, rgba(0, 0, 0, .48)),0 0 34px color-mix(in srgb,var(--mc-accent, #38bdf8) 14%,transparent),inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);overflow:auto;transform:translate(-50%);pointer-events:auto}.perf-panel-header,.perf-panel-actions,.packets-panel-header,.packets-panel-actions,.perf-card h3,.perf-status-strip,.packets-summary-strip,.packets-toolbar,.packet-row-top,.packet-row-meta,.packets-footer,.packet-summary,.packet-payload,.packet-replay-button{display:flex;align-items:center}.perf-panel-header,.packets-panel-header{justify-content:space-between;gap:12px}.perf-panel-header h2,.packets-panel-header h2{margin:2px 0 0;font-size:22px;line-height:1.1}.packets-panel-header p{margin:4px 0 0;color:var(--mc-text-muted, #9fb1c9);font-size:12px;font-weight:700}.perf-panel-actions,.packets-panel-actions{gap:7px}.perf-status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.perf-status,.perf-card,.perf-error,.perf-loading,.packet-summary,.packets-error,.packets-loading,.packets-empty{background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .84)) 84%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .26));border-radius:7px;box-shadow:inset 0 1px #ffffff0f}.perf-status{min-width:0;padding:8px 10px}.packets-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.packet-summary{gap:8px;min-width:0;padding:8px 10px}.packet-summary svg{color:color-mix(in srgb,var(--mc-accent, #38bdf8) 76%,var(--mc-text, #ffffff))}.packet-summary span,.packets-toolbar select,.packets-checkbox,.packet-row-meta,.packet-message-preview,.packets-footer,.packets-loading,.packets-empty{color:var(--mc-text-muted, #9fb1c9)}.packet-summary span{min-width:0;overflow:hidden;font-size:10px;font-weight:850;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.packet-summary strong{margin-left:auto;min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:13px;font-variant-numeric:tabular-nums;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.packets-toolbar{flex-wrap:wrap;gap:8px}.packets-search,.packets-iata-filter,.packets-toolbar select,.packets-checkbox,.packets-scopes button,.packets-footer button{min-height:36px;color:var(--mc-text, #f8fafc);background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .88)) 90%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .26));border-radius:7px}.packets-search{display:flex;align-items:center;gap:8px;flex:1 1 280px;min-width:240px;padding:0 10px}.packets-search svg{color:color-mix(in srgb,var(--mc-accent, #38bdf8) 70%,var(--mc-text, #ffffff))}.packets-search input{flex:1;min-width:0;color:var(--mc-text, #f8fafc);background:transparent;border:0;outline:0}.packets-search button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--mc-text-muted, #9fb1c9);background:transparent;border:0}.packets-toolbar select{padding:0 9px;font-size:12px;font-weight:800}.packets-checkbox{gap:7px;padding:0 10px;font-size:12px;font-weight:850}.packets-scopes{display:inline-flex;gap:5px}.packets-scopes button,.packets-footer button{padding:0 11px;font-size:11px;font-weight:900}.packets-scopes button.active{color:var(--mc-text, #ffffff);border-color:color-mix(in srgb,var(--mc-accent, #38bdf8) 58%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mc-accent, #38bdf8) 18%,transparent)}.packets-list{display:grid;gap:7px;min-height:0;overflow:auto}.packets-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:10px;min-height:0}.packets-list.virtual{height:min(54vh,560px);gap:0;padding-right:4px}.packet-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;height:104px;margin-bottom:8px;min-width:0;padding:8px;background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .84)) 84%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .26));border-radius:7px}.packet-row.selected{border-color:color-mix(in srgb,var(--mc-accent, #38bdf8) 66%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--mc-accent, #38bdf8) 16%,transparent)}.packet-row-main{display:grid;gap:6px;min-width:0;padding:0;color:inherit;text-align:left;background:transparent;border:0}.packet-row-top{gap:8px;min-width:0}.packet-row-top strong{min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.packet-row-top em{margin-left:auto;color:color-mix(in srgb,var(--mc-secondary, #a78bfa) 74%,var(--mc-text, #ffffff));font-size:11px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:850;white-space:nowrap}.packet-payload{gap:5px;flex:0 0 auto;min-width:56px;padding:3px 7px;color:color-mix(in srgb,var(--packet-color, #38bdf8) 70%,var(--mc-text, #ffffff));background:color-mix(in srgb,var(--packet-color, #38bdf8) 13%,transparent);border:1px solid color-mix(in srgb,var(--packet-color, #38bdf8) 48%,transparent);border-radius:999px;font-size:10px;font-weight:950}.packet-payload i{width:7px;height:7px;background:var(--packet-color, #38bdf8);border-radius:999px;box-shadow:0 0 10px var(--packet-color, #38bdf8)}.packet-row-meta{flex-wrap:wrap;gap:6px;font-size:11px;font-weight:760}.packet-row-meta span{padding:2px 6px;background:color-mix(in srgb,var(--mc-surface-strong, #111827) 72%,transparent);border:1px solid color-mix(in srgb,var(--mc-border, rgba(125, 211, 252, .26)) 78%,transparent);border-radius:5px}.packet-message-preview{min-width:0;overflow:hidden;font-size:11px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}.packet-message-preview b{color:color-mix(in srgb,var(--mc-accent, #38bdf8) 72%,var(--mc-text, #ffffff))}.packet-replay-button{align-self:stretch;gap:6px;padding:0 12px;color:color-mix(in srgb,var(--mc-green, #22c55e) 80%,var(--mc-text, #ffffff));background:color-mix(in srgb,var(--mc-green, #22c55e) 10%,var(--mc-control-bg, #07101d));border:1px solid color-mix(in srgb,var(--mc-green, #22c55e) 42%,transparent);border-radius:7px;font-size:11px;font-weight:900}.packet-detail{display:grid;align-content:start;gap:10px;min-width:0;padding:12px;background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .86)) 88%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .26));border-radius:8px;overflow:auto}.packet-detail.empty{color:var(--mc-text-muted, #9fb1c9)}.packet-detail.empty strong{color:var(--mc-text, #f8fafc)}.packet-detail.empty p{margin:0;font-size:12px;font-weight:720}.packet-detail-title,.packet-detail-actions,.packet-segment{display:flex;align-items:center}.packet-detail-title{gap:8px;min-width:0}.packet-detail-title strong{min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.packet-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.packet-detail-grid div{min-width:0}.packet-detail-grid dt{color:var(--mc-text-muted, #9fb1c9);font-size:9px;font-weight:900;text-transform:uppercase}.packet-detail-grid dd{margin:2px 0 0;min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:12px;font-weight:840;text-overflow:ellipsis;white-space:nowrap}.packet-detail-message{margin:0;padding:8px;color:var(--mc-text-normal, #dbeafe);background:color-mix(in srgb,var(--mc-accent, #38bdf8) 9%,transparent);border-left:2px solid color-mix(in srgb,var(--mc-accent, #38bdf8) 55%,transparent);border-radius:6px;font-size:12px;font-weight:760}.packet-detail-actions{gap:7px;flex-wrap:wrap}.packet-detail-actions button,.packets-tray-actions button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--mc-text, #f8fafc);background:var(--mc-control-bg, rgba(7, 16, 29, .88));border:1px solid var(--mc-border, rgba(125, 211, 252, .28));border-radius:7px;cursor:pointer;font-size:11px;font-weight:900}.packet-detail-actions button:hover,.packet-detail-actions button:focus-visible,.packets-tray-actions button:hover,.packets-tray-actions button:focus-visible{border-color:var(--mc-border-strong, rgba(56, 189, 248, .64));outline:none}.packet-copy-status{color:color-mix(in srgb,var(--mc-green, #22c55e) 74%,var(--mc-text, #ffffff));font-size:11px;font-weight:850}.packet-segment-list{display:grid;gap:6px;max-height:210px;overflow:auto}.packet-segment{gap:7px;min-width:0;padding:7px;background:color-mix(in srgb,var(--mc-surface-strong, #111827) 72%,transparent);border:1px solid color-mix(in srgb,var(--mc-border, rgba(125, 211, 252, .26)) 72%,transparent);border-radius:6px}.packet-segment span{display:inline-grid;place-items:center;width:19px;height:19px;color:#111827;background:color-mix(in srgb,var(--mc-accent, #38bdf8) 70%,#ffffff);border-radius:999px;font-size:10px;font-weight:950}.packet-segment strong{min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:11px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.packet-segment em{margin-left:auto;color:var(--mc-text-muted, #9fb1c9);font-size:10px;font-style:normal;font-weight:850;white-space:nowrap}.packets-compact-tray{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:9;width:min(920px,calc(100vw - 20px));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;color:var(--mc-text, #f8fafc);background:color-mix(in srgb,var(--mc-surface, rgba(5, 10, 17, .94)) 94%,transparent);border:1px solid color-mix(in srgb,var(--mc-secondary, #a78bfa) 36%,transparent);border-radius:8px;box-shadow:0 18px 46px var(--mc-shadow, rgba(0, 0, 0, .46)),0 0 28px color-mix(in srgb,var(--mc-secondary, #a78bfa) 16%,transparent);transform:translate(-50%);pointer-events:auto}.packets-tray-summary{display:grid;gap:2px;min-width:0}.packets-tray-summary strong{min-width:0;overflow:hidden;font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.packets-tray-summary small{color:var(--mc-text-muted, #9fb1c9);font-size:11px;font-weight:800}.packets-tray-actions{display:flex;gap:7px;align-items:center}.packets-footer{justify-content:space-between;gap:10px;font-size:12px;font-weight:760}.packets-footer button:disabled{opacity:.55}.perf-status span,.perf-metric span,.perf-note,.perf-loading{color:var(--mc-text-muted, #9fb1c9)}.perf-status span,.perf-metric span{display:block;min-width:0;overflow:hidden;font-size:10px;font-weight:850;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.perf-status strong{display:block;margin-top:3px;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.perf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.perf-card{min-width:0;padding:11px}.perf-card h3{gap:7px;margin:0 0 9px;color:color-mix(in srgb,var(--mc-accent, #38bdf8) 72%,var(--mc-text, #ffffff));font-size:12px;line-height:1;text-transform:uppercase}.perf-metrics{display:grid;gap:6px}.perf-metric{display:grid;grid-template-columns:minmax(0,1fr) minmax(74px,auto);gap:10px;align-items:baseline;min-width:0}.perf-metric strong{min-width:0;overflow:hidden;color:var(--mc-text, #f8fafc);font-size:12px;font-variant-numeric:tabular-nums;font-weight:850;text-align:right;text-overflow:ellipsis;white-space:nowrap}.perf-good strong,.perf-good{color:color-mix(in srgb,var(--mc-green, #22c55e) 80%,var(--mc-text, #ffffff));border-color:color-mix(in srgb,var(--mc-green, #22c55e) 38%,transparent)}.perf-warn strong,.perf-warn{color:color-mix(in srgb,var(--mc-amber, #f59e0b) 82%,var(--mc-text, #ffffff));border-color:color-mix(in srgb,var(--mc-amber, #f59e0b) 42%,transparent)}.perf-bad strong,.perf-bad{color:color-mix(in srgb,var(--mc-red, #ef4444) 82%,var(--mc-text, #ffffff));border-color:color-mix(in srgb,var(--mc-red, #ef4444) 48%,transparent)}.perf-quiet strong,.perf-quiet{color:color-mix(in srgb,var(--mc-secondary, #a78bfa) 70%,var(--mc-text, #ffffff))}.perf-error,.perf-loading{padding:10px 12px;font-size:12px;font-weight:800}.perf-error{color:#fecdd3;border-color:#f8717180}.perf-note{margin:0;font-size:11px;line-height:1.4}.status-bar{top:52px;left:10px;right:226px;display:flex;flex-wrap:nowrap;gap:6px;align-items:center;overflow:hidden}.status-pill{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:30px;padding:0 9px;color:#dbeafe;background:linear-gradient(135deg,#060b12e6,#0a1423c7);border:1px solid rgba(125,211,252,.2);border-radius:6px;box-shadow:0 12px 28px #0000004d,0 0 14px #38bdf809,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);font-size:11px;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.status-pill svg{flex:0 0 auto}.status-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis}.status-pill.good{color:#b7f7d7;border-color:#22c55e47;box-shadow:0 12px 28px #0000004d,0 0 12px #22c55e12,inset 0 1px #ffffff0f}.status-pill.warn{color:#fde68a;border-color:#f59e0b6b}.status-pill.route{color:#e9d5ff;border-color:#a855f73d;box-shadow:0 12px 28px #0000004d,0 0 12px #a855f712,inset 0 1px #ffffff0f}.status-pill.pulse-rate{color:#fef3c7;border-color:#fbbf243d;box-shadow:0 12px 28px #0000004d,0 0 12px #fbbf2412,inset 0 1px #ffffff0f}.status-pill.observer{color:#ccfbf1;border-color:#2dd4bf3d;box-shadow:0 12px 28px #0000004d,0 0 12px #2dd4bf12,inset 0 1px #ffffff0f}.status-pill.unmapped{color:#cbd5e1;border-color:#94a3b847}.top-actions{top:52px;right:10px;display:flex;gap:7px}.top-action-menu{position:relative;display:inline-grid}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;color:var(--mc-text, #edf5ff);background:linear-gradient(135deg,var(--mc-control-bg, rgba(6, 11, 18, .92)),color-mix(in srgb,var(--mc-control-bg, rgba(13, 25, 43, .82)) 78%,transparent));border:1px solid var(--mc-border, rgba(125, 211, 252, .24));border-radius:6px;cursor:pointer;box-shadow:0 12px 28px var(--mc-shadow, rgba(0, 0, 0, .3)),0 0 12px color-mix(in srgb,var(--mc-accent, #38bdf8) 8%,transparent),inset 0 1px #ffffff14;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.icon-button:hover,.icon-button:focus-visible,.icon-button.active,.search-panel button:hover,.plot-route-button:hover,.plot-route-button:focus-visible,.copy-path-button:hover,.copy-path-button:focus-visible,.hot-route:hover,.drawer-route-list button:hover{border-color:var(--mc-border-strong, rgba(56, 189, 248, .64));box-shadow:0 16px 38px var(--mc-shadow, rgba(0, 0, 0, .38)),0 0 24px color-mix(in srgb,var(--mc-accent, #38bdf8) 26%,transparent),inset 0 1px #ffffff1a;outline:none}.icon-button:hover,.icon-button:focus-visible{transform:translateY(-1px)}.icon-button.route-focus{color:color-mix(in srgb,var(--mc-green, #22c55e) 76%,var(--mc-text, #ffffff));border-color:color-mix(in srgb,var(--mc-green, #22c55e) 42%,transparent)}.icon-button.hide-all-toggle.active,.icon-button.hide-all-toggle[aria-pressed=true]{color:#fecdd3;border-color:#f871718a;box-shadow:0 16px 38px #00000061,0 0 24px #f871712e,inset 0 1px #ffffff14}.bottom-action-dock{left:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:8;display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,auto);gap:6px;align-items:end;width:min(302px,calc(100vw - 142px));pointer-events:auto}.bottom-action-dock .plot-routes-panel,.bottom-action-dock .follow-traffic-button{position:static;width:auto}.bottom-action-dock .plot-routes-panel{grid-column:1 / -1}.bottom-action-dock .plot-route-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(38px,auto) auto;gap:6px}.bottom-action-dock .plot-route-toast{position:absolute;left:0;bottom:calc(100% + 8px);width:min(360px,calc(100vw - 20px));max-height:min(42vh,330px);overflow:auto}.follow-traffic-button{z-index:7;display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:0 10px;color:#fff1f2;background:linear-gradient(135deg,#b91c1cf5,#7f1d1dd6),radial-gradient(circle at 22% 18%,rgba(254,226,226,.24),transparent 38%);border:1px solid rgba(254,202,202,.34);border-radius:7px;box-shadow:0 16px 36px #0000005c,0 0 18px #ef44442e,inset 0 1px #ffffff24;cursor:pointer;font-size:11px;font-weight:850;line-height:1;white-space:nowrap;transition:border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}.dock-control-button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:var(--mc-text-normal, #dffbff);background:var(--mc-control-bg, rgba(7, 16, 29, .88));border:1px solid var(--mc-border, rgba(125, 211, 252, .28));border-radius:7px;box-shadow:0 12px 28px var(--mc-shadow, rgba(0, 0, 0, .34)),inset 0 1px #ffffff12;cursor:pointer;font-size:11px;font-weight:850;line-height:1;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dock-control-button:hover,.dock-control-button:focus-visible{color:var(--mc-text, #ffffff);border-color:var(--mc-border-strong, rgba(125, 211, 252, .54));box-shadow:0 14px 30px var(--mc-shadow, rgba(0, 0, 0, .38)),0 0 18px color-mix(in srgb,var(--mc-accent, #38bdf8) 18%,transparent);transform:translateY(-1px);outline:none}.vcr-open-button{color:color-mix(in srgb,var(--mc-secondary, #a78bfa) 72%,var(--mc-text, #ffffff))}.follow-traffic-button svg{flex:0 0 auto}.follow-traffic-button:hover,.follow-traffic-button:focus-visible{border-color:#fecacab8;filter:brightness(1.08);transform:translateY(-1px);outline:none}.follow-traffic-button.active{background:linear-gradient(135deg,#ef4444fa,#991b1be6),radial-gradient(circle at 22% 18%,rgba(255,255,255,.28),transparent 38%);box-shadow:0 16px 36px #0000005c,0 0 26px #f8717161,inset 0 1px #ffffff29}.follow-traffic-button:disabled{cursor:not-allowed;opacity:.72;filter:grayscale(.2)}.icon-button.map-base-toggle{color:color-mix(in srgb,var(--mc-accent, #38bdf8) 74%,var(--mc-text, #ffffff))}.icon-button.map-base-toggle.active{color:var(--mc-text, #ffffff);border-color:var(--mc-border-strong, rgba(34, 211, 238, .66));box-shadow:0 16px 38px var(--mc-shadow, rgba(0, 0, 0, .38)),0 0 24px color-mix(in srgb,var(--mc-accent, #22d3ee) 28%,transparent),inset 0 1px #ffffff14}.theme-mode-toggle.light{color:#92400e}.theme-mode-toggle.dark{color:#bfdbfe}.top-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:12;display:grid;gap:5px;padding:7px;color:var(--mc-text, #edf5ff);background:var(--mc-surface-strong, rgba(5, 10, 17, .96));border:1px solid var(--mc-border, rgba(125, 211, 252, .26));border-radius:8px;box-shadow:0 18px 44px var(--mc-shadow, rgba(0, 0, 0, .42)),0 0 24px color-mix(in srgb,var(--mc-accent, #38bdf8) 12%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.top-popover button{min-height:30px;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:8px;align-items:center;padding:0 8px;color:var(--mc-text-normal, #dbeafe);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:11px;font-weight:800;text-align:left;white-space:nowrap}.top-popover button:hover,.top-popover button:focus-visible,.top-popover button.active{color:var(--mc-text, #ffffff);background:color-mix(in srgb,var(--mc-accent, #38bdf8) 13%,transparent);border-color:color-mix(in srgb,var(--mc-accent, #38bdf8) 36%,transparent);outline:none}.panel-picker{width:180px}.palette-picker{width:236px;max-height:min(420px,calc(100vh - 120px));overflow:auto}.palette-picker button{grid-template-columns:34px minmax(0,1fr) 16px}.palette-swatch{width:28px;height:18px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--mc-text, #fff) 22%,transparent);border-radius:999px}.palette-swatch i:nth-child(1){background:var(--swatch-surface, #111827)}.palette-swatch i:nth-child(2){background:var(--swatch-primary, #38bdf8)}.palette-swatch i:nth-child(3){background:var(--swatch-secondary, #a78bfa)}.map-settings-drawer{top:92px;right:10px;z-index:11;display:grid;gap:12px;width:min(380px,calc(100vw - 20px));max-height:calc(100vh - var(--vcr-bar-height, 0px) - 116px);padding:12px;color:var(--mc-text, #f8fafc);background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface, #060b12) 95%,transparent),color-mix(in srgb,var(--mc-surface-strong, #111827) 88%,transparent)),radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--mc-secondary, #a78bfa) 18%,transparent),transparent 36%);border:1px solid color-mix(in srgb,var(--mc-border-strong, rgba(125, 211, 252, .5)) 82%,transparent);border-radius:8px;box-shadow:0 28px 72px var(--mc-shadow, rgba(0, 0, 0, .48)),0 0 34px color-mix(in srgb,var(--mc-secondary, #a78bfa) 14%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18);overflow:auto;pointer-events:auto}.map-settings-header,.map-settings-toggle,.map-settings-slider span,.map-settings-footer,.map-settings-footer button,.map-settings-footer span{display:flex;align-items:center}.map-settings-header{justify-content:space-between;gap:10px}.map-settings-header h2{margin:2px 0 0;font-size:20px;line-height:1}.map-settings-section{display:grid;gap:8px}.map-settings-section h3{margin:0;color:color-mix(in srgb,var(--mc-accent, #38bdf8) 78%,var(--mc-text, #ffffff));font-size:11px;font-weight:950;text-transform:uppercase}.map-settings-toggle-list{display:grid;gap:6px}.map-settings-toggle{justify-content:space-between;gap:10px;min-height:42px;padding:7px 8px;background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .84)) 84%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .24));border-radius:7px}.map-settings-toggle span{display:grid;min-width:0}.map-settings-toggle strong,.map-settings-slider strong{color:var(--mc-text, #f8fafc);font-size:12px;font-weight:900}.map-settings-toggle small{min-width:0;overflow:hidden;color:var(--mc-text-muted, #9fb1c9);font-size:10px;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.map-settings-toggle input{width:34px;height:20px;accent-color:var(--mc-accent, #38bdf8)}.map-settings-slider{display:grid;gap:5px;padding:8px;background:color-mix(in srgb,var(--mc-control-bg, rgba(7, 16, 29, .84)) 84%,transparent);border:1px solid var(--mc-border, rgba(125, 211, 252, .24));border-radius:7px}.map-settings-slider span{justify-content:space-between}.map-settings-slider em{color:color-mix(in srgb,var(--mc-green, #22c55e) 72%,var(--mc-text, #ffffff));font-size:11px;font-style:normal;font-variant-numeric:tabular-nums;font-weight:900}.map-settings-slider input{width:100%;accent-color:var(--mc-accent, #38bdf8)}.map-settings-segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.map-settings-segmented button{min-height:32px;color:var(--mc-text-normal, #dbeafe);background:var(--mc-control-bg, rgba(7, 16, 29, .88));border:1px solid var(--mc-border, rgba(125, 211, 252, .24));border-radius:7px;cursor:pointer;font-size:11px;font-weight:900}.map-settings-segmented button.active,.map-settings-segmented button:hover,.map-settings-segmented button:focus-visible{color:var(--mc-text, #ffffff);border-color:var(--mc-border-strong, rgba(56, 189, 248, .64));box-shadow:0 0 18px color-mix(in srgb,var(--mc-accent, #38bdf8) 18%,transparent);outline:none}.map-settings-footer{justify-content:space-between;gap:10px}.map-settings-footer button{gap:6px;min-height:32px;padding:0 10px;color:var(--mc-text, #f8fafc);background:color-mix(in srgb,var(--mc-secondary, #a78bfa) 12%,var(--mc-control-bg, #07101d));border:1px solid color-mix(in srgb,var(--mc-secondary, #a78bfa) 38%,transparent);border-radius:7px;cursor:pointer;font-size:11px;font-weight:900}.map-settings-footer span{gap:5px;color:var(--mc-text-muted, #9fb1c9);font-size:10px;font-weight:820}.plot-routes-panel{left:10px;bottom:calc(var(--vcr-bar-height, 0px) + 56px);z-index:7;width:min(360px,calc(100vw - 20px));pointer-events:auto}.plot-route-actions{display:flex;gap:6px;align-items:center}.chrome-panel-frame{position:absolute;z-index:6;width:min(320px,calc(100vw - 20px));pointer-events:auto}.chrome-panel-frame.panel-hotRoutes{width:min(330px,calc(100vw - 20px))}.chrome-panel-frame.anchor-top-left{top:98px;left:10px}.chrome-panel-frame.anchor-top-right{top:98px;right:10px}.chrome-panel-frame.anchor-left{top:144px;left:10px}.chrome-panel-frame.anchor-right{top:144px;right:10px}.chrome-panel-frame.anchor-bottom-left{left:10px;bottom:calc(var(--vcr-bar-height, 0px) + 18px)}.chrome-panel-frame.anchor-bottom-right{right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 18px)}.chrome-panel-frame.dragging{z-index:10}.chrome-panel-toolbar{height:28px;display:grid;grid-template-columns:18px minmax(0,1fr) auto 26px;gap:6px;align-items:center;padding:0 6px;color:var(--mc-text-normal, #cfe9ff);background:linear-gradient(135deg,var(--mc-surface-strong, rgba(6, 11, 18, .9)),color-mix(in srgb,var(--mc-surface, rgba(13, 25, 43, .74)) 82%,transparent));border:1px solid var(--mc-border, rgba(125, 211, 252, .2));border-bottom:0;border-radius:8px 8px 0 0;cursor:grab;box-shadow:0 14px 32px var(--mc-shadow, rgba(0, 0, 0, .22)),inset 0 1px #ffffff0f;font-size:10px;font-weight:850}.chrome-panel-frame.dragging .chrome-panel-toolbar{cursor:grabbing}.chrome-panel-toolbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.chrome-panel-toolbar select{max-width:88px;color:var(--mc-text, #dffbff);background:var(--mc-control-bg, rgba(8, 18, 31, .94));border:1px solid var(--mc-border, rgba(125, 211, 252, .24));border-radius:5px;font-size:9px}.chrome-panel-toolbar button{width:24px;height:22px;display:inline-grid;place-items:center;color:var(--mc-text-normal, #cbd5e1);background:color-mix(in srgb,var(--mc-control-bg, rgba(15, 23, 42, .72)) 84%,transparent);border:1px solid color-mix(in srgb,var(--mc-text, #cbd5e1) 14%,transparent);border-radius:5px;cursor:pointer}.chrome-panel-frame>.search-panel,.chrome-panel-frame>.legend-panel,.chrome-panel-frame>.hot-routes{position:relative;inset:auto;width:100%;border-top-left-radius:0;border-top-right-radius:0}.vcr-bar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:8;width:auto;min-height:62px;display:grid;grid-template-columns:auto 164px minmax(280px,1fr);gap:7px;align-items:center;padding:6px 8px;color:var(--mc-text, #e5f4ff);background:var(--mc-surface, rgba(5, 10, 17, .92));border:1px solid var(--mc-border, rgba(125, 211, 252, .22));border-radius:8px;box-shadow:0 18px 46px var(--mc-shadow, rgba(0, 0, 0, .46)),0 0 22px color-mix(in srgb,var(--mc-accent, #22d3ee) 14%,transparent),inset 0 1px #ffffff14;transform:none;pointer-events:auto;--vcr-track: rgba(251, 113, 133, .5);--vcr-track-fill: rgba(254, 205, 211, .84);--vcr-track-glow: rgba(248, 113, 113, .28)}.vcr-bar.paused{--vcr-track: rgba(251, 191, 36, .4);--vcr-track-fill: rgba(253, 224, 71, .76);--vcr-track-glow: rgba(251, 191, 36, .18)}.vcr-bar.replay{--vcr-track: rgba(168, 85, 247, .52);--vcr-track-fill: rgba(216, 180, 254, .9);--vcr-track-glow: rgba(168, 85, 247, .28)}.vcr-controls{display:flex;align-items:center;gap:6px;min-width:0}.vcr-button{min-width:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 7px;color:var(--mc-text-normal, #dffbff);background:var(--mc-control-bg, rgba(8, 18, 31, .92));border:1px solid color-mix(in srgb,var(--mc-text-normal, #94a3b8) 28%,transparent);border-radius:7px;cursor:pointer;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}.vcr-button.icon-only{width:34px;padding:0}.vcr-button.live.active,.vcr-button.missed.available,.vcr-button:hover,.vcr-button:focus-visible,.vcr-scope button.active,.vcr-scope button:hover,.vcr-scope button:focus-visible{border-color:#2dd4bf9e;box-shadow:0 0 20px #2dd4bf29,inset 0 1px #ffffff14;outline:none}.vcr-button:hover,.vcr-button:focus-visible{transform:translateY(-1px)}.vcr-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.vcr-readout{min-height:38px;display:grid;align-content:center;gap:3px;padding:5px 8px;overflow:hidden;color:color-mix(in srgb,var(--mc-green, #99f6e4) 72%,var(--mc-text, #ffffff));background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface-strong, rgba(3, 14, 18, .96)) 88%,#000 12%),color-mix(in srgb,var(--mc-surface, rgba(8, 15, 29, .94)) 90%,#000 10%));border:1px solid color-mix(in srgb,var(--mc-green, #2dd4bf) 34%,transparent);border-radius:6px;box-shadow:inset 0 0 18px #2dd4bf1a,0 0 18px #22d3ee14;font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;text-shadow:0 0 12px rgba(45,212,191,.32),0 0 20px rgba(34,211,238,.16)}.vcr-readout strong{font-size:12px;letter-spacing:0}.vcr-readout time{font-size:11px;color:#d9f99d}.vcr-live-clock{display:inline-grid;grid-template-columns:13px auto auto;gap:4px;align-items:center;color:#d9f99d;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.vcr-live-clock-label,.vcr-live-clock-time{min-width:max-content}.vcr-live-clock-icon{color:#38bdf8}.vcr-live-clock.live .vcr-live-clock-icon{color:#fb7185;fill:currentColor;filter:drop-shadow(0 0 8px rgba(248,113,113,.8));animation:vcr-live-pulse 1s steps(2,end) infinite}.vcr-live-clock.replay .vcr-live-clock-icon{color:#d8b4fe}.vcr-live-clock.hover .vcr-live-clock-icon{color:#facc15}.vcr-mini-clock{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:8;min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:color-mix(in srgb,var(--mc-green, #99f6e4) 72%,var(--mc-text, #ffffff));background:linear-gradient(135deg,color-mix(in srgb,var(--mc-surface-strong, rgba(3, 14, 18, .96)) 88%,#000 12%),color-mix(in srgb,var(--mc-surface, rgba(8, 15, 29, .94)) 90%,#000 10%));border:1px solid color-mix(in srgb,var(--mc-green, #2dd4bf) 34%,transparent);border-radius:8px;box-shadow:inset 0 0 18px #2dd4bf1a,0 0 18px #22d3ee1a,0 14px 32px var(--mc-shadow, rgba(0, 0, 0, .36));cursor:pointer;font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:850;line-height:1;text-shadow:0 0 12px rgba(45,212,191,.32),0 0 20px rgba(34,211,238,.16)}.vcr-mini-clock .vcr-live-clock-icon{color:#fb7185;fill:currentColor;filter:drop-shadow(0 0 8px rgba(248,113,113,.8));animation:vcr-live-pulse 1s steps(2,end) infinite}.vcr-mini-clock time{color:#d9f99d;font-variant-numeric:tabular-nums}.vcr-mini-clock:hover,.vcr-mini-clock:focus-visible{border-color:color-mix(in srgb,var(--mc-green, #2dd4bf) 58%,transparent);transform:translateY(-1px);outline:none}.vcr-timeline-wrap{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center}.vcr-scope{display:flex;gap:4px}.vcr-scope button{min-width:34px;min-height:28px;color:var(--mc-text-normal, #cbd5e1);background:var(--mc-control-bg, rgba(15, 23, 42, .86));border:1px solid color-mix(in srgb,var(--mc-text-normal, #94a3b8) 22%,transparent);border-radius:6px;cursor:pointer;font-size:9px;font-weight:850}.vcr-timeline-shell{position:relative;min-width:0;height:38px;display:grid;align-items:center;overflow:visible}.vcr-timeline-track{position:absolute;inset:auto 0 10px;z-index:1;height:7px;overflow:hidden;background:color-mix(in srgb,var(--mc-control-bg, rgba(15, 23, 42, .68)) 82%,transparent);border:1px solid var(--vcr-track);border-radius:999px;box-shadow:0 0 16px var(--vcr-track-glow),inset 0 0 10px #0000006b;pointer-events:none}.vcr-timeline-track:before{position:absolute;inset:0 auto 0 0;width:var(--vcr-progress, 100%);background:linear-gradient(90deg,var(--vcr-track-fill),var(--vcr-track));content:""}.vcr-sparkline{position:absolute;inset:3px 0 9px;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;align-items:end;opacity:.78;pointer-events:none}.vcr-sparkline span{display:block;min-height:3px;background:linear-gradient(180deg,#2dd4bfd1,#38bdf838);border-radius:3px 3px 0 0}.vcr-timeline{position:relative;z-index:3;width:100%;height:30px;margin:0;appearance:none;background:transparent;accent-color:var(--vcr-track-fill);cursor:pointer}.vcr-timeline::-webkit-slider-runnable-track{height:30px;background:transparent;border:0}.vcr-timeline::-moz-range-track{height:30px;background:transparent;border:0}.vcr-timeline::-webkit-slider-thumb{width:14px;height:14px;margin-top:8px;appearance:none;background:var(--vcr-track-fill);border:2px solid rgba(5,10,17,.92);border-radius:999px;box-shadow:0 0 16px var(--vcr-track-glow),0 0 0 1px #ffffff52}.vcr-timeline::-moz-range-thumb{width:14px;height:14px;background:var(--vcr-track-fill);border:2px solid rgba(5,10,17,.92);border-radius:999px;box-shadow:0 0 16px var(--vcr-track-glow),0 0 0 1px #ffffff52}.vcr-hover-time{position:absolute;bottom:34px;z-index:5;display:grid;gap:2px;min-width:142px;padding:6px 8px;color:var(--mc-text, #f8fafc);background:var(--mc-surface-strong, rgba(5, 10, 17, .96));border:1px solid var(--mc-border, rgba(125, 211, 252, .36));border-radius:6px;box-shadow:0 14px 32px #0000006b,0 0 18px var(--vcr-track-glow);font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:10px;pointer-events:none;transform:translate(-50%)}.vcr-hover-time span{color:#a7f3d0}@keyframes vcr-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.42;transform:scale(.82)}}.plot-route-button,.copy-path-button,.phonebook-copy-card button{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;color:#dffbff;background:#07101de0;border:1px solid rgba(125,211,252,.28);border-radius:7px;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff12;cursor:pointer;font-size:11px;font-weight:850;line-height:1;white-space:nowrap}.plot-route-button.primary{color:#fef9c3;background:linear-gradient(135deg,#a16207f0,#713f12db),radial-gradient(circle at 18% 22%,rgba(254,240,138,.2),transparent 44%);border-color:#fde04761}.plot-route-button.active{color:#fff;border-color:#facc15b8;box-shadow:0 14px 30px #00000061,0 0 22px #facc153d,inset 0 1px #ffffff1a}.plot-route-button.icon-only{width:31px;padding:0}.plot-route-toast{display:grid;gap:8px;margin-top:7px;padding:10px;color:#dbeafe;background:linear-gradient(135deg,#050a14f0,#0a1220e6);border:1px solid rgba(125,211,252,.28);border-radius:8px;box-shadow:0 18px 42px #00000070,0 0 18px #38bdf814}.plot-route-toast p,.plot-result-block{min-width:0;margin:0;display:grid;gap:6px}.plot-route-toast p{grid-template-columns:16px minmax(0,1fr);align-items:center;color:#bae6fd;font-size:12px}.plot-result-block strong{min-width:0;color:#f8fafc;font-size:13px;line-height:1.18;overflow-wrap:anywhere}.plot-result-block span,.plot-copy-status{color:#9db2ca;font-size:11px;font-style:normal}.plot-result-block code,.phonebook-copy-card code{min-width:0;padding:6px 7px;color:#fef9c3;background:#0f172ad1;border:1px solid rgba(250,204,21,.22);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}.plot-area-route-list{display:grid;gap:5px;max-height:170px;overflow:auto}.plot-area-route-list button{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 7px;color:#dbeafe;text-align:left;background:#0f172ab8;border:1px solid rgba(125,211,252,.14);border-radius:6px;cursor:pointer}.plot-area-route-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plot-area-route-list em{color:#fde68a;font-size:11px;font-style:normal}.server-status{width:78px}.payload-signal-pill{width:64px}.packets-total{width:142px}.pulse-rate{width:126px}.routed-rate{width:108px}.status-pill.observer{width:116px}.status-pill.unmapped{width:130px}.node-count,.route-count{width:98px}.server-signal,.packet-type-signal{display:inline-block;width:10px;height:10px;border-radius:999px;flex:0 0 auto}.server-signal.live{background:#34d399;box-shadow:0 0 7px #34d39985}.server-signal.stale{background:#f87171;box-shadow:0 0 7px #f871717a}.payload-signal-pill{color:#f8fafc;border-color:color-mix(in srgb,var(--payload-color) 32%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--payload-color) 10%,transparent),inset 0 1px #ffffff0f}.packet-type-signal{background:var(--payload-color);box-shadow:0 0 7px color-mix(in srgb,var(--payload-color) 68%,transparent);animation:packet-type-flash 1.2s ease-out}.share-toast{top:92px;right:10px;z-index:9;max-width:min(260px,calc(100vw - 24px));padding:8px 11px;color:#dffbff;background:linear-gradient(135deg,#060b12f0,#0a1423d6);border:1px solid rgba(125,211,252,.4);border-radius:7px;box-shadow:0 16px 36px #0006,0 0 24px #38bdf829;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);font-size:12px;line-height:1.2}@keyframes packet-type-flash{0%{transform:scale(1.12);filter:brightness(1.25)}to{transform:scale(1);filter:brightness(1)}}.link-bar,.status-pill,.follow-traffic-button,.plot-routes-panel,.search-panel,.legend-panel,.hot-routes,.selection-panels,.selection-drawer,.activity-panel,.node-loading-toast,.share-toast,.vcr-bar{-webkit-backdrop-filter:none;backdrop-filter:none}.search-panel{top:98px;left:10px;width:min(320px,calc(100vw - 20px));min-height:36px;display:grid;grid-template-columns:20px 1fr 28px;gap:8px;align-items:center;padding:0 8px 0 11px;color:var(--mc-accent, #bfdbfe);background:linear-gradient(135deg,var(--mc-surface-strong, rgba(6, 11, 18, .9)),color-mix(in srgb,var(--mc-surface, rgba(11, 22, 38, .78)) 90%,transparent));border:1px solid var(--mc-border, rgba(125, 211, 252, .22));border-radius:8px;box-shadow:0 14px 34px var(--mc-shadow, rgba(0, 0, 0, .3)),0 0 14px color-mix(in srgb,var(--mc-accent, #38bdf8) 8%,transparent),inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2)}.search-panel input{min-width:0;color:var(--mc-text, #f8fafc);background:transparent;border:0;outline:0;font-size:12px}.search-panel input::placeholder{color:var(--mc-text-muted, #7f91aa)}.search-panel button{width:28px;height:28px;display:inline-grid;place-items:center;color:var(--mc-text-normal, #cbd5e1);background:color-mix(in srgb,var(--mc-control-bg, rgba(15, 23, 42, .76)) 88%,transparent);border:1px solid color-mix(in srgb,var(--mc-text, #cbd5e1) 14%,transparent);border-radius:6px;cursor:pointer}.legend-panel,.hot-routes,.selection-panel,.selection-drawer,.activity-panel{color:var(--mc-text, #e5eefc);background:linear-gradient(135deg,var(--mc-surface-strong, rgba(6, 11, 18, .91)),color-mix(in srgb,var(--mc-surface, rgba(11, 22, 38, .82)) 92%,transparent)),radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--mc-accent, #38bdf8) 12%,transparent),transparent 42%);border:1px solid var(--mc-border, rgba(125, 211, 252, .2));border-radius:8px;box-shadow:0 18px 42px var(--mc-shadow, rgba(0, 0, 0, .32)),0 0 18px color-mix(in srgb,var(--mc-accent, #38bdf8) 8%,transparent),inset 0 1px #ffffff0f,inset 0 0 0 1px #a855f707;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}.legend-panel{top:144px;left:10px;width:min(320px,calc(100vw - 20px));display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:8px 9px}.legend-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 8px;align-items:center;font-size:10px}.legend-group span:not(.legend-title):not(.frequency-ramp):not(.legend-scale):not(.legend-note){display:flex;align-items:center;gap:6px;color:var(--mc-text-normal, #cbd5e1)}.legend-title{grid-column:1 / -1;color:var(--mc-link, #f8fafc);font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase}.legend-node{width:12px;height:12px;display:inline-block;background:currentColor;border:1px solid rgba(248,250,252,.72);box-shadow:0 0 0 2px #030712db,0 0 13px currentColor}.legend-node.repeater{color:#22c55e;transform:rotate(45deg);border-radius:2px}.legend-node.companion{width:0;height:0;color:#3b82f6;background:transparent;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:13px solid currentColor;border-top:0;box-shadow:none}.legend-node.room{color:#a855f7;border-radius:2px}.legend-node.observer{position:relative;color:#f59e0b;border-color:#fef3c7;border-radius:999px;box-shadow:0 0 0 2px #030712db,0 0 10px #f59e0bb3}.legend-node.observer:before,.legend-node.observer:after{position:absolute;top:50%;width:7px;height:12px;content:"";border:1px solid #fef3c7;border-top-color:transparent;border-bottom-color:transparent;transform:translateY(-50%)}.legend-node.observer:before{right:9px;border-left:0;border-radius:0 999px 999px 0}.legend-node.observer:after{left:9px;border-right:0;border-radius:999px 0 0 999px}.legend-role-icon{width:13px;height:13px;object-fit:contain;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--mc-accent, #7dd3fc) 24%,transparent))}.legend-role-icon.observer{width:14px;height:14px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--mc-warn, #f59e0b) 42%,transparent))}.frequency-ramp{grid-column:1 / -1;height:6px;display:block;border-radius:999px;background:linear-gradient(90deg,var(--mc-secondary, #2563eb) 0%,var(--mc-accent, #06b6d4) 30%,var(--mc-green, #22c55e) 56%,var(--mc-warn, #f97316) 78%,var(--mc-danger, #ef4444) 100%);border:1px solid rgba(248,250,252,.16);box-shadow:0 0 16px color-mix(in srgb,var(--mc-accent, #38bdf8) 14%,transparent),inset 0 0 10px #ffffff2e}.legend-scale{grid-column:1 / -1;display:flex;justify-content:space-between;color:var(--mc-text-muted, #94a3b8);font-size:9px}.legend-scale b{font-weight:600}.legend-note{color:#8fa2bb;font-size:10px;line-height:1.2}.packet-key{padding-top:2px;border-top:1px solid color-mix(in srgb,var(--mc-text, #cbd5e1) 8%,transparent)}.payload-key{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.payload-chip,.payload-badge{--payload-color: #e2e8f0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;color:color-mix(in srgb,var(--payload-color) 74%,white 26%);background:color-mix(in srgb,var(--payload-color) 16%,rgba(15,23,42,.86) 84%);border:1px solid color-mix(in srgb,var(--payload-color) 44%,rgba(248,250,252,.12) 56%);box-shadow:inset 0 1px #ffffff0f,0 0 10px color-mix(in srgb,var(--payload-color) 12%,transparent 88%);text-shadow:0 0 8px color-mix(in srgb,var(--payload-color) 24%,transparent 76%);font-size:9px;font-style:normal;font-weight:800;letter-spacing:0;line-height:1;text-transform:uppercase;white-space:nowrap}.payload-chip i,.payload-badge i,.payload-chip img,.payload-badge img{width:6px;height:6px;flex:0 0 auto;border-radius:999px;background:var(--payload-color);box-shadow:0 0 7px color-mix(in srgb,var(--payload-color) 72%,transparent)}.payload-chip img,.payload-badge img{width:12px;height:12px;background:transparent;border-radius:0;box-shadow:none}.payload-chip.legend-payload{min-height:19px;border-radius:5px;font-size:7.5px}.payload-chip.mini{min-height:17px;padding:0 4px;border-radius:5px;font-size:7px}.payload-chip.muted-chip{color:#cbd5e1;background:#0f172ac2;border-color:#cbd5e12e;box-shadow:none}.hot-routes{top:98px;right:10px;width:min(330px,calc(100vw - 20px));max-height:min(40vh,392px);overflow:hidden}.panel-title{min-height:34px;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--mc-text, #f8fafc);border-bottom:1px solid color-mix(in srgb,var(--mc-text, #cbd5e1) 12%,transparent);background:color-mix(in srgb,var(--mc-control-bg, rgba(15, 23, 42, .42)) 62%,transparent);font-weight:700}.panel-title.compact{justify-content:space-between;min-height:34px;font-size:12px}.panel-title.compact em{color:var(--mc-accent, #8bd3ff);font-size:10px;font-style:normal;font-weight:700;text-transform:uppercase}.hot-route-list{max-height:calc(min(40vh,392px) - 34px);overflow:auto}.hot-route{width:100%;min-height:46px;display:grid;grid-template-columns:12px minmax(0,1fr) 48px;gap:7px;align-items:center;padding:6px 9px;color:#dbeafe;background:transparent;border:0;border-bottom:1px solid rgba(203,213,225,.08);cursor:pointer;text-align:left;transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.hot-route.selected{background:linear-gradient(90deg,#38bdf82e,#a855f713);box-shadow:inset 3px 0 #38bdf8db,0 0 28px #38bdf81f}.hot-route.recent:not(.selected){background:linear-gradient(90deg,#22d3ee0b,#a855f705)}.hot-route:hover{transform:translate(-1px)}.route-labels{display:grid;gap:2px;min-width:0}.route-labels strong,.route-labels span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-labels strong{color:#f8fafc;font-size:11px}.route-labels span{color:#aebed1;font-size:11px;font-style:normal}.hot-route-payloads{display:flex;gap:3px;align-items:center;min-width:0;overflow:hidden}.route-recent-count{justify-self:end;min-width:44px;display:grid;gap:1px;justify-items:end;color:var(--mc-text-muted, #94a3b8);font-variant-numeric:tabular-nums}.route-recent-count strong{color:var(--mc-text, #f8fafc);font-size:13px;font-weight:900;line-height:1}.route-recent-count small{color:var(--mc-text-muted, #64748b);font-size:8px;font-weight:850;line-height:1;text-transform:uppercase}.route-recent-count.active strong{color:color-mix(in srgb,var(--mc-accent, #67e8f9) 64%,#ffffff);text-shadow:0 0 8px color-mix(in srgb,var(--mc-accent, #22d3ee) 34%,transparent)}.route-swatch{width:12px;height:12px;border-radius:999px;display:inline-block;border:1px solid rgba(248,250,252,.48);box-shadow:0 0 7px currentColor}.bucket-0{color:#2563eb;background:#2563eb}.bucket-1{color:#06b6d4;background:#06b6d4}.bucket-2{color:#22c55e;background:#22c55e}.bucket-3{color:#f97316;background:#f97316}.bucket-4{color:#ef4444;background:#ef4444}.selection-panels{right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 10px);display:grid;gap:10px;align-items:end;pointer-events:auto}.selection-panels.with-phonebook{grid-template-columns:minmax(290px,330px) minmax(340px,410px)}.selection-panels.route-only{width:min(350px,calc(100vw - 20px))}.selection-panel{position:relative;display:grid;align-content:start;gap:10px;max-height:min(43vh,430px);min-height:0;overflow:auto;padding:13px 13px 14px;scrollbar-color:rgba(148,163,184,.42) transparent}.selection-panel h2{min-width:0;margin:-3px 30px 2px 0;color:#f8fafc;font-size:18px;line-height:1.15;letter-spacing:0;overflow-wrap:anywhere}.selection-panel dl{display:grid;gap:8px;margin:0}.selection-panel dl div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:baseline}.selection-panel dt{color:#8fa2bb;font-size:12px}.selection-panel dd{min-width:0;margin:0;color:#edf5ff;font-size:13px;overflow-wrap:anywhere}.panel-close-button{position:absolute;top:8px;right:8px;width:28px;height:28px;display:inline-grid;place-items:center;color:#c7d2fe;background:#0f172abd;border:1px solid rgba(125,211,252,.2);border-radius:7px;box-shadow:inset 0 1px #ffffff0f;cursor:pointer}.panel-close-button:hover{color:#fff;border-color:#7dd3fc6b;background:#1e293bdb}.phonebook-panel{max-height:min(48vh,470px)}.phonebook-summary,.phonebook-empty{margin:-2px 0 0;color:#9db2ca;font-size:12px;line-height:1.35}.phonebook-empty{padding:10px 0 2px}.phonebook-tools{display:grid;gap:7px}.phonebook-search{min-width:0;min-height:31px;display:grid;grid-template-columns:16px minmax(0,1fr) 24px;gap:6px;align-items:center;padding:0 7px;color:#9db2ca;background:#0f172ab3;border:1px solid rgba(125,211,252,.16);border-radius:7px}.phonebook-search input{min-width:0;color:#e5f2ff;background:transparent;border:0;outline:none;font:inherit;font-size:12px}.phonebook-search input::placeholder{color:#7f93ad}.phonebook-search button{width:22px;height:22px;display:inline-grid;place-items:center;color:#c7d2fe;background:#1e293bb8;border:1px solid rgba(125,211,252,.14);border-radius:5px;cursor:pointer}.phonebook-filter-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.phonebook-filter-row label{min-width:0;display:grid;gap:3px}.phonebook-filter-row span{color:#8fa2bb;font-size:10px;font-weight:750;text-transform:uppercase}.phonebook-filter-row select{min-width:0;min-height:29px;color:#e5f2ff;background:#0f172ac2;border:1px solid rgba(125,211,252,.16);border-radius:7px;font:inherit;font-size:11px}.phonebook-copy-card{display:grid;gap:7px;padding:9px;background:linear-gradient(135deg,#1e293bdb,#0f172ab8),radial-gradient(circle at 0 0,rgba(250,204,21,.12),transparent 48%);border:1px solid rgba(250,204,21,.34);border-radius:7px;box-shadow:inset 2px 0 #facc15a8,0 0 16px #facc1514}.phonebook-copy-card span{min-width:0;display:grid;gap:2px}.phonebook-copy-card strong{color:#f8fafc;font-size:12px;line-height:1.16}.phonebook-copy-card em,.copy-status{color:#c4b5fd;font-size:10.5px;font-style:normal}.phonebook-copy-card button:disabled,.copy-path-button:disabled{cursor:not-allowed;opacity:.54}.phonebook-groups{display:grid;gap:11px}.phonebook-group{display:grid;gap:6px}.phonebook-group h3{margin:0;color:#a5f3fc;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.phonebook-list{display:grid;gap:6px}.phonebook-row{min-width:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(112px,.85fr);gap:5px 10px;align-items:start;padding:8px 9px;color:#dbeafe;text-align:left;background:linear-gradient(135deg,#0f172abd,#0a12209e),radial-gradient(circle at 0 0,rgba(250,204,21,.06),transparent 44%);border:1px solid rgba(125,211,252,.14);border-radius:7px;cursor:pointer}.phonebook-row:hover,.phonebook-row.selected{border-color:#facc1575;background:linear-gradient(135deg,#1e293bdb,#0f172ab8),radial-gradient(circle at 0 0,rgba(250,204,21,.13),transparent 48%);box-shadow:inset 2px 0 #facc15b8,0 0 16px #facc1514}.phonebook-row-main,.phonebook-row-stats,.phonebook-row-path{min-width:0}.phonebook-row-main,.phonebook-row-stats{display:grid;gap:2px}.phonebook-row-main strong,.phonebook-row-stats strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:12px;line-height:1.16;text-overflow:ellipsis;white-space:nowrap}.phonebook-row-main em,.phonebook-row-stats em,.phonebook-row-path{overflow:hidden;color:#9db2ca;font-size:10.5px;font-style:normal;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.phonebook-row-stats{text-align:right}.phonebook-row-path{grid-column:1 / -1;color:#c4b5fd}.node-message-history{display:grid;gap:7px;padding-top:2px;border-top:1px solid rgba(148,163,184,.12)}.node-message-history h3{margin:0;display:inline-flex;align-items:center;gap:6px;color:#a5f3fc;font-size:11px;font-weight:850;letter-spacing:0;text-transform:uppercase}.node-message-history>p{margin:0;color:#8fa2bb;font-size:11px;line-height:1.35}.node-message-list{display:grid;gap:6px;max-height:170px;overflow:auto;padding-right:2px}.node-message-row{min-width:0;display:grid;gap:4px;padding:8px;background:#0f172a9e;border:1px solid rgba(125,211,252,.12);border-radius:7px}.node-message-row header{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.node-message-row strong{overflow:hidden;color:#f8fafc;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.node-message-row time,.node-message-row em{color:#8fa2bb;font-size:10px;font-style:normal;white-space:nowrap}.node-message-row p{margin:0;color:#dbeafe;font-size:12px;line-height:1.32;overflow-wrap:anywhere}.selection-drawer{right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 10px);width:min(330px,calc(100vw - 20px));max-height:min(40vh,380px);overflow:auto;padding:12px}.selection-drawer h2{margin:4px 0 12px;color:#f8fafc;font-size:18px;line-height:1.15;letter-spacing:0}.eyebrow{color:#8bd3ff;font-size:11px;font-weight:700;text-transform:uppercase}.selection-drawer dl{display:grid;gap:8px;margin:0}.selection-drawer dl div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:baseline}.selection-drawer dt{color:#8fa2bb;font-size:12px}.selection-drawer dd{min-width:0;margin:0;color:#edf5ff;font-size:13px;overflow-wrap:anywhere}.drawer-route-list{display:grid;gap:6px;margin-top:14px}.drawer-route-list button{min-height:34px;display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 9px;color:#dbeafe;background:#0f172aa3;border:1px solid rgba(125,211,252,.16);border-radius:6px;cursor:pointer}.drawer-route-list span:not(.route-swatch){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-route-list em{color:#f8fafc;font-size:12px;font-style:normal;font-weight:700}.activity-panel{left:10px;bottom:10px;width:min(430px,calc(100vw - 20px));max-height:min(26vh,260px);overflow:hidden}.activity-panel.collapsed{width:auto}.activity-toggle{width:100%;justify-content:flex-start;color:#f8fafc;border-width:0;border-bottom-width:1px;border-radius:8px 8px 0 0;cursor:pointer}.activity-panel.collapsed .activity-toggle{border-bottom:0;border-radius:8px}.activity-toggle em{margin-left:auto;color:#94a3b8;font-size:12px;font-style:normal;font-weight:600}.activity-feed{max-height:calc(min(26vh,260px) - 34px);overflow:auto}.activity-row{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;align-items:start;padding:8px 10px;border-bottom:1px solid rgba(125,211,252,.085);background:linear-gradient(90deg,color-mix(in srgb,var(--payload-color, #38bdf8) 2.6%,transparent 97.4%),#ffffff02);box-shadow:inset 2px 0 color-mix(in srgb,var(--payload-color, #38bdf8) 34%,transparent 66%),inset 0 0 16px color-mix(in srgb,var(--payload-color, #38bdf8) 2%,transparent 98%);transition:background .16s ease,box-shadow .16s ease}.activity-row:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--payload-color, #38bdf8) 12%,transparent 88%),#38bdf809);box-shadow:inset 2px 0 0 var(--payload-color, #38bdf8),inset 0 0 28px color-mix(in srgb,var(--payload-color, #38bdf8) 9%,transparent 91%)}.activity-dot{width:8px;height:8px;margin-top:5px;border-radius:999px;background:#64748b;box-shadow:0 0 7px color-mix(in srgb,currentColor 60%,transparent)}.activity-dot.routed,.activity-dot.route{color:#22c55e;background:#22c55e}.activity-dot.seen,.activity-dot.observer{color:#38bdf8;background:#38bdf8}.activity-dot.unmapped{color:#94a3b8;background:#94a3b8}.activity-copy{min-width:0}.activity-main{display:flex;align-items:center;gap:6px;min-width:0;font-size:11px}.payload-badge{min-width:40px;min-height:18px;padding:0 5px;border-radius:5px}.activity-main strong{min-width:0;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-main .iata-chip{color:#a7f3d0;font-size:10px;font-weight:700;text-shadow:0 0 10px rgba(34,197,94,.34)}.activity-status{min-height:17px;display:inline-flex;align-items:center;padding:0 5px;border-radius:5px;color:#94a3b8;background:#0f172ab8;border:1px solid rgba(203,213,225,.14);font-size:8px;font-weight:800;text-transform:uppercase;white-space:nowrap}.activity-status.routed,.activity-status.route{color:#bbf7d0;border-color:#22c55e4d;box-shadow:none}.activity-status.seen,.activity-status.observer{color:#bae6fd;border-color:#38bdf847;box-shadow:none}.activity-status.unmapped{color:#cbd5e1;border-color:#94a3b83d}.activity-main time{margin-left:auto;color:#8fa2bb;white-space:nowrap}.activity-row p{margin:4px 0 0;color:#aebed1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1400px)and (min-width:761px){.search-panel{top:130px}.legend-panel{top:176px}.hot-routes{top:130px;max-height:min(36vh,330px)}.hot-route-list{max-height:calc(min(36vh,330px) - 34px)}}.empty,.muted{color:#94a3b8;padding:14px}.compact-empty{padding:12px;font-size:12px}@media(max-width:980px){.maplibregl-ctrl-bottom-right{right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 12px)}.status-bar{right:210px}.link-bar{grid-template-columns:minmax(0,1fr) auto auto}.link-bar-build{justify-content:flex-end}.link-bar-info-actions span{display:none}.link-bar-info-actions button{padding:2px 6px}.hot-routes,.selection-panels.route-only,.selection-drawer{width:min(310px,calc(100vw - 24px))}.selection-panels.with-phonebook{grid-template-columns:minmax(280px,320px) minmax(300px,360px)}.activity-panel{width:min(430px,calc(100vw - 24px))}}@media(max-width:760px){.app-shell{--vcr-bar-height: 56px}.app-shell[data-vcr-layout=open]{--vcr-bar-height: 156px}.app-shell[data-packets-mode=compactTray]{--vcr-bar-height: 126px}.maplibregl-ctrl-bottom-right{position:fixed;right:10px;bottom:calc(var(--vcr-bar-height, 0px) + 12px + env(safe-area-inset-bottom,0px))}.link-bar{position:fixed;top:8px;left:8px;right:8px;grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:34px;padding:5px 6px}.link-bar-build{justify-content:flex-end;gap:6px}.link-bar-build strong{display:none}.link-bar-build>span{display:none}.link-bar-build .link-bar-perf span{display:inline}.link-bar-github,.link-bar-right{display:none}.link-bar-info-popover,.welcome-guide-popover{top:52px;right:8px;left:8px;width:auto}.guide-overlay{padding:10px}.guide-card{width:calc(100vw - 20px);max-height:calc(100vh - 28px);padding:13px}.guide-grid{grid-template-columns:1fr}.perf-panel,.packets-panel{top:88px;width:calc(100vw - 16px);max-height:calc(100vh - var(--vcr-bar-height, 0px) - 104px);padding:10px}.map-settings-drawer{top:88px;left:8px;right:8px;width:auto;max-height:calc(100vh - var(--vcr-bar-height, 0px) - 104px)}.perf-panel-header h2,.packets-panel-header h2{font-size:18px}.perf-status-strip,.packets-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.packets-toolbar{align-items:stretch}.packets-search,.packets-iata-filter,.packets-toolbar select,.packets-checkbox,.packets-scopes{flex:1 1 100%;min-width:0}.packet-row,.packets-content{grid-template-columns:1fr}.packets-list.virtual{height:min(36vh,360px)}.packet-detail{max-height:32vh}.packet-detail-grid{grid-template-columns:1fr}.packet-row-top{align-items:flex-start}.packet-row-top strong{white-space:normal}.packet-replay-button{min-height:40px;justify-content:center}.packets-compact-tray{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;grid-template-columns:1fr;transform:none}.packets-tray-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) 34px}.perf-grid{grid-template-columns:1fr}.top-actions{position:fixed;inset:48px 8px auto;max-width:calc(100vw - 16px);justify-content:flex-end;overflow:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar,.status-bar::-webkit-scrollbar{display:none}.status-bar{display:none}.status-pill{flex:0 0 auto;min-height:29px;padding:0 8px;font-size:10px}.chrome-panel-frame,.search-panel,.legend-panel{display:none}.legend-title{font-size:10px}.legend-group{gap:5px;font-size:10px}.legend-note{display:none}.packet-key{grid-column:auto;padding-top:0;border-top:0}.payload-key{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.payload-chip.legend-payload{min-height:18px;gap:3px;border-radius:5px;font-size:7px}.frequency-ramp{height:6px}.hot-routes{display:none}.hot-route-list{max-height:130px}.hot-route{grid-template-columns:12px minmax(0,1fr) 44px;min-height:36px;padding:6px 8px}.route-labels span,.activity-panel{display:none}.activity-feed{max-height:130px}.activity-row{grid-template-columns:8px minmax(0,1fr);gap:8px;padding:8px}.activity-main{gap:6px}.activity-main time,.activity-status,.iata-chip,.activity-row p{display:none}.selection-drawer{left:10px;right:10px;top:auto;bottom:calc(var(--vcr-bar-height, 0px) + 56px + env(safe-area-inset-bottom,0px));width:auto;max-height:34vh;padding:12px}.selection-panels{left:10px;right:10px;top:auto;bottom:calc(var(--vcr-bar-height, 0px) + 56px + env(safe-area-inset-bottom,0px));gap:8px;align-items:stretch;width:auto;max-height:48vh}.selection-panels.with-phonebook,.selection-panels.route-only{grid-template-columns:1fr;width:auto}.selection-panel{max-height:22vh;padding:11px}.selection-panel h2{margin-right:32px;font-size:16px}.selection-panel dl div{grid-template-columns:84px minmax(0,1fr);gap:8px}.phonebook-panel{max-height:25vh}.phonebook-row{grid-template-columns:minmax(0,1fr);gap:3px;padding:7px 8px}.phonebook-row-stats{text-align:left}.phonebook-row-path{grid-column:auto}.node-loading-toast{display:none}.node-loading-spinner{width:28px;height:28px}.node-loading-toast strong{font-size:12px}.node-loading-toast em{font-size:10px}.share-toast{display:none}.follow-traffic-button{bottom:calc(var(--vcr-bar-height, 0px) + 10px + env(safe-area-inset-bottom,0px));left:10px;min-height:30px;padding:0 9px;font-size:10px}.bottom-action-dock{display:none}.vcr-mini-clock{position:fixed;left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translate(-50%);max-width:calc(100vw - 16px);min-width:136px;justify-content:center;min-height:34px;padding:0 9px;font-size:10px}.vcr-mini-clock:hover,.vcr-mini-clock:focus-visible{transform:translate(-50%) translateY(-1px)}.plot-routes-panel{left:10px;bottom:calc(var(--vcr-bar-height, 0px) + 84px + env(safe-area-inset-bottom,0px));width:min(330px,calc(100vw - 20px))}.vcr-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:auto;min-height:124px;max-height:148px;grid-template-columns:1fr;gap:5px;padding:6px;transform:none}.vcr-controls{display:grid;grid-template-columns:repeat(6,minmax(34px,1fr));gap:4px}.vcr-button{min-height:34px;padding:0 4px;font-size:10px}.vcr-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.vcr-readout{min-height:32px;grid-template-columns:auto auto;justify-content:space-between;align-content:center;align-items:center;padding:5px 7px}.vcr-readout strong,.vcr-readout time{font-size:10px}.vcr-timeline-wrap{grid-template-columns:auto minmax(0,1fr);gap:5px}.vcr-scope{justify-content:stretch}.vcr-scope button{flex:1 1 0;min-width:30px;min-height:26px}.vcr-timeline-shell{height:30px}.vcr-hover-time{bottom:30px;max-width:calc(100vw - 28px)}.plot-route-toast{max-height:28vh;overflow:auto;padding:8px}.plot-route-button{min-height:30px;padding:0 8px;font-size:10px}.plot-area-route-list,.node-message-list{max-height:115px}.node-hover-toast{display:none}}@media(max-width:460px){.icon-button{width:32px;height:32px}.legend-panel{top:176px;max-height:104px;gap:8px}.legend-group{gap:6px}.legend-group span:not(.legend-title):not(.frequency-ramp):not(.legend-scale):not(.legend-note){gap:6px}.legend-node{width:10px;height:10px}.legend-node.companion{border-left-width:6px;border-right-width:6px;border-bottom-width:11px}.payload-chip.legend-payload{font-size:6.5px}.selection-drawer h2{font-size:16px}.selection-panel h2{font-size:15px}.selection-drawer dl div{grid-template-columns:82px minmax(0,1fr)}.selection-panel dl div{grid-template-columns:78px minmax(0,1fr)}}