.packets-iata-filter{text-transform:uppercase;flex:0 0 96px;align-items:center;gap:7px;padding:0 9px;font-size:10px;font-weight:950;display:inline-flex}.packets-iata-filter span{color:var(--mc-text-muted,#9fb1c9)}.packets-iata-filter input{width:44px;min-width:0;color:var(--mc-text,#f8fafc);text-transform:uppercase;background:0 0;border:0;outline:0;font-size:12px;font-weight:900}.netgraph-panel{z-index:74;border:1px solid color-mix(in srgb, var(--mc-border-strong,#38bdf8) 72%, transparent);background:color-mix(in srgb, var(--mc-bg,#050812) 74%, var(--mc-surface-strong,#0f172a));box-shadow:0 24px 80px var(--mc-shadow,#00000085);border-radius:8px;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:48px 10px 10px;overflow:hidden}.netgraph-header{border-bottom:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 58%, transparent);background:color-mix(in srgb, var(--mc-surface-strong,#111827) 76%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.netgraph-header p{color:var(--mc-text-muted,#9fb1c9);margin:0;font-size:.78rem}.netgraph-toolbar,.netgraph-search,.netgraph-toolbar button,.netgraph-live-chip{align-items:center;display:flex}.netgraph-toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px}.netgraph-search{border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 62%, transparent);background:color-mix(in srgb, var(--mc-control-bg,#101827) 82%, transparent);min-width:250px;height:36px;color:var(--mc-text-muted,#9fb1c9);border-radius:7px;gap:8px;padding:0 10px}.netgraph-search input{width:100%;min-width:0;color:var(--mc-text,#edf5ff);background:0 0;border:0;outline:0;font-size:.8rem}.netgraph-toolbar button{border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 66%, transparent);background:color-mix(in srgb, var(--mc-control-bg,#101827) 86%, transparent);min-height:36px;color:var(--mc-text,#edf5ff);cursor:pointer;border-radius:7px;gap:6px;padding:0 10px}.netgraph-toolbar button:hover,.netgraph-toolbar button:focus-visible{border-color:var(--mc-accent,#38bdf8);color:var(--mc-accent,#38bdf8)}.netgraph-canvas-wrap{min-height:0;position:relative;overflow:hidden}.netgraph-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.netgraph-canvas:active{cursor:grabbing}.netgraph-empty{border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 52%, transparent);background:color-mix(in srgb, var(--mc-surface-strong,#101827) 86%, transparent);width:min(320px,100% - 32px);color:var(--mc-text-muted,#9fb1c9);text-align:center;border-radius:8px;padding:14px 16px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.netgraph-live-chip{left:calc(14px + var(--ui-safe-left,0px));bottom:calc(14px + var(--ui-safe-bottom,0px));border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 48%, transparent);background:color-mix(in srgb, var(--mc-surface-strong,#101827) 82%, transparent);color:var(--mc-text,#edf5ff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;gap:8px;padding:8px 10px;font-size:.76rem;position:absolute}.netgraph-live-chip svg{color:var(--mc-accent,#38bdf8)}.netgraph-live-chip b{color:var(--mc-green,#22c55e);font-weight:800}.netgraph-legend{top:14px;left:calc(14px + var(--ui-safe-left,0px));border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 46%, transparent);background:color-mix(in srgb, var(--mc-surface-strong,#101827) 78%, transparent);width:min(260px,100% - 28px);color:var(--mc-text,#edf5ff);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 36px var(--mc-shadow,#00000047);pointer-events:none;border-radius:8px;gap:7px;padding:8px;display:grid;position:absolute}.netgraph-legend-group{gap:5px;display:grid}.netgraph-legend-group>span{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 76%, var(--mc-text,#fff));text-transform:uppercase;font-size:10px;font-weight:900}.netgraph-legend-group>div{flex-wrap:wrap;gap:5px;display:flex}.netgraph-legend-item,.netgraph-legend-payload{border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 42%, transparent);background:color-mix(in srgb, var(--mc-control-bg,#101827) 72%, transparent);min-height:19px;color:var(--mc-text-normal,#cbd5e1);border-radius:6px;align-items:center;gap:5px;padding:2px 5px;font-size:9px;font-weight:850;display:inline-flex}.netgraph-legend-item img{object-fit:contain;width:14px;height:14px}.netgraph-legend-payload{border-color:color-mix(in srgb, var(--payload-color) 48%, transparent)}.netgraph-legend-payload i{background:var(--payload-color);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--payload-color) 72%, transparent);border-radius:999px}.netgraph-inspector{border:1px solid color-mix(in srgb, var(--mc-border-strong,#38bdf8) 60%, transparent);background:color-mix(in srgb, var(--mc-surface-strong,#101827) 88%, transparent);width:min(360px,100% - 36px);max-height:calc(100% - 130px);color:var(--mc-text,#edf5ff);box-shadow:0 18px 54px var(--mc-shadow,#00000075);border-radius:8px;padding:14px;position:absolute;bottom:18px;right:18px;overflow:auto}.netgraph-inspector.empty{color:var(--mc-text-muted,#9fb1c9)}.netgraph-inspector h3{margin:4px 28px 12px 0;font-size:1.08rem}.netgraph-inspector-title{align-items:center;gap:8px;display:flex}.netgraph-inspector-title img{object-fit:contain;width:24px;height:24px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--mc-accent,#38bdf8) 46%, transparent))}.netgraph-inspector p{color:var(--mc-text-muted,#9fb1c9);margin:6px 0 0}.netgraph-inspector dl{gap:8px;margin:0;display:grid}.netgraph-inspector dl div{grid-template-columns:112px 1fr;gap:10px;display:grid}.netgraph-inspector dt{color:var(--mc-text-muted,#9fb1c9)}.netgraph-inspector dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:800}.netgraph-inspector-close{border:1px solid color-mix(in srgb, var(--mc-border,#38bdf8) 56%, transparent);width:30px;height:30px;color:var(--mc-text-muted,#9fb1c9);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.app-shell[data-theme-mode=light] .netgraph-panel{background:color-mix(in srgb, var(--mc-surface-strong,#fff) 94%, var(--mc-accent,#2563eb) 6%)}.app-shell[data-theme-mode=light] .netgraph-live-chip,.app-shell[data-theme-mode=light] .netgraph-inspector,.app-shell[data-theme-mode=light] .netgraph-empty,.app-shell[data-theme-mode=light] .netgraph-legend{background:color-mix(in srgb, var(--mc-surface-strong,#fff) 88%, transparent)}@media (width<=700px){.netgraph-panel{border-bottom:0;border-left:0;border-right:0;border-radius:0;inset:42px 0 0}.netgraph-header{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.netgraph-toolbar{justify-content:stretch}.netgraph-search{flex:100%;min-width:0}.netgraph-toolbar button{flex:none;justify-content:center;min-width:0;padding:0 8px}.netgraph-toolbar button span{display:none}.netgraph-inspector{width:calc(100% - 20px);max-height:38%;padding:12px;bottom:10px;right:10px}.netgraph-inspector dl div{grid-template-columns:90px 1fr}.netgraph-live-chip{top:10px;bottom:auto;left:calc(10px + var(--ui-safe-left,0px))}.netgraph-legend{display:none}}.chat-panel{z-index:var(--z-panel,12);width:min(520px,100vw - 28px);max-height:calc(100vh - var(--vcr-bar-height,0px) - 116px);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) 14%, transparent), transparent 34%);border:1px solid color-mix(in srgb, var(--mc-border-strong,#7dd3fc80) 82%, transparent);box-shadow:0 28px 72px var(--mc-shadow,#0000007a), 0 0 34px color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);pointer-events:auto;border-radius:8px;gap:12px;padding:14px;display:grid;position:fixed;top:92px;right:18px}.chat-panel-header,.chat-panel-actions,.chat-summary-strip,.chat-toolbar,.chat-search,.chat-region-filter,.chat-scopes,.chat-row-top,.chat-row-meta,.chat-footer,.chat-summary{align-items:center;display:flex}.chat-panel-header{justify-content:space-between;gap:12px}.chat-panel-header h2{margin:2px 0 0;font-size:22px;line-height:1.1}.chat-summary,.chat-error,.chat-loading,.chat-empty,.chat-row{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px;box-shadow:inset 0 1px #ffffff0f}.chat-summary{gap:8px;min-width:0;padding:8px 10px}.chat-summary svg{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 76%, var(--mc-text,#fff))}.chat-summary span,.chat-toolbar select,.chat-region-filter span,.chat-row-meta,.chat-footer,.chat-loading,.chat-empty,.chat-muted{color:var(--mc-text-muted,#9fb1c9)}.chat-summary span{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:10px;font-weight:850;overflow:hidden}.chat-summary strong{min-width:0;color:var(--mc-text,#f8fafc);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:900;overflow:hidden}.chat-search,.chat-region-filter,.chat-toolbar select,.chat-scopes button,.chat-footer button{min-height:36px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-control-bg,#07101de0) 90%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px}.chat-search button{width:24px;height:24px;color:var(--mc-text-muted,#9fb1c9);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.chat-region-filter{text-transform:uppercase;flex:0 0 118px;gap:7px;padding:0 9px;font-size:10px;font-weight:950}.chat-region-filter input{text-transform:uppercase;width:58px;font-size:12px;font-weight:900}.chat-toolbar select{padding:0 9px;font-size:12px;font-weight:800}.chat-scopes button,.chat-footer button{padding:0 11px;font-size:11px;font-weight:900}.chat-list{align-content:start;gap:8px;min-height:180px;max-height:min(52vh,560px);padding-right:4px;display:grid;overflow:auto}.chat-row{gap:7px;min-width:0;padding:10px;display:grid}.chat-row-top span{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 70%, var(--mc-text,#fff));background:color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 38%, transparent);border-radius:999px;flex:none;padding:2px 7px;font-size:10px;font-weight:950}.chat-row-top em{color:color-mix(in srgb, var(--mc-secondary,#a78bfa) 74%, var(--mc-text,#fff));font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px;font-style:normal;font-weight:850}.chat-row p{color:var(--mc-text-normal,#cbd5e1);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:650;line-height:1.38}.chat-row-meta{text-transform:uppercase;flex-wrap:wrap;gap:6px;font-size:10px;font-weight:850}.chat-row-meta span{background:color-mix(in srgb, var(--mc-surface-strong,#111827) 72%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;min-width:0;max-width:100%;padding:3px 6px;overflow:hidden}.chat-error,.chat-loading,.chat-empty{padding:10px 12px;font-size:12px;font-weight:800}.chat-footer{justify-content:space-between;gap:10px;min-width:0;font-size:12px;font-weight:800}.chat-footer span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width<=760px){.chat-panel{top:calc(62px + var(--ui-safe-top,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(8px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto;max-height:none;padding:10px}.chat-panel-header h2{font-size:18px}.chat-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-toolbar{align-items:stretch}.chat-search,.chat-region-filter,.chat-toolbar select,.chat-scopes{flex:100%;min-width:0}.chat-list{min-height:0;max-height:none}.chat-row-top{align-items:flex-start}.chat-row-top strong{white-space:normal}.chat-footer{flex-direction:column;align-items:stretch}.chat-footer span{white-space:normal}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;background:#05070b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5ff;background:#05070b}:root[data-theme-mode=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#eef5fb}@media (prefers-color-scheme:light){:root[data-theme-mode=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#eef5fb}}@media (prefers-color-scheme:dark){:root[data-theme-mode=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf5ff;background:#05070b}}*{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{width:100%;height:100%;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-red:var(--palette-danger,#ef4444);--mc-amber:var(--palette-warn,#f59e0b);--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:#00000061;--vcr-bar-height:52px;--ui-safe-top:env(safe-area-inset-top,0px);--ui-safe-right:env(safe-area-inset-right,0px);--ui-safe-bottom:env(safe-area-inset-bottom,0px);--ui-safe-left:env(safe-area-inset-left,0px);--ui-edge-gap:10px;--z-map-overlay:5;--z-map-chrome:8;--z-panel:12;--z-popover:16;--z-modal:120;position:relative;overflow:hidden}.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:#ffffffc7;--mc-surface-strong:#fffffff0;--mc-control-bg:#ffffffd6;--mc-border:color-mix(in srgb, var(--palette-primary,#2563eb) 36%, #0f172a29);--mc-border-strong:color-mix(in srgb, var(--palette-primary,#2563eb) 62%, #0f172a2e);--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-red:color-mix(in srgb, var(--palette-danger,#b91c1c) 78%, #0f172a);--mc-amber:color-mix(in srgb, var(--palette-warn,#b45309) 70%, #0f172a);--mc-shadow:#0f172a29}.loading-spinner{--loading-size:30px;width:var(--loading-size);height:var(--loading-size);color:var(--mc-accent,#38bdf8);background:color-mix(in srgb, var(--mc-surface-strong,#09121fd1) 54%, transparent);border:2px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);border-top-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 82%, #fff);border-right-color:color-mix(in srgb, var(--mc-secondary,#a78bfa) 58%, var(--mc-accent,#38bdf8));box-shadow:0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);border-radius:999px;flex:none;place-items:center;animation:.9s linear infinite loading-spinner-rotate;display:inline-grid;position:relative}.loading-spinner-sm{--loading-size:18px;border-width:2px}.loading-spinner-md{--loading-size:30px}.loading-spinner-lg{--loading-size:42px;border-width:3px}.loading-spinner svg{color:currentColor;opacity:.78;width:62%;height:62%;animation:.9s linear infinite loading-spinner-counter}.loading-spinner.branded svg{opacity:.18}.loading-spinner img{object-fit:cover;width:58%;height:58%;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--mc-accent,#38bdf8) 36%, transparent));border-radius:50%;animation:.9s linear infinite loading-spinner-counter;position:absolute}.loading-block{min-width:0;color:var(--mc-text-normal,#cbd5e1);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-control-bg,#07101dd6) 88%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 74%, transparent));border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 88%, transparent);box-shadow:0 12px 34px color-mix(in srgb, var(--mc-shadow,#0000004d) 72%, transparent), inset 0 1px 0 #ffffff12;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.loading-block-inline{min-height:44px;padding:8px 10px}.loading-block-panel{align-content:center;min-height:140px;padding:16px}.loading-block-map{z-index:3;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(340px,100% - 32px);padding:12px 14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-block-copy{gap:2px;min-width:0;display:grid}.loading-block-copy strong,.loading-block-copy em{text-overflow:ellipsis;min-width:0;overflow:hidden}.loading-block-copy strong{color:var(--mc-text,#f8fafc);white-space:nowrap;font-size:13px;font-weight:880;line-height:1.18}.loading-block-copy em{color:var(--mc-text-muted,#9fb1c9);font-size:11px;font-style:normal;font-weight:720;line-height:1.28}.loading-rows{gap:8px;width:100%;min-width:0;padding:4px 0;display:grid}.loading-row{background:linear-gradient(135deg, color-mix(in srgb, var(--mc-control-bg,#07101dd6) 90%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 78%, transparent));border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 58%, transparent);border-radius:7px;width:100%;height:42px;display:block}.loading-row:nth-child(2n){width:92%}.loading-row:nth-child(3n){width:78%}.loading-rows.compact{gap:6px}.loading-rows.compact .loading-row{height:28px}.loading-block .loading-rows{grid-column:1/-1}.loading-button-label{white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:104px;display:inline-flex}.loading-button-spinner.loading-spinner{--loading-size:16px}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-spinner-counter{to{transform:rotate(-360deg)}}.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%, #ffffffe6 88%);border-color:color-mix(in srgb, var(--payload-color) 42%, #0f172a29 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%, #ffffffe6 84%)}.map-wrap,.map-container,.rf-canvas{position:absolute;inset:0}.map-wrap{filter:none;opacity:1;transition:filter .24s,opacity .24s,transform .24s;transform:none}.map-wrap:before,.map-wrap:after{content:"";pointer-events:none;display:none;position:absolute;inset:0}.map-wrap:before{z-index:1;mix-blend-mode:screen;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%)}.map-wrap:after{z-index:4;opacity:.22;mix-blend-mode:screen;background:repeating-linear-gradient(#7dd3fc05 0 1px,#0000 1px 7px),linear-gradient(90deg,#2dd4bf06,#0000 28% 72%,#a855f706)}.map-wrap.loading{filter:none;opacity:1;transform:none}.map-container{background:#000}.map-wrap[data-map-theme-mode=light] .map-container{background:#eef5fb}.rf-canvas{pointer-events:none;z-index:3;width:100%;height:100%;display:block}.node-label-overlay,.packet-message-overlay{pointer-events:none;position:absolute;inset:0}.node-label-overlay{z-index:calc(var(--z-map-overlay,5) - 1)}.packet-message-overlay{z-index:var(--z-map-overlay,5)}.node-screen-label{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 #000000eb,0 -1px 2px #000000eb,1px 0 2px #000000eb,-1px 0 2px #000000eb;filter:drop-shadow(0 0 calc(1px + var(--node-label-glow,0) * 5px) color-mix(in srgb, var(--node-label-color,#38bdf8) 26%, transparent));will-change:transform, opacity;contain:layout style paint;backface-visibility:hidden;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);position:absolute}.node-screen-label-name,.node-screen-label-age{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.node-screen-label-name{font-size:10px;font-weight:760;line-height:1.05}.node-screen-label-age{color:color-mix(in srgb, var(--node-label-color,#38bdf8) 42%, #dbeafe 58%);margin-top:1px;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 #000000f5, 0 -1px 2px #000000f5, 1px 0 2px #000000f5, -1px 0 2px #000000f5, 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%, #fff 42%);font-weight:780}.node-screen-label.neighbor{text-shadow:0 1px 2px #000000f0, 0 -1px 2px #000000f0, 1px 0 2px #000000f0, -1px 0 2px #000000f0, 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 #000000f5, 0 -1px 2px #000000f5, 1px 0 2px #000000f5, -1px 0 2px #000000f5, 0 0 10px color-mix(in srgb, var(--node-label-color,#facc15) 42%, transparent)}.packet-message-bubble{color:#f8fbff;background:linear-gradient(135deg, color-mix(in srgb, var(--message-color,#a78bfa) 22%, #030712ed 78%), #030712e0);border:1px solid color-mix(in srgb, var(--message-color,#a78bfa) 62%, #f8fafc29 38%);width:max-content;max-width:min(440px,100vw - 32px);box-shadow:0 0 18px color-mix(in srgb, var(--message-color,#a78bfa) 42%, transparent), 0 10px 26px #00000070, inset 0 1px 0 #ffffff1f;text-shadow:0 0 10px #000000c7;will-change:opacity, transform;border-radius:9px;gap:3px;padding:7px 9px 8px;animation:5.2s ease-out forwards packet-message-fade;display:grid;position:absolute}.packet-message-bubble:after{content:"";background:color-mix(in srgb, var(--message-color,#a78bfa) 30%, #030712f2 70%);border-right:1px solid color-mix(in srgb, var(--message-color,#a78bfa) 58%, #f8fafc1f 42%);border-bottom:1px solid color-mix(in srgb, var(--message-color,#a78bfa) 58%, #f8fafc1f 42%);width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.packet-message-sender{color:color-mix(in srgb, var(--message-color,#a78bfa) 64%, #fff 36%);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:900;line-height:1;overflow:hidden}.packet-message-text{color:#fff;overflow-wrap:anywhere;white-space:normal;font-size:12px;font-weight:800;line-height:1.16;overflow:visible}@keyframes packet-message-fade{0%{opacity:0}12%{opacity:1}70%{opacity:.92}to{opacity:0}}.map-vignette{z-index:2;pointer-events:none;display:none;position:absolute;inset:0}.maplibregl-map{font:inherit}.maplibregl-ctrl-bottom-right{right:10px;bottom:calc(var(--vcr-bar-height,0px) + var(--ui-edge-gap,10px) + var(--ui-safe-bottom,0px))}.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,.setup-panel,.packets-panel,.chat-panel,.lab-panel,.node-list-panel,.packets-compact-tray,.map-settings-drawer,.route-gif-export,.visitor-guide,.vcr-bar{z-index:6;position:absolute}.node-loading-toast{right:64px;bottom:calc(var(--vcr-bar-height,0px) + 18px);z-index:var(--z-map-chrome,8);color:#e0f2fe;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);pointer-events:none;background:linear-gradient(135deg,#050a14f0,#0a1220e0);border:1px solid #7dd3fc7a;border-radius:8px;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;width:min(370px,100vw - 32px);padding:14px 16px;display:grid;transform:none;box-shadow:0 22px 56px #0000007a,0 0 28px #38bdf81a,inset 0 1px #ffffff14}.toast-viewport{right:calc(14px + var(--ui-safe-right,0px));bottom:calc(18px + var(--vcr-bar-height,0px) + var(--ui-safe-bottom,0px));z-index:var(--z-toast,24);pointer-events:none;gap:8px;width:min(380px,100vw - 28px);display:grid;position:fixed}.app-toast{min-height:54px;color:var(--mc-text,#edf5ff);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface-strong,#050a14f5) 96%, transparent), color-mix(in srgb, var(--mc-control-bg,#0a1220e6) 86%, transparent));border:1px solid color-mix(in srgb, var(--toast-color,var(--mc-accent,#38bdf8)) 46%, transparent);box-shadow:0 20px 48px #00000075, 0 0 22px color-mix(in srgb, var(--toast-color,var(--mc-accent,#38bdf8)) 14%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);pointer-events:auto;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:9px;padding:9px 10px;animation:.18s ease-out toast-slide-up;display:grid}.app-toast.toast-success{--toast-color:#22c55e}.app-toast.toast-warning{--toast-color:#f59e0b}.app-toast.toast-error{--toast-color:#ef4444}.app-toast.toast-loading{--toast-color:#38bdf8}.app-toast-icon{width:28px;height:28px;color:color-mix(in srgb, var(--toast-color,#38bdf8) 84%, #fff);background:color-mix(in srgb, var(--toast-color,#38bdf8) 13%, transparent);border-radius:7px;place-items:center;display:inline-grid}.app-toast-copy{gap:2px;min-width:0;display:grid}.app-toast-copy strong,.app-toast-copy small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.app-toast-copy strong{font-size:12px;font-weight:950}.app-toast-copy small{color:var(--mc-text-muted,#9fb1c9);font-size:11px;font-weight:720}.app-toast button{width:24px;height:24px;color:var(--mc-text-muted,#9fb1c9);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.toast-spinner{animation:1s linear infinite node-loading-spin}.node-hover-toast{z-index:9;color:#e5f6ff;pointer-events:none;background:linear-gradient(135deg,#040a12f5,#081220e6);border:1px solid #7dd3fc61;border-radius:7px;width:250px;max-width:calc(100vw - 24px);padding:10px 11px;position:absolute;box-shadow:0 18px 42px #00000075,0 0 18px #38bdf814,inset 0 1px #ffffff12}.node-hover-toast strong,.node-hover-toast span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.node-hover-toast strong{font-size:13px;line-height:1.25}.node-hover-toast span{color:#9fb7d0;margin-top:3px;font-size:11px}.node-hover-toast dl{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 0;display:grid}.node-hover-toast div{min-width:0}.node-hover-toast dt{color:#7dd3fc;letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800}.node-hover-toast dd{color:#f8fafc;margin:2px 0 0;font-size:12px;font-weight:700}.node-loading-toast.warn{color:#fde68a;border-color:#fbbf246b}.node-loading-toast strong,.node-loading-toast em{min-width:0;display:block}.node-loading-toast strong{font-size:14px;line-height:1.25}.node-loading-toast em{color:#9fb1c9;margin-top:3px;font-size:12px;font-style:normal;line-height:1.35}.node-loading-spinner.loading-spinner{--loading-size:34px;border-width:3px;border-top-color:#7dd3fc;border-right-color:#2dd4bfb8;box-shadow:0 0 14px #38bdf833}.node-loading-spinner.loading-spinner img{width:21px;height:21px}@media (prefers-reduced-motion:reduce){.map-wrap,.loading-spinner,.loading-spinner svg,.loading-spinner img,.loading-row,.loading-block,.loading-button-spinner,.node-loading-spinner,.node-loading-spinner img,.toast-spinner,.app-toast,.hot-route.recent{transition:none;animation:none}}.link-bar{z-index:var(--z-modal,120);min-height:34px;color:var(--mc-text-normal,#dbeafe);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface,#04091094) 62%, transparent), color-mix(in srgb, var(--mc-surface-strong,#09121f6b) 46%, transparent));border:1px solid color-mix(in srgb, var(--mc-accent,#7dd3fc) 16%, transparent);box-shadow:0 12px 28px var(--mc-shadow,#0003), inset 0 1px 0 #ffffff0b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr);align-items:center;gap:8px;padding:5px 8px;display:grid;top:8px;left:10px;right: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{align-items:center;min-width:0;min-height:23px;display:inline-flex}.link-bar-build a,.link-bar-build span{text-overflow:ellipsis;max-width:160px;overflow:hidden}.link-bar-brand,.link-bar-github{border:1px solid #0000;border-radius:6px;gap:7px;width:max-content;max-width:100%;padding:0 7px;font-size:11px;font-weight:780;transition:color .16s,border-color .16s,background .16s}.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,#7dd3fc6b);outline:none}.link-bar-brand img{border-radius:999px;flex:none;width:20px;height:20px;box-shadow:0 0 12px #7dd3fc38,0 0 20px #f871711a}.link-bar-brand span,.link-bar-github span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-bar-build{color:var(--mc-text-normal,#cfe9ff);white-space:nowrap;justify-content:center;gap:6px;font-size:11px}.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{border:1px solid color-mix(in srgb, var(--mc-link,#38bdf8) 18%, transparent);border-radius:5px;padding:2px 5px;font-weight:780}.link-bar-build .link-bar-page{white-space:nowrap;min-height:23px;color:color-mix(in srgb, var(--mc-accent,#38bdf8) 74%, var(--mc-text,#fff));background:color-mix(in srgb, var(--mc-accent,#38bdf8) 8%, transparent);align-items:center;gap:4px;padding:2px 5px;display:inline-flex}.link-bar-labs-menu{display:inline-flex;position:relative}.link-bar-labs-menu button.link-bar-page{border:1px solid color-mix(in srgb, var(--mc-link,#38bdf8) 18%, transparent);font:inherit;cursor:pointer;border-radius:5px;font-weight:780}.link-bar-labs-popover{z-index:calc(var(--z-modal,120) + 1);width:min(430px,100vw - 24px);max-height:min(70vh,520px);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));border:1px solid var(--mc-border-strong,#7dd3fc75);box-shadow:0 22px 54px var(--mc-shadow,#0000007a);-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);border-radius:8px;gap:6px;padding:8px;display:grid;position:fixed;top:50px;left:50%;overflow:auto;transform:translate(-50%)}.link-bar-labs-popover a{color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--lab-accent,#38bdf8) 7%, transparent);border:1px solid color-mix(in srgb, var(--lab-accent,#38bdf8) 18%, transparent);border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px;display:grid}.link-bar-labs-popover a:hover,.link-bar-labs-popover a:focus-visible,.link-bar-labs-popover a.active{color:var(--mc-text,#fff);background:color-mix(in srgb, var(--lab-accent,#38bdf8) 14%, transparent);border-color:color-mix(in srgb, var(--lab-accent,#38bdf8) 52%, transparent);outline:none}.link-bar-labs-popover strong,.link-bar-labs-popover em{text-overflow:ellipsis;display:block;overflow:hidden}.link-bar-labs-popover strong{color:inherit;font-size:12px;line-height:1.15}.link-bar-labs-popover em{color:var(--mc-text-muted,#9fb1c9);white-space:normal;margin-top:2px;font-size:10px;font-style:normal;line-height:1.25}.link-bar-workspaces-popover{width:min(270px,100vw - 24px)}.link-bar-workspaces-popover a{grid-template-columns:20px minmax(0,1fr);min-height:36px}.link-bar-workspaces-popover a>svg{color:color-mix(in srgb, var(--lab-accent,var(--mc-accent,#38bdf8)) 78%, var(--mc-text,#fff));justify-self:center}.lab-menu-dot{background:var(--lab-accent,#38bdf8);width:9px;height:32px;box-shadow:0 0 14px color-mix(in srgb, var(--lab-accent,#38bdf8) 40%, transparent);border-radius:999px}.link-bar-build .link-bar-page.active{color:var(--mc-text,#fff);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-content:flex-end;justify-self:end;gap:7px}.link-bar-info-actions{gap:5px}.link-bar-info-actions button,.link-bar-info-popover button{color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-control-bg,#08101cbd) 86%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 22%, transparent);cursor:pointer;border-radius:6px}.link-bar-info-actions button{align-items:center;gap:4px;min-height:23px;padding:2px 7px;font-size:11px;font-weight:780;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.link-bar-info-actions button:hover,.link-bar-info-actions button:focus-visible,.link-bar-info-actions button.active{color:var(--mc-text,#fff);background:color-mix(in srgb, var(--mc-accent,#38bdf8) 13%, transparent);border-color:var(--mc-border-strong,#7dd3fc6b);box-shadow:0 0 16px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);outline:none}.link-bar-info-popover{z-index:var(--z-modal,120);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,#7dd3fc75);box-shadow:0 22px 64px var(--mc-shadow,#0000007a), 0 0 28px color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);overscroll-behavior:contain;border-radius:9px;width:min(430px,100vw - 24px);max-height:calc(100vh - 72px);padding:12px;position:fixed;top:50px;right:110px;overflow:auto}.link-bar-info-popover header{align-items:center;gap:8px;display:flex}.link-bar-info-popover header strong{flex:auto;font-size:13px}.link-bar-info-popover header button{justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex}.link-bar-info-body{gap:10px;margin-top:9px;display:grid}.link-bar-info-body p{color:var(--mc-text-normal,#cbd5e1);margin:0;font-size:12px;line-height:1.45}.link-bar-info-body ul{color:var(--mc-text-normal,#cbd5e1);gap:7px;margin:0;padding-left:18px;font-size:12px;line-height:1.4;display:grid}.link-bar-release-list{gap:7px;display:grid}.link-bar-release-note{background:color-mix(in srgb, var(--mc-control-bg,#08101cb8) 78%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 16%, transparent);border-radius:7px;grid-template-columns:auto 1fr;gap:3px 8px;padding:8px;display:grid}.link-bar-release-note span{color:var(--mc-link,#7dd3fc);background:color-mix(in srgb, var(--mc-link,#7dd3fc) 12%, transparent);border:1px solid color-mix(in srgb, var(--mc-link,#7dd3fc) 20%, transparent);border-radius:999px;align-self:start;padding:2px 6px;font-size:10px;font-weight:880;line-height:1.1}.link-bar-release-note strong{color:var(--mc-text,#f8fafc);align-self:center;font-size:12px}.link-bar-release-note p{grid-column:2;margin:0;font-size:11px;line-height:1.35}.link-bar-info-body a{color:var(--mc-link,#7dd3fc);border:1px solid color-mix(in srgb, var(--mc-link,#7dd3fc) 26%, transparent);border-radius:6px;justify-self:start;padding:4px 7px;font-size:11px;font-weight:820}.link-bar-info-body a:has(svg){align-items:center;gap:6px;display:inline-flex}.perf-panel,.setup-panel,.packets-panel{z-index:10;width:min(1040px,100vw - 28px);max-height:calc(100vh - var(--vcr-bar-height,0px) - 116px);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,#7dd3fc80) 82%, transparent);box-shadow:0 28px 72px var(--mc-shadow,#0000007a), 0 0 34px color-mix(in srgb, var(--mc-accent,#38bdf8) 14%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);pointer-events:auto;border-radius:8px;gap:12px;padding:14px;display:grid;top:92px;left:50%;overflow:auto;transform:translate(-50%)}.perf-panel-header,.perf-panel-actions,.setup-panel-header,.setup-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{align-items:center;display:flex}.perf-panel-header,.setup-panel-header,.packets-panel-header{justify-content:space-between;gap:12px}.perf-panel-header h2,.setup-panel-header h2,.packets-panel-header h2{margin:2px 0 0;font-size:22px;line-height:1.1}.perf-panel-header p,.setup-panel-header p,.packets-panel-header p{color:var(--mc-text-muted,#9fb1c9);margin:4px 0 0;font-size:12px;font-weight:700}.packets-search-status{width:fit-content;min-width:0;max-width:100%;color:var(--mc-text-muted,#9fb1c9);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-control-bg,#07101dd6) 88%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 70%, transparent));border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 82%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:820;line-height:1.15;display:inline-flex;position:relative;overflow:hidden}.packets-search-status.loading:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent), transparent);width:34%;animation:1.2s linear infinite packets-search-scan;position:absolute;inset:0 auto 0 0}.packets-search-status.has-more{border-color:color-mix(in srgb, var(--mc-secondary,#a78bfa) 44%, var(--mc-border,#7dd3fc42))}.packets-search-status span{z-index:1;text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.packets-search-status .loading-spinner{z-index:1}.workspace-panel.workspace-side{top:92px;right:auto;bottom:calc(var(--vcr-bar-height,0px) + 12px);width:min(520px,100vw - 28px);max-height:none;left:10px;transform:none}.packets-panel.workspace-side{width:min(560px,100vw - 28px)}.chat-panel.workspace-side{right:auto}.propagation-panel.workspace-side{width:min(430px,100vw - 28px);left:auto;right:10px}.propagation-panel{grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;padding:12px;display:grid}.propagation-panel-header,.propagation-summary,.propagation-row-top,.propagation-row-meta,.propagation-row-actions{align-items:center;display:flex}.propagation-panel-header{justify-content:space-between;gap:10px}.propagation-panel-header h2{color:var(--mc-text,#f8fafc);margin:2px 0 0;font-size:17px;line-height:1.1}.propagation-summary,.propagation-condition-grid,.propagation-row,.propagation-error,.propagation-loading,.propagation-empty{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px;box-shadow:inset 0 1px #ffffff0f}.propagation-summary{color:#bbf7d0;border-color:#34d39957;gap:9px;min-width:0;padding:10px}.propagation-summary div{gap:3px;min-width:0;display:grid}.propagation-summary strong,.propagation-row-top strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.propagation-summary span{min-width:0;color:var(--mc-text-muted,#9fb1c9);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.propagation-condition-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:8px;display:grid}.propagation-condition-grid div{gap:3px;min-width:0;display:grid}.propagation-condition-grid span,.propagation-row-meta,.propagation-row p,.propagation-loading,.propagation-empty{color:var(--mc-text-muted,#9fb1c9)}.propagation-condition-grid span{text-transform:uppercase;font-size:9px;font-weight:900}.propagation-condition-grid strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.propagation-list{gap:8px;min-height:0;padding-right:3px;display:grid;overflow:auto}.propagation-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;padding:9px;display:grid}.propagation-row.tropo{border-color:#34d39961}.propagation-row.distance{border-color:#fb71854d}.propagation-row-main{gap:6px;min-width:0;display:grid}.propagation-row-top{gap:8px;min-width:0}.propagation-row-top time{color:var(--mc-text-muted,#9fb1c9);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:10px;font-weight:820}.propagation-row-meta{flex-wrap:wrap;gap:5px;font-size:10px;font-weight:820}.propagation-row-meta span{background:color-mix(in srgb, var(--mc-surface-strong,#111827) 72%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 78%, transparent);border-radius:5px;padding:2px 6px}.propagation-row p{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:11px;line-height:1.35;overflow:hidden}.propagation-row-actions{flex-direction:column;align-self:stretch;gap:6px}.propagation-row-actions button{min-width:72px;min-height:32px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 82%, transparent);border:1px solid var(--mc-border,#7dd3fc42);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:11px;font-weight:850;display:inline-flex}.propagation-row-actions button:hover,.propagation-row-actions button:focus-visible{border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 58%, transparent);outline:none}.propagation-error,.propagation-loading,.propagation-empty{padding:10px;font-size:12px;font-weight:760}.propagation-error{color:#fecdd3;border-color:#f8717175}.chat-panel{grid-template-rows:auto auto auto auto minmax(0,1fr) auto;gap:10px;padding:12px;display:grid}.chat-panel-header,.chat-panel-actions,.chat-summary-strip,.chat-toolbar,.chat-filter-chips,.chat-row-top,.chat-row-meta,.chat-footer{align-items:center;display:flex}.chat-panel-header{z-index:2;justify-content:space-between;gap:10px;padding-bottom:2px;position:sticky;top:0}.chat-panel-header h2{color:var(--mc-text,#f8fafc);margin:2px 0 0;font-size:17px;line-height:1.1}.chat-panel-header p{color:var(--mc-text-muted,#9fb1c9);margin:3px 0 0;font-size:11px;font-weight:720}.chat-panel-actions{gap:6px}.chat-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.chat-summary,.chat-search,.chat-region-filter,.chat-toolbar select,.chat-scopes button,.chat-filter-chips span,.chat-filter-chips button,.chat-row,.chat-footer,.chat-error,.chat-empty{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px;box-shadow:inset 0 1px #ffffff0f}.chat-summary{grid-template-columns:auto minmax(0,1fr);gap:2px 7px;min-width:0;padding:8px;display:grid}.chat-summary svg{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 72%, var(--mc-text,#fff));grid-row:span 2}.chat-summary span{min-width:0;color:var(--mc-text-muted,#9fb1c9);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:900;overflow:hidden}.chat-summary strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;overflow:hidden}.chat-toolbar{flex-wrap:wrap;gap:7px}.chat-search,.chat-region-filter{min-height:36px;color:var(--mc-text,#f8fafc)}.chat-search{flex:260px;gap:8px;min-width:220px;padding:0 10px}.chat-search input,.chat-region-filter input{min-width:0;color:var(--mc-text,#f8fafc);background:0 0;border:0;outline:0}.chat-search input{flex:1}.chat-search button{width:24px;height:24px;color:var(--mc-text-muted,#9fb1c9);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.chat-region-filter{gap:7px;padding:0 9px}.chat-region-filter span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:900}.chat-region-filter input{width:72px}.chat-toolbar select,.chat-scopes button,.chat-filter-chips button,.chat-footer button{min-height:34px;color:var(--mc-text,#f8fafc);font:inherit;font-size:11px;font-weight:850}.chat-toolbar select{padding:0 9px}.chat-scopes{gap:5px}.chat-scopes button{cursor:pointer;padding:0 10px}.chat-scopes button.active{color:var(--mc-text,#fff);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)}.chat-filter-chips{flex-wrap:wrap;gap:6px}.chat-filter-chips span,.chat-filter-chips button{min-height:26px;color:var(--mc-text-muted,#9fb1c9);padding:0 8px;font-size:10px;font-weight:850}.chat-filter-chips span.live{color:#bbf7d0;border-color:#22c55e57}.chat-filter-chips button{color:#fecdd3;cursor:pointer;border-color:#f871715c}.chat-list{min-height:240px;padding-right:4px;overflow:auto}.chat-row{align-content:start;gap:7px;min-width:0;height:100px;margin-bottom:8px;padding:9px;display:grid}.chat-row-top{gap:7px;min-width:0}.chat-row-top strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.chat-row-top span,.chat-row-top em{color:var(--mc-text-muted,#9fb1c9);white-space:nowrap;font-size:10px;font-style:normal;font-weight:820}.chat-row-top span{background:color-mix(in srgb, var(--mc-accent,#38bdf8) 10%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 24%, transparent);border-radius:5px;padding:2px 6px}.chat-row-top em{font-variant-numeric:tabular-nums;margin-left:auto}.chat-row p{min-width:0;color:var(--mc-text,#f8fafc);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-muted{color:var(--mc-text-muted,#9fb1c9)!important}.chat-row-meta{flex-wrap:wrap;gap:5px;min-width:0}.chat-row-meta span{max-width:160px;color:var(--mc-text-muted,#9fb1c9);background:color-mix(in srgb, var(--mc-surface-strong,#111827) 72%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 78%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:820;overflow:hidden}.chat-error,.chat-empty{padding:10px;font-size:12px;font-weight:760}.chat-error{color:#fecdd3;border-color:#f8717175}.chat-loading-bar{background:color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, transparent);border-radius:999px;height:3px;overflow:hidden}.chat-loading-bar:before{content:"";background:color-mix(in srgb, var(--mc-accent,#38bdf8) 70%, #fff);width:38%;height:100%;animation:1.1s linear infinite packets-search-scan;display:block}.chat-footer{min-height:38px;color:var(--mc-text-muted,#9fb1c9);justify-content:space-between;gap:8px;padding:6px 8px;font-size:11px;font-weight:780}.chat-footer button{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 82%, transparent);border:1px solid var(--mc-border,#7dd3fc42);cursor:pointer;border-radius:6px;min-height:30px;padding:0 10px}.chat-footer button:disabled{cursor:not-allowed;opacity:.56}.lab-panel{z-index:10;min-height:0;color:var(--mc-text,#f8fafc);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface,#060b12) 96%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 91%, transparent)), radial-gradient(circle at 18% 0%, color-mix(in srgb, var(--lab-accent,#38bdf8) 18%, transparent), transparent 36%);border:1px solid color-mix(in srgb, var(--lab-accent,var(--mc-border-strong,#7dd3fc80)) 44%, var(--mc-border,#7dd3fc42));box-shadow:0 28px 74px var(--mc-shadow,#00000085), 0 0 34px color-mix(in srgb, var(--lab-accent,#38bdf8) 14%, transparent), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);pointer-events:auto;border-radius:8px;grid-template-rows:auto auto minmax(300px,1fr) auto;gap:10px;padding:12px;display:grid;overflow:hidden}.lab-panel .icon-button.active{border-color:color-mix(in srgb, var(--lab-accent,var(--mc-accent,#38bdf8)) 56%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--lab-accent,var(--mc-accent,#38bdf8)) 18%, transparent)}.lab-panel.workspace-side{width:min(640px,100vw - 28px)}.node-list-panel.workspace-side{width:min(680px,100vw - 28px)}.lab-panel-header,.lab-panel-actions,.lab-toolbar,.lab-stage-title,.lab-live-badge,.lab-control-row,.lab-toggle-row,.lab-metric,.lab-payload-mix span{align-items:center;display:flex}.lab-panel-header{justify-content:space-between;gap:10px}.lab-panel-header h2{color:var(--mc-text,#f8fafc);margin:2px 0 0;font-size:18px;line-height:1.1}.lab-panel-header p{max-width:680px;color:var(--mc-text-normal,#cbd5e1);margin:4px 0 0;font-size:12px;line-height:1.35}.lab-panel-actions{gap:6px}.lab-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0;display:grid}.lab-toolbar a,.lab-control-surface,.lab-metrics,.lab-inspector,.lab-payload-mix,.lab-stage-shell{background:color-mix(in srgb, var(--mc-control-bg,#08101cc7) 88%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);border-radius:7px}.lab-toolbar a{min-width:0;min-height:42px;color:var(--mc-text-normal,#cbd5e1);background:linear-gradient(135deg, color-mix(in srgb, var(--lab-card-accent,#38bdf8) 9%, transparent), transparent 70%), color-mix(in srgb, var(--mc-control-bg,#08101cc7) 88%, transparent);cursor:pointer;justify-content:flex-start;align-items:center;gap:7px;padding:7px 9px;font-size:11px;font-weight:820;text-decoration:none;transition:color .16s,border-color .16s,background .16s,box-shadow .16s;display:flex}.lab-toolbar a span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.lab-toolbar a strong,.lab-toolbar a em{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.lab-toolbar a strong{color:inherit;font-size:11px;line-height:1.1}.lab-toolbar a em{color:var(--mc-text-muted,#9fb1c9);letter-spacing:0;text-transform:uppercase;margin-top:2px;font-size:9px;font-style:normal}.lab-toolbar a:hover,.lab-toolbar a:focus-visible,.lab-toolbar a.active{color:var(--mc-text,#f8fafc);background:linear-gradient(135deg, color-mix(in srgb, var(--lab-card-accent,#38bdf8) 18%, transparent), color-mix(in srgb, var(--mc-surface-strong,#101827) 58%, transparent)), color-mix(in srgb, var(--mc-accent,#38bdf8) 13%, transparent);border-color:color-mix(in srgb, var(--lab-card-accent,#38bdf8) 62%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--lab-card-accent,#38bdf8) 20%, transparent);outline:none}.lab-stage-shell{grid-template-rows:auto auto auto minmax(220px,1fr);min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d}.lab-stage-title{z-index:1;justify-content:space-between;gap:10px;padding:10px 10px 0}.lab-stage-title strong{color:var(--mc-text,#f8fafc);margin-top:2px;font-size:15px;display:block}.lab-stage-title p{max-width:760px;color:var(--mc-text-normal,#cbd5e1);margin:4px 0 0;font-size:12px;line-height:1.35}.lab-signal-strip{z-index:1;background:color-mix(in srgb, var(--lab-accent,#38bdf8) 8%, transparent);border:1px solid color-mix(in srgb, var(--lab-accent,#38bdf8) 24%, transparent);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;margin:8px 10px 0;padding:7px 9px;display:grid}.lab-signal-strip span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:850}.lab-signal-strip strong{min-width:0;color:var(--mc-text-normal,#dbeafe);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:760;overflow:hidden}.lab-cue-strip{z-index:1;flex-wrap:wrap;gap:6px;margin:7px 10px 0;display:flex}.lab-cue-strip span{min-height:23px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--lab-accent,#38bdf8) 10%, transparent);border:1px solid color-mix(in srgb, var(--lab-accent,#38bdf8) 24%, transparent);border-radius:999px;padding:4px 7px;font-size:10px;font-weight:760}.lab-live-badge{min-height:25px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-surface-strong,#111827) 84%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 26%, transparent);text-transform:uppercase;border-radius:999px;gap:7px;padding:0 9px;font-size:10px;font-weight:840}.lab-live-badge i{width:8px;height:8px;opacity:var(--lab-opacity,.64);box-shadow:0 0 var(--lab-glow,12px) color-mix(in srgb, var(--mc-accent,#38bdf8) 62%, transparent);background:#34d399;border-radius:999px}.lab-canvas{width:100%;height:100%;min-height:250px;display:block}.lab-bottom-grid{grid-template-columns:minmax(185px,1.05fr) minmax(210px,1fr) minmax(190px,1fr) minmax(180px,.95fr);gap:8px;min-height:0;display:grid}.lab-control-surface,.lab-metrics,.lab-inspector,.lab-payload-mix{min-width:0;padding:9px}.lab-control-surface{gap:8px;display:grid}.lab-control-row{gap:8px}.lab-control-row label,.lab-toggle-row span{color:var(--mc-text-normal,#cbd5e1);font-size:11px;font-weight:780}.lab-control-row input[type=range]{min-width:80px;accent-color:var(--mc-accent,#38bdf8);flex:auto}.lab-control-row>span{width:36px;color:var(--mc-text,#f8fafc);text-align:right;font-size:11px;font-weight:820}.lab-toggle-row{gap:7px}.lab-toggle-row input{accent-color:var(--mc-accent,#38bdf8)}.lab-step-strip{grid-template-columns:repeat(16,minmax(4px,1fr));gap:3px;display:grid}.lab-step-strip span{background:color-mix(in srgb, var(--mc-accent,#38bdf8) 42%, #94a3b847);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 34%, transparent);height:18px;opacity:var(--step-opacity,.42);border-radius:3px}.lab-step-strip span.active{box-shadow:0 0 12px color-mix(in srgb, var(--mc-accent,#38bdf8) 36%, transparent)}.lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.lab-inspector{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lab-inspector-card{background:color-mix(in srgb, var(--lab-accent,#38bdf8) 9%, transparent);border:1px solid color-mix(in srgb, var(--lab-accent,#38bdf8) 24%, transparent);border-radius:6px;min-width:0;padding:8px}.lab-inspector-card span,.lab-inspector-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.lab-inspector-card span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:9px;font-weight:850}.lab-inspector-card strong{color:var(--mc-text,#f8fafc);margin-top:4px;font-size:12px;font-weight:860}.lab-metric{gap:6px;min-width:0}.lab-metric svg{color:var(--mc-accent,#38bdf8);flex:none}.lab-metric span{min-width:0;color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:760}.lab-metric strong{color:var(--mc-text,#f8fafc);margin-left:auto;font-size:12px;font-weight:860}.lab-payload-mix{flex-wrap:wrap;align-content:flex-start;gap:6px;display:flex}.lab-payload-mix span{min-height:24px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--payload-color,#38bdf8) 13%, transparent);border:1px solid color-mix(in srgb, var(--payload-color,#38bdf8) 36%, transparent);border-radius:999px;gap:5px;padding:0 7px}.lab-payload-mix i{background:var(--payload-color,#38bdf8);border-radius:999px;width:7px;height:7px}.lab-payload-mix strong,.lab-payload-mix em,.lab-empty{font-size:10px;font-style:normal;font-weight:820}.lab-payload-mix em{color:var(--mc-text-normal,#cbd5e1)}.lab-empty{color:var(--mc-text-muted,#9fb1c9)}.lab-panel.lab-waterfall-panel{background:linear-gradient(135deg, #030812f0, #071120e6), radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--lab-accent,#22d3ee) 18%, transparent), transparent 40%);grid-template-rows:auto minmax(360px,1fr) auto;width:min(1180px,100vw - 28px)}.lab-panel.lab-waterfall-panel.workspace-fullscreen{width:auto}.lab-panel.lab-waterfall-panel.workspace-side{width:min(720px,100vw - 28px)}.waterfall-header h2{font-size:20px}.waterfall-stage-shell,.waterfall-control-surface,.waterfall-metrics,.waterfall-lanes,.waterfall-inspector{background:color-mix(in srgb, var(--mc-control-bg,#040c18d1) 90%, transparent);border:1px solid color-mix(in srgb, var(--lab-accent,#22d3ee) 24%, var(--mc-border,#7dd3fc3d));border-radius:7px}.waterfall-stage-shell{min-height:min(62vh,680px);box-shadow:inset 0 1px 0 #ffffff14, 0 0 34px color-mix(in srgb, var(--lab-accent,#22d3ee) 10%, transparent);isolation:isolate;position:relative;overflow:hidden}.waterfall-canvas{width:100%;height:100%;min-height:0;position:absolute;inset:0}.waterfall-stage-vignette{pointer-events:none;z-index:1;background:linear-gradient(#0206102e,#0000 28%,#02061047 100%),radial-gradient(circle at 50% 44%,#0000 42%,#00000070 100%);position:absolute;inset:0}.waterfall-stage-hud{z-index:2;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;top:10px;left:10px;right:10px}.waterfall-live-badge,.waterfall-now,.waterfall-section-header,.waterfall-control-row,.waterfall-toggle-row,.waterfall-metric,.waterfall-lane-row{align-items:center;display:flex}.waterfall-live-badge,.waterfall-now{min-height:32px;color:var(--mc-text,#f8fafc);border:1px solid color-mix(in srgb, var(--lab-accent,#22d3ee) 34%, #ffffff1a);box-shadow:0 0 22px color-mix(in srgb, var(--lab-accent,#22d3ee) 14%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020812a3;border-radius:999px;gap:7px;padding:7px 10px}.waterfall-live-badge span,.waterfall-now span{color:var(--mc-text-normal,#cbd5e1);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:820}.waterfall-live-badge i{background:var(--lab-accent,#22d3ee);width:8px;height:8px;opacity:var(--lab-opacity,.66);box-shadow:0 0 14px color-mix(in srgb, var(--lab-accent,#22d3ee) 68%, transparent);border-radius:999px}.waterfall-now strong{color:var(--mc-text,#f8fafc);font-size:12px}.waterfall-bottom-grid{grid-template-columns:minmax(230px,1.05fr) minmax(260px,1fr) minmax(230px,1fr) minmax(220px,.9fr);gap:8px;min-height:0;display:grid}.waterfall-control-surface,.waterfall-metrics,.waterfall-lanes,.waterfall-inspector{min-width:0;padding:10px}.waterfall-section-header{color:var(--mc-text,#f8fafc);gap:7px;margin-bottom:8px}.waterfall-section-header svg{color:var(--lab-accent,#22d3ee)}.waterfall-section-header strong{letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.waterfall-control-row{min-height:30px;color:var(--mc-text-normal,#cbd5e1);grid-template-columns:58px minmax(0,1fr) 42px;gap:8px;display:grid}.waterfall-control-row+.waterfall-control-row,.waterfall-toggle-row,.waterfall-reset-button{margin-top:7px}.waterfall-control-row label,.waterfall-toggle-row span{color:var(--mc-text-muted,#9fb1c9);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:820}.waterfall-control-row>span{color:var(--mc-text-normal,#cbd5e1);text-align:right;font-size:10px;font-weight:820}.waterfall-control-row input[type=range]{width:100%;accent-color:var(--lab-accent,#22d3ee)}.waterfall-control-row select{min-width:0;height:28px;color:var(--mc-text,#f8fafc);border:1px solid color-mix(in srgb, var(--lab-accent,#22d3ee) 30%, var(--mc-border,#7dd3fc3d));background:#050e1cd6;border-radius:6px;padding:0 8px;font-size:11px;font-weight:800}.waterfall-toggle-row{gap:8px}.waterfall-toggle-row input{accent-color:var(--lab-accent,#22d3ee)}.waterfall-reset-button{width:100%;min-height:30px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--lab-accent,#22d3ee) 16%, #08101cc7);border:1px solid color-mix(in srgb, var(--lab-accent,#22d3ee) 38%, transparent);cursor:pointer;border-radius:6px;font-size:11px;font-weight:900}.waterfall-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.waterfall-metric{background:#0712229e;border:1px solid #7dd3fc29;border-radius:6px;gap:7px;min-width:0;padding:8px}.waterfall-metric svg{color:var(--lab-accent,#22d3ee);flex:none}.waterfall-metric span,.waterfall-metric strong{min-width:0}.waterfall-metric span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:9px;font-weight:820}.waterfall-metric strong{color:var(--mc-text,#f8fafc);margin-left:auto;font-size:12px}.waterfall-lanes{align-content:start;gap:6px;display:grid}.waterfall-lane-row{min-height:29px;color:var(--mc-text-normal,#cbd5e1);background:linear-gradient(90deg, color-mix(in srgb, var(--payload-color,#22d3ee) calc(8% + var(--lane-energy,0) * 18%), transparent), transparent), #06101e8a;border:1px solid color-mix(in srgb, var(--payload-color,#22d3ee) 24%, transparent);border-radius:6px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:6px 7px;display:grid}.waterfall-lane-row span{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.waterfall-lane-row i{background:var(--payload-color,#22d3ee);width:8px;height:8px;box-shadow:0 0 10px color-mix(in srgb, var(--payload-color,#22d3ee) 52%, transparent);border-radius:999px;margin-right:6px;display:inline-block}.waterfall-lane-row strong,.waterfall-lane-row em{color:var(--mc-text-normal,#cbd5e1);white-space:nowrap;font-size:10px;font-style:normal;font-weight:820}.waterfall-inspector{color:var(--mc-text-normal,#cbd5e1);align-content:start;gap:6px;display:grid}.waterfall-inspector>strong{color:var(--mc-text,#f8fafc);font-size:18px;line-height:1.1}.waterfall-inspector>span{color:var(--lab-accent,#22d3ee);text-transform:uppercase;font-size:11px;font-weight:900}.waterfall-inspector p,.waterfall-empty{color:var(--mc-text-muted,#9fb1c9);margin:0;font-size:11px;line-height:1.35}@media (width<=1080px){.waterfall-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.lab-panel.lab-waterfall-panel{grid-template-rows:auto minmax(280px,.9fr) auto;gap:7px;padding:8px}.waterfall-header{align-items:flex-start}.waterfall-header h2{font-size:17px}.waterfall-header p{font-size:11px;line-height:1.25}.waterfall-stage-shell{min-height:min(48dvh,390px)}.waterfall-stage-hud{top:8px;left:8px;right:8px}.waterfall-live-badge,.waterfall-now{min-height:29px;padding:6px 8px}.waterfall-live-badge span,.waterfall-now span{font-size:9px}.waterfall-bottom-grid{grid-template-columns:1fr;gap:7px}.waterfall-control-surface,.waterfall-metrics,.waterfall-lanes,.waterfall-inspector{padding:8px}}@media (width<=460px){.waterfall-stage-hud{align-items:flex-start}.waterfall-now{display:none}.waterfall-metrics{grid-template-columns:1fr}.waterfall-control-row{grid-template-columns:54px minmax(0,1fr) 38px;gap:6px}.waterfall-lane-row{grid-template-columns:minmax(0,1fr) auto}.waterfall-lane-row em{display:none}}.node-list-panel{z-index:10;min-height:0;color:var(--mc-text,#f8fafc);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface,#060b12) 96%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 91%, transparent)), radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent), transparent 35%);border:1px solid color-mix(in srgb, var(--mc-border-strong,#7dd3fc80) 82%, transparent);box-shadow:0 28px 74px var(--mc-shadow,#00000085), 0 0 34px color-mix(in srgb, var(--mc-accent,#38bdf8) 13%, transparent), inset 0 1px 0 #ffffff14;pointer-events:auto;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);border-radius:8px;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px;padding:12px;display:grid;overflow:hidden}.node-list-header,.node-list-actions,.node-list-summary-card,.node-list-search,.node-list-table th button,.node-list-table td:first-child{align-items:center;display:flex}.node-list-header{justify-content:space-between;gap:12px}.node-list-header h2{margin:2px 0 0;font-size:20px;line-height:1.1}.node-list-header p{max-width:680px;color:var(--mc-text-normal,#cbd5e1);margin:4px 0 0;font-size:12px;line-height:1.35}.node-list-actions{gap:6px}.node-list-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.node-list-summary-card,.node-list-toolbar,.node-list-table-wrap,.node-list-empty,.node-list-truncated{background:color-mix(in srgb, var(--mc-control-bg,#08101cc7) 88%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);border-radius:7px}.node-list-summary-card{gap:7px;min-width:0;min-height:46px;padding:8px 10px}.node-list-summary-card svg{color:var(--mc-accent,#38bdf8);flex:none}.node-list-summary-card span{min-width:0;color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:850}.node-list-summary-card strong{color:var(--mc-text,#f8fafc);margin-left:auto;font-size:15px;font-weight:880}.node-list-toolbar{grid-template-columns:minmax(260px,1fr) minmax(150px,.34fr) minmax(150px,.34fr);gap:8px;padding:8px;display:grid}.node-list-toolbar label{min-width:0}.node-list-toolbar label:not(.node-list-search){gap:4px;display:grid}.node-list-toolbar label>span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:850}.node-list-search{min-height:36px;color:var(--mc-accent,#38bdf8);background:color-mix(in srgb, var(--mc-surface-strong,#111827) 76%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 24%, transparent);border-radius:6px;gap:8px;padding:0 9px}.node-list-search input,.node-list-toolbar select{min-width:0;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-surface-strong,#111827) 76%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 88%, transparent);font:inherit;border-radius:6px}.node-list-search input{background:0 0;border:0;outline:0;flex:auto;height:32px}.node-list-search button{width:26px;height:26px;color:var(--mc-text-normal,#cbd5e1);background:color-mix(in srgb, var(--mc-control-bg,#0f172ac2) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-text,#cbd5e1) 14%, transparent);cursor:pointer;border-radius:5px;place-items:center;display:inline-grid}.node-list-toolbar select{height:36px;padding:0 9px}.node-list-table-wrap{min-height:0;overflow:auto}.node-list-table{border-collapse:collapse;width:100%;font-size:12px}.node-list-table thead{z-index:1;background:color-mix(in srgb, var(--mc-surface-strong,#111827) 94%, transparent);position:sticky;top:0}.node-list-table th,.node-list-table td{border-bottom:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 66%, transparent);text-align:left;vertical-align:middle;padding:9px 10px}.node-list-table th button{color:var(--mc-text-muted,#9fb1c9);font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;font-size:10px;font-weight:850}.node-list-table tbody tr{cursor:pointer}.node-list-table tbody tr:hover,.node-list-table tbody tr:focus,.node-list-table tbody tr.selected{color:var(--mc-text,#fff);background:color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, transparent);outline:none}.node-list-table td:first-child{flex-direction:column;align-items:flex-start;gap:3px;min-width:180px}.node-list-table td:first-child strong{max-width:280px;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.node-list-table td:first-child span,.node-list-table td:nth-child(3),.node-list-table td:nth-child(5){color:var(--mc-text-muted,#9fb1c9)}.role-badge{min-height:23px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-accent,#38bdf8) 10%, transparent);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 28%, transparent);border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:10px;font-weight:850;display:inline-flex}.role-badge img{object-fit:contain;width:16px;height:16px;filter:drop-shadow(0 0 8px color-mix(in srgb, currentColor 44%, transparent));flex:0 0 16px}.role-badge.role-repeater{color:#bbf7d0;border-color:#22c55e6b}.role-badge.role-companion{color:#bfdbfe;border-color:#60a5fa6b}.role-badge.role-room_server{color:#fde68a;border-color:#facc156b}.role-badge.role-sensor{color:#c4b5fd;border-color:#a78bfa6b}.node-list-empty,.node-list-truncated{color:var(--mc-text-muted,#9fb1c9);padding:10px;font-size:12px;font-weight:780}.node-list-empty{align-items:center;gap:10px;display:flex}.node-list-empty img{object-fit:contain;opacity:.9;flex:0 0 42px;width:42px;height:42px}.workspace-panel.workspace-fullscreen{width:auto;max-height:none;inset:48px 10px 10px;transform:none}.packets-panel.workspace-side,.packets-panel.workspace-fullscreen,.chat-panel.workspace-side,.chat-panel.workspace-fullscreen,.lab-panel.workspace-side,.lab-panel.workspace-fullscreen,.node-list-panel.workspace-side,.node-list-panel.workspace-fullscreen{overflow:auto}.packets-panel.workspace-side .packets-content{grid-template-columns:minmax(0,1fr)}.packets-panel.workspace-side .packet-detail{display:none}.lab-panel.workspace-fullscreen .lab-toolbar{grid-template-columns:repeat(9,minmax(72px,1fr))}.lab-panel.workspace-fullscreen .lab-stage-shell{min-height:min(56vh,620px)}.lab-panel.workspace-fullscreen .lab-canvas{min-height:0}.lab-panel.workspace-side .lab-bottom-grid{grid-template-columns:minmax(0,1fr)}.lab-panel.workspace-side .lab-inspector{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-panel.workspace-side .lab-canvas{min-height:220px}@media (width<=760px){.link-bar-labs-popover{top:calc(50px + var(--ui-safe-top,0px));max-height:min(68dvh,520px)}.lab-panel{grid-template-rows:auto auto minmax(220px,.82fr) auto;gap:6px;padding:8px}.lab-panel-header h2{font-size:16px}.lab-panel-header p{margin-top:2px;font-size:11px;line-height:1.25}.lab-panel-header,.lab-stage-title{align-items:flex-start}.lab-panel.workspace-fullscreen .lab-toolbar,.lab-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.lab-toolbar a{min-height:34px;padding:5px 7px}.lab-toolbar a strong{font-size:10px}.lab-toolbar a em{display:none}.lab-panel.workspace-fullscreen .lab-stage-shell{min-height:260px}.lab-panel.workspace-fullscreen .lab-canvas,.lab-canvas{min-height:150px}.lab-stage-shell{grid-template-rows:auto auto auto minmax(150px,1fr)}.lab-stage-title{gap:7px;padding:8px 8px 0}.lab-stage-title strong{font-size:13px}.lab-stage-title p{margin-top:2px;font-size:11px;line-height:1.25}.lab-signal-strip{margin:6px 8px 0;padding:6px 7px}.lab-cue-strip{gap:5px;margin:5px 8px 0}.lab-cue-strip span{min-height:20px;padding:3px 6px;font-size:9px}.lab-bottom-grid{grid-template-columns:1fr;gap:6px}.node-list-panel{grid-template-rows:auto auto auto minmax(260px,1fr) auto;gap:8px;padding:10px}.node-list-header{align-items:flex-start}.node-list-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.node-list-toolbar{grid-template-columns:1fr}.node-list-table{min-width:720px}.lab-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-signal-strip strong{white-space:normal}}@media (width<=460px){.lab-panel.workspace-fullscreen .lab-toolbar,.lab-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-inspector{grid-template-columns:1fr}}.chat-panel.workspace-side .chat-list,.chat-panel.workspace-fullscreen .chat-list{max-height:none}@keyframes packets-search-scan{0%{transform:translate(-100%)}to{transform:translate(320%)}}.perf-panel-actions,.setup-actions,.packets-panel-actions{gap:7px}.setup-grid{grid-template-columns:minmax(280px,.9fr) minmax(240px,.7fr) minmax(320px,1.1fr);gap:12px;display:grid}.setup-card{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:8px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff0f}.setup-card h3{color:var(--mc-text,#f8fafc);text-transform:uppercase;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.setup-card label{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;gap:5px;font-size:11px;font-weight:850;display:grid}.setup-card input,.setup-card select{min-width:0;height:36px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 76%, #020617);border:1px solid var(--mc-border,#7dd3fc42);font:inherit;border-radius:7px;padding:0 10px}.setup-card select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--mc-text-muted,#9fb1c9) 50%), linear-gradient(135deg, var(--mc-text-muted,#9fb1c9) 50%, transparent 50%);background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.setup-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.setup-presets button,.setup-actions button,.setup-actions a{min-height:36px;color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 78%, transparent);border:1px solid var(--mc-border,#7dd3fc42);font:inherit;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.setup-presets button.active{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 20%, #fff);border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 62%, var(--mc-border,#7dd3fc42));box-shadow:0 0 16px color-mix(in srgb, var(--mc-accent,#38bdf8) 22%, transparent)}.setup-note{color:var(--mc-text-muted,#9fb1c9);background:color-mix(in srgb, var(--mc-secondary,#a78bfa) 10%, transparent);border:1px solid color-mix(in srgb, var(--mc-secondary,#a78bfa) 24%, var(--mc-border,#7dd3fc42));border-radius:7px;gap:3px;padding:9px 10px;font-size:12px;line-height:1.35;display:grid}.setup-note strong{color:var(--mc-text,#f8fafc)}.setup-output pre{min-height:250px;max-height:46vh;color:color-mix(in srgb, var(--mc-accent,#38bdf8) 22%, var(--mc-text,#f8fafc));background:color-mix(in srgb, #020617 76%, var(--mc-surface,#060b12));border:1px solid color-mix(in srgb, var(--mc-border-strong,#7dd3fc80) 58%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:7px;margin:0;padding:12px;font:800 12px/1.55 JetBrains Mono,Cascadia Mono,Consolas,monospace;overflow:auto}.perf-status-strip{grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px;display:grid}.perf-live-hero{border:1px solid var(--mc-border-strong,#7dd3fc80);background:radial-gradient(circle at 18% 18%, color-mix(in srgb, currentColor 20%, transparent), transparent 34%), color-mix(in srgb, var(--mc-control-bg,#07101dd6) 86%, transparent);min-height:82px;box-shadow:inset 0 1px 0 #ffffff0f, 0 18px 52px var(--mc-shadow,#00000057);border-radius:8px;align-content:center;gap:4px;padding:16px;display:grid}.perf-live-hero span,.perf-live-card>h3 span{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:10px;font-weight:900}.perf-live-hero strong{color:var(--mc-text,#f8fafc);text-transform:uppercase;font-size:clamp(2rem,8vw,4.8rem);line-height:.95}.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,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px;box-shadow:inset 0 1px #ffffff0f}.perf-status{min-width:0;padding:8px 10px}.packets-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.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,#fff))}.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{text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:10px;font-weight:850;overflow:hidden}.packet-summary strong{min-width:0;color:var(--mc-text,#f8fafc);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:13px;font-weight:900;overflow:hidden}.packets-empty{align-items:center;gap:10px;display:flex}.packets-empty img,.packet-detail.empty img{object-fit:contain;opacity:.9;width:48px;height:48px;filter:drop-shadow(0 0 14px color-mix(in srgb, var(--mc-accent,#38bdf8) 34%, transparent));flex:0 0 48px}.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,#07101de0) 90%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px}.packets-search{flex:280px;align-items:center;gap:8px;min-width:240px;padding:0 10px;display:flex}.packets-search svg{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 70%, var(--mc-text,#fff))}.packets-search input{min-width:0;color:var(--mc-text,#f8fafc);background:0 0;border:0;outline:0;flex:1}.packets-search button{width:24px;height:24px;color:var(--mc-text-muted,#9fb1c9);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.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{gap:5px;display:inline-flex}.packets-scopes button,.packets-footer button{padding:0 11px;font-size:11px;font-weight:900}.packets-scopes button.active{color:var(--mc-text,#fff);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{gap:7px;min-height:0;display:grid;overflow:auto}.packets-content{grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:10px;min-height:0;display:grid}.packets-list.virtual{gap:0;height:min(54vh,560px);padding-right:4px}.packet-row{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:7px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;height:104px;margin-bottom:8px;padding:8px;display:grid}.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{min-width:0;color:inherit;text-align:left;background:0 0;border:0;gap:6px;padding:0;display:grid}.packet-row-top{gap:8px;min-width:0}.packet-row-top strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;overflow:hidden}.packet-row-top em{color:color-mix(in srgb, var(--mc-secondary,#a78bfa) 74%, var(--mc-text,#fff));font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px;font-style:normal;font-weight:850}.packet-payload{min-width:64px;color:color-mix(in srgb, var(--packet-color,#38bdf8) 70%, var(--mc-text,#fff));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;flex:none;gap:5px;padding:3px 7px;font-size:10px;font-weight:950}.packet-payload img{object-fit:contain;width:15px;height:15px;filter:drop-shadow(0 0 8px var(--packet-color,#38bdf8));flex:0 0 15px}.packet-payload i{background:var(--packet-color,#38bdf8);width:7px;height:7px;box-shadow:0 0 10px var(--packet-color,#38bdf8);border-radius:999px}.packet-row-meta{flex-wrap:wrap;gap:6px;font-size:11px;font-weight:760}.packet-row-meta span{background:color-mix(in srgb, var(--mc-surface-strong,#111827) 72%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 78%, transparent);border-radius:5px;padding:2px 6px}.packet-message-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:720;overflow:hidden}.packet-message-preview b{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 72%, var(--mc-text,#fff))}.packet-replay-button{color:color-mix(in srgb, var(--mc-green,#22c55e) 80%, var(--mc-text,#fff));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;align-self:stretch;gap:6px;padding:0 12px;font-size:11px;font-weight:900}.packet-detail{background:color-mix(in srgb, var(--mc-control-bg,#07101ddb) 88%, transparent);border:1px solid var(--mc-border,#7dd3fc42);border-radius:8px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid;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{align-items:center;display:flex}.packet-detail-title{gap:8px;min-width:0}.packet-detail-title strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:950;overflow:hidden}.packet-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.packet-detail-grid div{min-width:0}.packet-detail-grid dt{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;font-size:9px;font-weight:900}.packet-detail-grid dd{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:12px;font-weight:840;overflow:hidden}.packet-detail-message{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;margin:0;padding:8px;font-size:12px;font-weight:760}.packet-detail-actions{flex-wrap:wrap;gap:7px}.packet-detail-actions button,.packets-tray-actions button{min-height:32px;color:var(--mc-text,#f8fafc);background:var(--mc-control-bg,#07101de0);border:1px solid var(--mc-border,#7dd3fc47);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:900;display:inline-flex}.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,#38bdf8a3);outline:none}.packet-copy-status{color:color-mix(in srgb, var(--mc-green,#22c55e) 74%, var(--mc-text,#fff));font-size:11px;font-weight:850}.packet-segment-list{gap:6px;max-height:210px;display:grid;overflow:auto}.packet-segment{background:color-mix(in srgb, var(--mc-surface-strong,#111827) 72%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 72%, transparent);border-radius:6px;gap:7px;min-width:0;padding:7px}.packet-segment span{color:#111827;background:color-mix(in srgb, var(--mc-accent,#38bdf8) 70%, #fff);border-radius:999px;place-items:center;width:19px;height:19px;font-size:10px;font-weight:950;display:inline-grid}.packet-segment strong{min-width:0;color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:850;overflow:hidden}.packet-segment em{color:var(--mc-text-muted,#9fb1c9);white-space:nowrap;margin-left:auto;font-size:10px;font-style:normal;font-weight:850}.packets-compact-tray{left:50%;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:9;width:min(920px,100vw - 20px);color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-surface,#050a11f0) 94%, transparent);border:1px solid color-mix(in srgb, var(--mc-secondary,#a78bfa) 36%, transparent);box-shadow:0 18px 46px var(--mc-shadow,#00000075), 0 0 28px color-mix(in srgb, var(--mc-secondary,#a78bfa) 16%, transparent);pointer-events:auto;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid;transform:translate(-50%)}.packets-tray-summary{gap:2px;min-width:0;display:grid}.packets-tray-summary strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:950;overflow:hidden}.packets-tray-summary small{color:var(--mc-text-muted,#9fb1c9);font-size:11px;font-weight:800}.packets-tray-actions{align-items:center;gap:7px;display:flex}.packets-footer{justify-content:flex-end;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{letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;min-width:0;font-size:10px;font-weight:850;display:block;overflow:hidden}.perf-status strong{color:var(--mc-text,#f8fafc);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;font-weight:900;display:block;overflow:hidden}.perf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.perf-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.perf-card{min-width:0;padding:11px}.perf-card h3{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 72%, var(--mc-text,#fff));text-transform:uppercase;gap:7px;margin:0 0 9px;font-size:12px;line-height:1}.perf-live-card{gap:10px;display:grid}.perf-live-card-status{color:var(--mc-text,#f8fafc);text-transform:uppercase;font-size:1.35rem;line-height:1}.perf-metrics{gap:6px;display:grid}.perf-metric{grid-template-columns:minmax(0,1fr) minmax(74px,auto);align-items:baseline;gap:10px;min-width:0;display:grid}.perf-metric strong{min-width:0;color:var(--mc-text,#f8fafc);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;overflow:hidden}.perf-good strong,.perf-good{color:color-mix(in srgb, var(--mc-green,#22c55e) 80%, var(--mc-text,#fff));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,#fff));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,#fff));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,#fff))}.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{flex-wrap:nowrap;align-items:center;gap:5px;display:flex;top:52px;left:10px;right:clamp(420px,38vw,600px);overflow:hidden}.status-pill{min-width:54px;max-width:116px;min-height:30px;color:var(--mc-text,#dbeafe);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-control-bg,#060b12e6) 94%, transparent), color-mix(in srgb, var(--mc-surface-strong,#0a1423c7) 78%, transparent));border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc33) 70%, transparent);box-shadow:0 12px 28px #0000004d, 0 0 14px color-mix(in srgb, var(--mc-accent,#38bdf8) 8%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:6px;flex:0 auto;align-items:center;gap:5px;padding:0 8px;font-size:10px;line-height:1;display:inline-flex}button.status-pill{font:inherit;text-align:left;cursor:pointer}.status-pill svg{flex:none}.status-pill .loading-spinner.solar-loading-spinner{--loading-size:16px;box-shadow:none}.status-pill span{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-secondary{display:contents}.status-pill.server-status,.status-pill.payload-signal-pill{min-width:58px;max-width:78px}.status-metric{min-width:76px}.status-metric.has-vu{min-width:86px}.status-pill.packets-total{min-width:88px;max-width:112px}.status-pill.count-pill{background:linear-gradient(90deg, color-mix(in srgb, currentColor 30%, transparent) 0 3px, transparent 3px), linear-gradient(135deg, color-mix(in srgb, var(--mc-control-bg,#060b12eb) 95%, transparent), color-mix(in srgb, var(--mc-surface-strong,#0a1423c7) 74%, transparent));gap:4px;min-width:66px;padding:0 7px}.status-pill.count-pill svg{opacity:.92;width:13px;height:13px}.status-pill.node-count{color:#bfdbfe;border-color:#60a5fa4d}.status-pill.count-pill .status-pill-label{font-size:7px}.status-vu{background:color-mix(in srgb, currentColor 8%, #020617c2);border:1px solid color-mix(in srgb, currentColor 22%, transparent);border-radius:3px;flex:0 0 7px;width:7px;height:20px;padding:1px;display:inline-grid;position:relative;overflow:hidden}.status-vu:before{content:"";background:linear-gradient(to top, color-mix(in srgb, currentColor 86%, #020617) 0 38%, color-mix(in srgb, currentColor 78%, #fff) 38% 72%, color-mix(in srgb, var(--mc-amber,#f59e0b) 78%, currentColor) 72% 100%);width:100%;height:100%;box-shadow:0 0 8px color-mix(in srgb, currentColor 34%, transparent);transform:scaleY(var(--vu-level,0));transform-origin:bottom;border-radius:2px;align-self:end}.status-vu:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#02061794 3px 4px);position:absolute;inset:1px}.status-pill-text{gap:2px;min-width:0;display:grid}.status-pill-value{letter-spacing:0;font-size:11px;font-weight:800}.status-pill-label{color:color-mix(in srgb, var(--mc-text-muted,#94a3b8) 82%, transparent);letter-spacing:0;text-transform:uppercase;font-size:8px;font-weight:800}.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{gap:7px;display:flex;top:52px;right:10px}.operator-toolbar{background:color-mix(in srgb, var(--mc-surface,#050a11e6) 82%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);box-shadow:0 18px 44px var(--mc-shadow,#00000057), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(16px)saturate(1.08);backdrop-filter:blur(16px)saturate(1.08);border-radius:9px;align-items:center;padding:5px}.map-mode-switcher{background:color-mix(in srgb, var(--mc-control-bg,#060b12eb) 78%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc33) 70%, transparent);border-radius:7px;grid-template-columns:repeat(4,minmax(58px,auto));gap:4px;padding:3px;display:inline-grid}.map-mode-switcher button{min-height:28px;color:color-mix(in srgb, var(--mc-muted,#9fb3ca) 86%, var(--mc-text,#fff));font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:0 9px;font-size:11px;font-weight:920;transition:color .16s,border-color .16s,background .16s,box-shadow .16s}.map-mode-switcher button:hover,.map-mode-switcher button:focus-visible,.map-mode-switcher button.active{color:var(--mc-text,#edf5ff);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent), color-mix(in srgb, var(--mc-green,#22c55e) 10%, transparent));border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 46%, transparent);box-shadow:0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 16%, transparent);outline:none}.mobile-control-dock,.mobile-control-sheet{display:none}.top-action-menu{display:inline-grid;position:relative}.icon-button{width:32px;height:32px;color:var(--mc-text,#edf5ff);background:linear-gradient(135deg, var(--mc-control-bg,#060b12eb), color-mix(in srgb, var(--mc-control-bg,#0d192bd1) 78%, transparent));border:1px solid var(--mc-border,#7dd3fc3d);cursor:pointer;box-shadow:0 12px 28px var(--mc-shadow,#0000004d), 0 0 12px color-mix(in srgb, var(--mc-accent,#38bdf8) 8%, transparent), inset 0 1px 0 #ffffff14;border-radius:6px;place-items:center;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-grid}.operator-action{min-width:64px;min-height:32px;color:var(--mc-text,#edf5ff);background:color-mix(in srgb, var(--mc-control-bg,#060b12eb) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:920;transition:border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.operator-action:hover,.operator-action:focus-visible,.operator-action.active{border-color:var(--mc-border-strong,#38bdf8a3);box-shadow:0 0 20px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent), inset 0 1px 0 #ffffff1a;outline:none;transform:translateY(-1px)}.operator-action:disabled{cursor:not-allowed;opacity:.56;transform:none}.operator-action.known-pathways-toggle.on{color:#bbf7d0;border-color:#22c55e94}.operator-action.known-pathways-toggle.off{color:#fecdd3;border-color:#f8717194}.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,#38bdf8a3);box-shadow:0 16px 38px var(--mc-shadow,#00000061), 0 0 24px color-mix(in srgb, var(--mc-accent,#38bdf8) 26%, transparent), inset 0 1px 0 #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,#fff));border-color:color-mix(in srgb, var(--mc-green,#22c55e) 42%, transparent)}.icon-button.known-pathways-toggle.on{color:#bbf7d0;border-color:#22c55e94;box-shadow:0 16px 38px #00000061,0 0 26px #22c55e3d,inset 0 1px #ffffff1a}.icon-button.known-pathways-toggle.off{color:#fecdd3;border-color:#f871719e;box-shadow:0 16px 38px #00000061,0 0 26px #f8717147,inset 0 1px #ffffff1a}.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:var(--z-map-chrome,8);pointer-events:auto;grid-template-columns:minmax(0,1fr);align-items:end;gap:6px;width:min(302px,100vw - 20px);display:grid}.bottom-action-dock .plot-routes-panel,.bottom-action-dock .follow-traffic-button{width:auto;position:static}.bottom-action-dock .plot-routes-panel{grid-column:1/-1}.bottom-action-dock .plot-route-actions{grid-template-columns:minmax(0,1fr) minmax(38px,auto) auto;gap:6px;display:grid}.bottom-action-dock .plot-route-toast{width:min(360px,100vw - 20px);max-height:min(42vh,330px);position:absolute;bottom:calc(100% + 8px);left:0;overflow:auto}.route-gif-export{left:10px;bottom:calc(96px + var(--vcr-bar-height,0px) + env(safe-area-inset-bottom,0px));z-index:var(--z-map-chrome,9);pointer-events:auto;gap:5px;width:min(316px,100vw - 150px);display:grid}.route-gif-export-button{color:#ecfeff;cursor:pointer;letter-spacing:.01em;text-shadow:0 0 14px #ffffff6b;text-transform:uppercase;background:radial-gradient(circle at 18% 18%,#ffffff47,#0000 34%),linear-gradient(135deg,#0891b2f2,#15803de6);border:1px solid #a5f3fc9e;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:12px;font-weight:950;animation:1.35s ease-in-out infinite route-gif-glow;display:inline-flex;box-shadow:0 18px 40px #0000006b,0 0 22px #22d3ee57,0 0 38px #22c55e2e,inset 0 1px #fff3}.route-gif-export-button:disabled{cursor:progress;opacity:.9;filter:saturate(.9)}.route-gif-export.done .route-gif-export-button{background:linear-gradient(135deg,#16a34af5,#14b8a6db)}.route-gif-export.error .route-gif-export-button{background:linear-gradient(135deg,#b91c1cf2,#7c2d12e6);border-color:#fecaca8f;animation:none}.route-gif-export-detail{color:#bfdbfe;text-overflow:ellipsis;white-space:nowrap;background:#050a14d1;border:1px solid #7dd3fc3d;border-radius:8px;min-height:24px;padding:6px 9px;font-size:11px;font-weight:800;line-height:1.1;position:relative;overflow:hidden;box-shadow:0 12px 28px #00000057}.route-gif-export-detail i{transform-origin:0;background:linear-gradient(90deg,#22d3ee,#a3e635);width:100%;height:3px;position:absolute;bottom:0;left:0;box-shadow:0 0 14px #22d3ee8f}.route-gif-spinner{animation:.9s linear infinite route-gif-spin}@keyframes route-gif-glow{0%,to{transform:translateY(0);box-shadow:0 18px 40px #0000006b,0 0 18px #22d3ee47,0 0 26px #22c55e29,inset 0 1px #fff3}50%{transform:translateY(-1px);box-shadow:0 20px 46px #00000075,0 0 34px #22d3ee7a,0 0 48px #22c55e4d,inset 0 1px #ffffff3d}}@keyframes route-gif-spin{to{transform:rotate(360deg)}}.follow-traffic-button{z-index:7;color:#fff1f2;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#b91c1cf5,#7f1d1dd6),radial-gradient(circle at 22% 18%,#fee2e23d,#0000 38%);border:1px solid #fecaca57;border-radius:7px;align-items:center;gap:6px;min-height:31px;padding:0 10px;font-size:11px;font-weight:850;line-height:1;transition:border-color .16s,box-shadow .16s,filter .16s,transform .16s;display:inline-flex;box-shadow:0 16px 36px #0000005c,0 0 18px #ef44442e,inset 0 1px #ffffff24}.dock-control-button{min-height:31px;color:var(--mc-text-normal,#dffbff);background:var(--mc-control-bg,#07101de0);border:1px solid var(--mc-border,#7dd3fc47);box-shadow:0 12px 28px var(--mc-shadow,#00000057), inset 0 1px 0 #ffffff12;cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:850;line-height:1;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex}.dock-control-button:hover,.dock-control-button:focus-visible{color:var(--mc-text,#fff);border-color:var(--mc-border-strong,#7dd3fc8a);box-shadow:0 14px 30px var(--mc-shadow,#00000061), 0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);outline:none;transform:translateY(-1px)}.vcr-open-button{color:color-mix(in srgb, var(--mc-secondary,#a78bfa) 72%, var(--mc-text,#fff))}.follow-traffic-button svg{flex:none}.follow-traffic-button:hover,.follow-traffic-button:focus-visible{filter:brightness(1.08);border-color:#fecacab8;outline:none;transform:translateY(-1px)}.follow-traffic-button.active{background:linear-gradient(135deg,#ef4444fa,#991b1be6),radial-gradient(circle at 22% 18%,#ffffff47,#0000 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,#fff))}.icon-button.map-base-toggle.active{color:var(--mc-text,#fff);border-color:var(--mc-border-strong,#22d3eea8);box-shadow:0 16px 38px var(--mc-shadow,#00000061), 0 0 24px color-mix(in srgb, var(--mc-accent,#22d3ee) 28%, transparent), inset 0 1px 0 #ffffff14}.theme-mode-toggle.light{color:#92400e}.theme-mode-toggle.dark{color:#bfdbfe}.top-popover{z-index:var(--z-popover,16);color:var(--mc-text,#edf5ff);background:var(--mc-surface-strong,#050a11f5);border:1px solid var(--mc-border,#7dd3fc42);box-shadow:0 18px 44px var(--mc-shadow,#0000006b), 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);border-radius:8px;gap:5px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);right:0}.top-popover button{min-height:30px;color:var(--mc-text-normal,#dbeafe);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px;padding:0 8px;font-size:11px;font-weight:800;display:grid}.top-popover button:hover,.top-popover button:focus-visible,.top-popover button.active{color:var(--mc-text,#fff);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}.operator-more-menu{overscroll-behavior:contain;width:248px;max-height:min(640px,100vh - 118px);overflow:auto}.operator-menu-section{border-bottom:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 56%, transparent);gap:4px;padding-bottom:6px;display:grid}.operator-menu-section:last-child{border-bottom:0;padding-bottom:0}.operator-menu-section>span{color:var(--mc-text-muted,#9fb1c9);letter-spacing:0;text-transform:uppercase;padding:2px 4px;font-size:9px;font-weight:950}.operator-more-menu button{grid-template-columns:18px minmax(0,1fr) 16px}.operator-more-menu button svg{justify-self:center}.palette-picker{width:236px;max-height:min(420px,100vh - 120px);overflow:auto}.palette-picker button{grid-template-columns:34px minmax(0,1fr) 16px}.palette-swatch{border:1px solid color-mix(in srgb, var(--mc-text,#fff) 22%, transparent);border-radius:999px;grid-template-columns:repeat(3,1fr);width:28px;height:18px;display:grid;overflow:hidden}.palette-swatch i:first-child{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{z-index:var(--z-panel,12);width:min(380px,100vw - 20px);max-height:calc(100vh - var(--vcr-bar-height,0px) - 116px);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,#7dd3fc80) 82%, transparent);box-shadow:0 28px 72px var(--mc-shadow,#0000007a), 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);pointer-events:auto;border-radius:8px;gap:12px;padding:12px;display:grid;top:92px;right:10px;overflow:auto}.map-settings-header,.map-settings-toggle,.map-settings-slider span,.map-settings-footer,.map-settings-footer button,.map-settings-footer span{align-items:center;display:flex}.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{gap:8px;display:grid}.map-settings-section h3{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 78%, var(--mc-text,#fff));text-transform:uppercase;margin:0;font-size:11px;font-weight:950}.map-settings-toggle-list,.map-settings-toggle-wrap{gap:6px;display:grid}.map-settings-layer-groups{gap:10px;display:grid}.map-settings-preset-grid,.map-style-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.map-style-profile-grid{grid-template-columns:1fr;max-height:256px;padding-right:2px;overflow:auto}.map-settings-preset-grid button,.map-style-profile-grid button{min-width:0;min-height:56px;color:var(--mc-text-normal,#dbeafe);text-align:left;background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);cursor:pointer;isolation:isolate;border-radius:7px;align-content:start;gap:4px;padding:8px;display:grid;position:relative;overflow:hidden}.map-style-profile-grid button{grid-template-columns:minmax(0,1fr) auto;align-items:start}.map-mode-grid button,.map-style-profile-grid button{background-image:linear-gradient(90deg, #030712eb, #030712ad), var(--map-mode-art,var(--map-profile-art,none));background-position:50%;background-size:cover}.map-mode-grid button>*,.map-style-profile-grid button>*{z-index:1;position:relative}.map-style-profile-grid button span{gap:4px;min-width:0;display:grid}.map-settings-preset-grid button strong,.map-style-profile-grid button strong{color:var(--mc-text,#f8fafc);font-size:12px;font-weight:950}.map-settings-preset-grid button small,.map-style-profile-grid button small{color:var(--mc-text-muted,#9fb1c9);font-size:10px;font-weight:720;line-height:1.25}.map-style-profile-grid button em{max-width:92px;color:color-mix(in srgb, var(--mc-green,#22c55e) 74%, var(--mc-text,#fff));background:color-mix(in srgb, var(--mc-green,#22c55e) 12%, transparent);text-align:right;border-radius:5px;justify-self:end;padding:3px 5px;font-size:9px;font-style:normal;font-weight:900;line-height:1.15}.map-settings-preset-grid button.active,.map-settings-preset-grid button:hover,.map-settings-preset-grid button:focus-visible,.map-style-profile-grid button.active,.map-style-profile-grid button:hover,.map-style-profile-grid button:focus-visible{color:var(--mc-text,#fff);border-color:var(--mc-border-strong,#38bdf8a3);box-shadow:0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);outline:none}.map-mode-grid button{min-height:64px}.map-mode-icon{color:#ecfeff;background:color-mix(in srgb, var(--mc-accent,#38bdf8) 22%, #020617b8);border:1px solid color-mix(in srgb, var(--mc-accent,#38bdf8) 46%, transparent);width:30px;height:30px;box-shadow:0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);border-radius:7px;place-items:center;display:inline-grid}.map-settings-mode-note{color:var(--mc-text-muted,#9fb1c9);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 74%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc38) 80%, transparent);border-radius:7px;align-items:center;gap:6px;margin:0;padding:7px 8px;font-size:11px;font-weight:800;display:flex}.map-settings-advanced-toggle{min-height:38px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 72%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:0 10px;font-size:12px;font-weight:900;display:flex}.map-settings-advanced-toggle strong{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 74%, var(--mc-text,#fff));text-transform:uppercase;font-size:10px;font-weight:950}.map-settings-advanced-toggle:hover,.map-settings-advanced-toggle:focus-visible,.map-settings-advanced-toggle.active{color:var(--mc-text,#fff);border-color:var(--mc-border-strong,#38bdf8a3);outline:none}.map-settings-layer-group{gap:6px;display:grid}.map-settings-layer-group h4{color:var(--mc-text-muted,#9fb1c9);text-transform:uppercase;margin:0;font-size:10px;font-weight:950}.map-settings-toggle{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);border-radius:7px;justify-content:space-between;gap:10px;min-height:42px;padding:7px 8px}.map-settings-toggle.unavailable{opacity:.66}.map-settings-toggle span{min-width:0;display:grid}.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;color:var(--mc-text-muted,#9fb1c9);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:760;overflow:hidden}.map-settings-toggle input{width:34px;height:20px;accent-color:var(--mc-accent,#38bdf8)}.map-settings-toggle input:disabled{cursor:not-allowed;filter:grayscale()}.map-settings-inline-action{color:#bfdbfe;letter-spacing:0;cursor:pointer;background:#1e293bd1;border:1px solid #60a5fa57;border-radius:6px;justify-self:start;min-height:28px;padding:0 10px;font-size:11px;font-weight:800}.map-settings-inline-action:hover,.map-settings-inline-action:focus-visible{color:#eff6ff;background:#2563eb6b;outline:none}.map-settings-slider{background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 84%, transparent);border:1px solid var(--mc-border,#7dd3fc3d);border-radius:7px;gap:5px;padding:8px;display:grid}.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,#fff));font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;font-weight:900}.map-settings-slider input{width:100%;accent-color:var(--mc-accent,#38bdf8)}.map-settings-segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.map-settings-segmented button{min-height:32px;color:var(--mc-text-normal,#dbeafe);background:var(--mc-control-bg,#07101de0);border:1px solid var(--mc-border,#7dd3fc3d);cursor:pointer;border-radius:7px;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,#fff);border-color:var(--mc-border-strong,#38bdf8a3);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{min-height:32px;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);cursor:pointer;border-radius:7px;gap:6px;padding:0 10px;font-size:11px;font-weight:900}.map-settings-footer span{color:var(--mc-text-muted,#9fb1c9);gap:5px;font-size:10px;font-weight:820}.map-settings-note{color:var(--mc-text-muted,#9fb1c9);background:color-mix(in srgb, var(--mc-control-bg,#07101dd6) 74%, transparent);border:1px solid var(--mc-border,#7dd3fc38);border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:8px;font-size:10px;font-weight:820;display:flex}.plot-routes-panel{left:10px;bottom:calc(var(--vcr-bar-height,0px) + 56px);z-index:7;pointer-events:auto;width:min(360px,100vw - 20px)}.plot-route-actions{align-items:center;gap:6px;display:flex}.chrome-panel-frame{z-index:6;pointer-events:auto;width:min(320px,100vw - 20px);position:absolute}.chrome-panel-frame.panel-hotRoutes{width:min(330px,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;color:var(--mc-text-normal,#cfe9ff);background:linear-gradient(135deg, var(--mc-surface-strong,#060b12e6), color-mix(in srgb, var(--mc-surface,#0d192bbd) 82%, transparent));border:1px solid var(--mc-border,#7dd3fc33);cursor:grab;box-shadow:0 14px 32px var(--mc-shadow,#00000038), inset 0 1px 0 #ffffff0f;border-bottom:0;border-radius:8px 8px 0 0;grid-template-columns:18px minmax(0,1fr) auto 26px;align-items:center;gap:6px;padding:0 6px;font-size:10px;font-weight:850;display:grid}.chrome-panel-frame.dragging .chrome-panel-toolbar{cursor:grabbing}.chrome-panel-toolbar span{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;min-width:0;overflow:hidden}.chrome-panel-toolbar button{width:24px;height:22px;color:var(--mc-text-normal,#cbd5e1);background:color-mix(in srgb, var(--mc-control-bg,#0f172ab8) 84%, transparent);border:1px solid color-mix(in srgb, var(--mc-text,#cbd5e1) 14%, transparent);cursor:pointer;border-radius:5px;place-items:center;display:inline-grid}.chrome-panel-frame>.search-panel,.chrome-panel-frame>.legend-panel,.chrome-panel-frame>.hot-routes{border-top-left-radius:0;border-top-right-radius:0;width:100%;position:relative;inset:auto}.vcr-bar{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:8;width:auto;min-height:62px;color:var(--mc-text,#e5f4ff);background:var(--mc-surface,#050a11eb);border:1px solid var(--mc-border,#7dd3fc38);box-shadow:0 18px 46px var(--mc-shadow,#00000075), 0 0 22px color-mix(in srgb, var(--mc-accent,#22d3ee) 14%, transparent), inset 0 1px 0 #ffffff14;pointer-events:auto;--vcr-track:#fb718580;--vcr-track-fill:#fecdd3d6;--vcr-track-glow:#f8717147;border-radius:8px;grid-template-columns:auto 164px minmax(280px,1fr);align-items:center;gap:7px;padding:6px 8px;display:grid;transform:none}.vcr-bar.paused{--vcr-track:#fbbf2466;--vcr-track-fill:#fde047c2;--vcr-track-glow:#fbbf242e}.vcr-bar.replay{--vcr-track:#a855f785;--vcr-track-fill:#d8b4fee6;--vcr-track-glow:#a855f747}.vcr-controls{align-items:center;gap:6px;min-width:0;display:flex}.vcr-button{min-width:34px;min-height:34px;color:var(--mc-text-normal,#dffbff);background:var(--mc-control-bg,#08121feb);border:1px solid color-mix(in srgb, var(--mc-text-normal,#94a3b8) 28%, transparent);cursor:pointer;white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:10px;font-weight:850;line-height:1;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s;display:inline-flex}.vcr-button.icon-only{width:34px;padding:0}.vcr-button.live.active,.vcr-button.missed.available,.vcr-button.laser.active,.vcr-button:hover,.vcr-button:focus-visible,.vcr-scope button.active,.vcr-scope button:hover,.vcr-scope button:focus-visible{border-color:#2dd4bf9e;outline:none;box-shadow:0 0 20px #2dd4bf29,inset 0 1px #ffffff14}.vcr-button:hover,.vcr-button:focus-visible{transform:translateY(-1px)}.vcr-button:disabled{cursor:not-allowed;opacity:.48;transform:none}.vcr-button .loading-spinner.vcr-button-spinner{--loading-size:16px;box-shadow:none}@keyframes mc-spin{to{transform:rotate(360deg)}}.vcr-live-clock-icon.spinning{animation:.9s linear infinite mc-spin}.vcr-readout{min-height:38px;color:color-mix(in srgb, var(--mc-green,#99f6e4) 72%, var(--mc-text,#fff));background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface-strong,#030e12f5) 88%, #000 12%), color-mix(in srgb, var(--mc-surface,#080f1df0) 90%, #000 10%));border:1px solid color-mix(in srgb, var(--mc-green,#2dd4bf) 34%, transparent);text-shadow:0 0 12px #2dd4bf52,0 0 20px #22d3ee29;border-radius:6px;align-content:center;gap:3px;padding:5px 8px;font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #2dd4bf1a,0 0 18px #22d3ee14}.vcr-readout strong{letter-spacing:0;font-size:12px}.vcr-readout time{color:#d9f99d;font-size:11px}.vcr-live-clock{color:#d9f99d;font-variant-numeric:tabular-nums;white-space:nowrap;grid-template-columns:13px auto auto;align-items:center;gap:4px;line-height:1;display:inline-grid}.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 #f87171cc);animation:1s steps(2,end) infinite vcr-live-pulse}.vcr-live-clock.replay .vcr-live-clock-icon{color:#d8b4fe}.vcr-live-clock.hover .vcr-live-clock-icon{color:#facc15}.vcr-live-clock .loading-spinner.vcr-live-clock-icon.spinning{color:#38bdf8;fill:none;filter:none;animation:.9s linear infinite loading-spinner-rotate}.vcr-mini-clock{right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:8;min-height:38px;color:color-mix(in srgb, var(--mc-green,#99f6e4) 72%, var(--mc-text,#fff));background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface-strong,#030e12f5) 88%, #000 12%), color-mix(in srgb, var(--mc-surface,#080f1df0) 90%, #000 10%));border:1px solid color-mix(in srgb, var(--mc-green,#2dd4bf) 34%, transparent);box-shadow:inset 0 0 18px #2dd4bf1a, 0 0 18px #22d3ee1a, 0 14px 32px var(--mc-shadow,#0000005c);cursor:pointer;text-shadow:0 0 12px #2dd4bf52,0 0 20px #22d3ee29;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:850;line-height:1;display:inline-flex}.vcr-mini-clock .vcr-live-clock-icon{color:#fb7185;fill:currentColor;filter:drop-shadow(0 0 8px #f87171cc);animation:1s steps(2,end) infinite vcr-live-pulse}.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);outline:none;transform:translateY(-1px)}.vcr-timeline-wrap{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;display:grid}.vcr-scope{gap:4px;display:flex}.vcr-scope button{min-width:34px;min-height:28px;color:var(--mc-text-normal,#cbd5e1);background:var(--mc-control-bg,#0f172adb);border:1px solid color-mix(in srgb, var(--mc-text-normal,#94a3b8) 22%, transparent);cursor:pointer;border-radius:6px;font-size:9px;font-weight:850}.vcr-timeline-shell{align-items:center;min-width:0;height:38px;display:grid;position:relative;overflow:visible}.vcr-timeline-track{z-index:1;background:color-mix(in srgb, var(--mc-control-bg,#0f172aad) 88%, transparent);border:1px solid color-mix(in srgb, var(--vcr-track) 46%, transparent);opacity:.62;height:3px;box-shadow:0 0 8px var(--vcr-track-glow), inset 0 0 5px #0000005c;pointer-events:none;border-radius:999px;position:absolute;inset:auto 0 2px;overflow:hidden}.vcr-timeline-track:before{width:var(--vcr-progress,100%);background:linear-gradient(90deg, color-mix(in srgb, var(--vcr-track-fill) 62%, transparent), var(--vcr-track));content:"";position:absolute;inset:0 auto 0 0}.vcr-timeline-shell:after{left:var(--vcr-progress,100%);z-index:3;background:linear-gradient(180deg, transparent, var(--vcr-track-fill), transparent);width:1px;height:32px;box-shadow:0 0 12px var(--vcr-track-glow);content:"";opacity:.72;pointer-events:none;border-radius:999px;position:absolute;bottom:0;transform:translate(-50%)}.vcr-sparkline{z-index:2;opacity:.88;pointer-events:none;grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;gap:2px;display:grid;position:absolute;inset:1px 0 8px}.vcr-sparkline span{background:linear-gradient(180deg, color-mix(in srgb, var(--mc-green,#2dd4bf) 80%, #fff 20%), color-mix(in srgb, var(--mc-accent,#38bdf8) 42%, transparent));min-height:3px;box-shadow:0 0 9px color-mix(in srgb, var(--mc-accent,#38bdf8) 22%, transparent);border-radius:3px 3px 0 0;display:block}.vcr-timeline{z-index:3;appearance:none;accent-color:#0000;cursor:pointer;background:0 0;width:100%;height:36px;margin:0;position:relative}.vcr-timeline::-webkit-slider-runnable-track{background:0 0;border:0;height:36px}.vcr-timeline::-moz-range-track{background:0 0;border:0;height:36px}.vcr-timeline::-webkit-slider-thumb{appearance:none;background:var(--vcr-track-fill);border:2px solid color-mix(in srgb, var(--mc-surface-strong,#050a11f5) 92%, #000 8%);width:14px;height:14px;box-shadow:0 0 18px var(--vcr-track-glow), 0 0 0 1px color-mix(in srgb, var(--vcr-track-fill) 42%, #ffffff38);border-radius:999px;margin-top:11px}.vcr-timeline::-moz-range-thumb{background:var(--vcr-track-fill);border:2px solid color-mix(in srgb, var(--mc-surface-strong,#050a11f5) 92%, #000 8%);width:14px;height:14px;box-shadow:0 0 18px var(--vcr-track-glow), 0 0 0 1px color-mix(in srgb, var(--vcr-track-fill) 42%, #ffffff38);border-radius:999px}.vcr-hover-time{z-index:5;min-width:142px;color:var(--mc-text,#f8fafc);background:var(--mc-surface-strong,#050a11f5);border:1px solid var(--mc-border,#7dd3fc5c);box-shadow:0 14px 32px #0000006b, 0 0 18px var(--vcr-track-glow);pointer-events:none;border-radius:6px;gap:2px;padding:6px 8px;font-family:Share Tech Mono,Roboto Mono,SFMono-Regular,Consolas,monospace;font-size:10px;display:grid;position:absolute;bottom:34px;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{color:#dffbff;cursor:pointer;white-space:nowrap;background:#07101de0;border:1px solid #7dd3fc47;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:31px;padding:0 10px;font-size:11px;font-weight:850;line-height:1;display:inline-flex;box-shadow:0 12px 28px #00000057,inset 0 1px #ffffff12}.plot-route-button.primary{color:#fef9c3;background:linear-gradient(135deg,#a16207f0,#713f12db),radial-gradient(circle at 18% 22%,#fef08a33,#0000 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{color:#dbeafe;background:linear-gradient(135deg,#050a14f0,#0a1220e6);border:1px solid #7dd3fc47;border-radius:8px;gap:8px;margin-top:7px;padding:10px;display:grid;box-shadow:0 18px 42px #00000070,0 0 18px #38bdf814}.plot-route-toast p,.plot-result-block{gap:6px;min-width:0;margin:0;display:grid}.plot-route-toast p{color:#bae6fd;grid-template-columns:16px minmax(0,1fr);align-items:center;font-size:12px}.plot-result-block strong{color:#f8fafc;overflow-wrap:anywhere;min-width:0;font-size:13px;line-height:1.18}.plot-result-block span,.plot-copy-status{color:#9db2ca;font-size:11px;font-style:normal}.plot-result-block code,.phonebook-copy-card code{color:#fef9c3;overflow-wrap:anywhere;background:#0f172ad1;border:1px solid #facc1538;border-radius:6px;min-width:0;padding:6px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.plot-area-route-list{gap:5px;max-height:170px;display:grid;overflow:auto}.plot-area-route-list button{color:#dbeafe;text-align:left;cursor:pointer;background:#0f172ab8;border:1px solid #7dd3fc24;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:6px 7px;display:grid}.plot-area-route-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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{border-radius:999px;flex:none;width:10px;height:10px;display:inline-block}.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 0 #ffffff0f}.packet-type-signal{background:var(--payload-color);box-shadow:0 0 7px color-mix(in srgb, var(--payload-color) 68%, transparent);animation:1.2s ease-out packet-type-flash}.share-toast{z-index:9;color:#dffbff;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);background:linear-gradient(135deg,#060b12f0,#0a1423d6);border:1px solid #7dd3fc66;border-radius:7px;max-width:min(260px,100vw - 24px);padding:8px 11px;font-size:12px;line-height:1.2;top:92px;right:10px;box-shadow:0 16px 36px #0006,0 0 24px #38bdf829}.visitor-guide{right:10px;bottom:calc(var(--vcr-bar-height,0px) + 56px);z-index:var(--z-map-chrome,8);width:min(340px,100vw - 20px);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 0 0, color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent), transparent 42%);border:1px solid color-mix(in srgb, var(--mc-border-strong,#7dd3fc80) 72%, transparent);box-shadow:0 24px 58px var(--mc-shadow,#00000070), inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(18px)saturate(1.16);backdrop-filter:blur(18px)saturate(1.16);pointer-events:auto;border-radius:8px;gap:8px;padding:12px;display:grid}.visitor-guide h2{color:var(--mc-text,#f8fafc);margin:-4px 26px 0 0;font-size:17px;line-height:1.12}.visitor-guide p{color:var(--mc-text-normal,#cbd5e1);margin:0;font-size:12px;line-height:1.42}.visitor-guide-close{width:25px;height:25px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-control-bg,#0f172adb) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 80%, transparent);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid;position:absolute;top:8px;right:8px}.visitor-guide-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.visitor-guide-actions button{min-width:0;min-height:34px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-control-bg,#0f172adb) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 80%, transparent);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:0 7px;font-size:10.5px;font-weight:850;display:inline-flex}.visitor-guide-actions button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.visitor-guide-actions button.active,.visitor-guide-actions button:hover,.visitor-guide-actions button:focus-visible,.visitor-guide-close:hover,.visitor-guide-close:focus-visible{color:var(--mc-text,#fff);border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 52%, transparent);outline:none}.shortcut-help-overlay{z-index:var(--z-modal,120);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#02060c8f;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.shortcut-help{width:min(560px,100vw - 28px);max-height:calc(100vh - 28px);color:var(--mc-text,#f8fafc);background:linear-gradient(135deg, color-mix(in srgb, var(--mc-surface,#060b12) 96%, transparent), color-mix(in srgb, var(--mc-surface-strong,#111827) 90%, transparent)), radial-gradient(circle at 10% 0, color-mix(in srgb, var(--mc-accent,#38bdf8) 14%, transparent), transparent 34%);border:1px solid color-mix(in srgb, var(--mc-border-strong,#7dd3fc80) 78%, transparent);border-radius:9px;gap:12px;padding:14px;display:grid;overflow:auto;box-shadow:0 26px 80px #00000094,inset 0 1px #ffffff14}.shortcut-help header{justify-content:space-between;align-items:center;gap:10px;display:flex}.shortcut-help h3,.shortcut-help h4{letter-spacing:0;margin:0}.shortcut-help h3{font-size:18px}.shortcut-help h4{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 78%, var(--mc-text,#fff));text-transform:uppercase;font-size:11px;font-weight:950}.shortcut-help header button{width:30px;height:30px;color:var(--mc-text-normal,#dbeafe);background:color-mix(in srgb, var(--mc-control-bg,#0f172adb) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 80%, transparent);cursor:pointer;border-radius:7px;place-items:center;display:inline-grid}.shortcut-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.shortcut-guide-grid section{background:color-mix(in srgb, var(--mc-control-bg,#0f172ac7) 86%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc33) 82%, transparent);border-radius:7px;gap:5px;padding:9px;display:grid}.shortcut-guide-grid strong{color:var(--mc-text,#f8fafc);font-size:12px}.shortcut-guide-grid p{color:var(--mc-text-normal,#cbd5e1);margin:0;font-size:11px;line-height:1.35}.shortcut-help dl{gap:6px;margin:0;display:grid}.shortcut-help dl div{background:color-mix(in srgb, var(--mc-control-bg,#0f172ab3) 86%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc2e) 82%, transparent);border-radius:7px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;min-height:34px;padding:6px 8px;display:grid}.shortcut-help dt,.shortcut-help dd{margin:0}.shortcut-help kbd{color:#e0f2fe;background:#020617cc;border:1px solid #7dd3fc47;border-radius:5px;justify-content:center;min-width:0;padding:3px 6px;font-size:11px;font-weight:850;display:inline-flex}.shortcut-help dd{color:var(--mc-text-normal,#cbd5e1);font-size:12px}@keyframes packet-type-flash{0%{filter:brightness(1.25);transform:scale(1.12)}to{filter:brightness();transform:scale(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{width:min(320px,100vw - 20px);min-height:36px;color:var(--mc-accent,#bfdbfe);background:linear-gradient(135deg, var(--mc-surface-strong,#060b12e6), color-mix(in srgb, var(--mc-surface,#0b1626c7) 90%, transparent));border:1px solid var(--mc-border,#7dd3fc38);box-shadow:0 14px 34px var(--mc-shadow,#0000004d), 0 0 14px color-mix(in srgb, var(--mc-accent,#38bdf8) 8%, transparent), inset 0 1px 0 #ffffff0f;-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2);border-radius:8px;grid-template-columns:20px 1fr 28px;align-items:center;gap:8px;padding:0 8px 0 11px;display:grid;top:98px;left:10px}.search-panel input{min-width:0;color:var(--mc-text,#f8fafc);background:0 0;border:0;outline:0;font-size:12px}.search-panel input::placeholder{color:var(--mc-text-muted,#7f91aa)}.search-panel button{width:28px;height:28px;color:var(--mc-text-normal,#cbd5e1);background:color-mix(in srgb, var(--mc-control-bg,#0f172ac2) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-text,#cbd5e1) 14%, transparent);cursor:pointer;border-radius:6px;place-items:center;display:inline-grid}.legend-panel,.hot-routes,.selection-panel,.selection-drawer,.activity-panel{color:var(--mc-text,#e5eefc);background:linear-gradient(135deg, var(--mc-surface-strong,#060b12e8), color-mix(in srgb, var(--mc-surface,#0b1626d1) 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,#7dd3fc33);box-shadow:0 18px 42px var(--mc-shadow,#00000052), 0 0 18px color-mix(in srgb, var(--mc-accent,#38bdf8) 8%, transparent), inset 0 1px 0 #ffffff0f, inset 0 0 0 1px #a855f707;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);border-radius:8px}.legend-panel{grid-template-columns:minmax(0,1fr);gap:7px;width:min(320px,100vw - 20px);padding:8px 9px;display:grid;top:144px;left:10px}.legend-group{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:5px 8px;font-size:10px;display:grid}.legend-group span:not(.legend-title):not(.frequency-ramp):not(.legend-scale):not(.legend-note){color:var(--mc-text-normal,#cbd5e1);align-items:center;gap:6px;display:flex}.legend-title{color:var(--mc-link,#f8fafc);letter-spacing:0;text-transform:uppercase;grid-column:1/-1;font-size:10px;font-weight:850}.legend-node{background:currentColor;border:1px solid #f8fafcb8;width:12px;height:12px;display:inline-block;box-shadow:0 0 0 2px #030712db,0 0 13px}.legend-node.repeater{color:#22c55e;border-radius:2px;transform:rotate(45deg)}.legend-node.companion{color:#3b82f6;width:0;height:0;box-shadow:none;background:0 0;border:7px solid #0000;border-top:0;border-bottom:13px solid}.legend-node.room{color:#a855f7;border-radius:2px}.legend-node.observer{color:#f59e0b;border-color:#fef3c7;border-radius:999px;position:relative;box-shadow:0 0 0 2px #030712db,0 0 10px #f59e0bb3}.legend-node.observer:before,.legend-node.observer:after{content:"";border:1px solid #0000;border-color:#0000 #fef3c7;width:7px;height:12px;position:absolute;top:50%;transform:translateY(-50%)}.legend-node.observer:before{border-left:0;border-radius:0 999px 999px 0;right:9px}.legend-node.observer:after{border-right:0;border-radius:999px 0 0 999px;left:9px}.legend-role-icon{object-fit:contain;width:13px;height:13px;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{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%);height:6px;box-shadow:0 0 16px color-mix(in srgb, var(--mc-accent,#38bdf8) 14%, transparent), inset 0 0 10px #ffffff2e;border:1px solid #f8fafc29;border-radius:999px;grid-column:1/-1;display:block}.legend-scale{color:var(--mc-text-muted,#94a3b8);grid-column:1/-1;justify-content:space-between;font-size:9px;display:flex}.legend-scale b{font-weight:600}.legend-note{color:#8fa2bb;font-size:10px;line-height:1.2}.packet-key{border-top:1px solid color-mix(in srgb, var(--mc-text,#cbd5e1) 8%, transparent);padding-top:2px}.payload-key{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.payload-chip,.payload-badge{--payload-color:#e2e8f0;min-width:0;color:color-mix(in srgb, var(--payload-color) 74%, white 26%);background:color-mix(in srgb, var(--payload-color) 16%, #0f172adb 84%);border:1px solid color-mix(in srgb, var(--payload-color) 44%, #f8fafc1f 56%);box-shadow:inset 0 1px 0 #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%);letter-spacing:0;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:5px;font-size:9px;font-style:normal;font-weight:800;line-height:1;display:inline-flex}.payload-chip i,.payload-badge i,.payload-chip img,.payload-badge img{background:var(--payload-color);width:6px;height:6px;box-shadow:0 0 7px color-mix(in srgb, var(--payload-color) 72%, transparent);border-radius:999px;flex:none}.payload-chip img,.payload-badge img{width:12px;height:12px;box-shadow:none;background:0 0;border-radius:0}.payload-chip.legend-payload{border-radius:5px;min-height:19px;font-size:7.5px}.payload-chip.mini{border-radius:5px;min-height:17px;padding:0 4px;font-size:7px}.payload-chip.muted-chip{color:#cbd5e1;box-shadow:none;background:#0f172ac2;border-color:#cbd5e12e}.hot-routes{width:min(330px,100vw - 20px);max-height:min(40vh,392px);top:98px;right:10px;overflow:hidden}.panel-title{min-height:34px;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,#0f172a6b) 62%, transparent);align-items:center;gap:8px;padding:0 10px;font-weight:700;display:flex}.panel-title.compact{justify-content:space-between;min-height:34px;font-size:12px}.panel-title.compact em{color:var(--mc-accent,#8bd3ff);text-transform:uppercase;font-size:10px;font-style:normal;font-weight:700}.hot-route-list{max-height:calc(min(40vh,392px) - 34px);overflow:auto}.hot-route{color:#dbeafe;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #cbd5e114;grid-template-columns:12px minmax(0,1fr) 48px;align-items:center;gap:7px;width:100%;min-height:46px;padding:6px 9px;transition:background .16s,box-shadow .16s,transform .16s;display:grid}.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{gap:2px;min-width:0;display:grid}.route-labels strong,.route-labels span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.route-labels strong{color:#f8fafc;font-size:11px}.route-labels span{color:#aebed1;font-size:11px;font-style:normal}.hot-route-payloads{align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.route-recent-count{min-width:44px;color:var(--mc-text-muted,#94a3b8);font-variant-numeric:tabular-nums;justify-self:end;justify-items:end;gap:1px;display:grid}.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);text-transform:uppercase;font-size:8px;font-weight:850;line-height:1}.route-recent-count.active strong{color:color-mix(in srgb, var(--mc-accent,#67e8f9) 64%, #fff);text-shadow:0 0 8px color-mix(in srgb, var(--mc-accent,#22d3ee) 34%, transparent)}.route-swatch{border:1px solid #f8fafc7a;border-radius:999px;width:12px;height:12px;display:inline-block;box-shadow:0 0 7px}.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);pointer-events:auto;align-items:end;gap:10px;display:grid}.selection-panels.with-phonebook{grid-template-columns:minmax(290px,330px) minmax(340px,410px)}.selection-panels.route-only{width:min(350px,100vw - 20px)}.selection-panel{scrollbar-color:#94a3b86b transparent;align-content:start;gap:10px;min-height:0;max-height:min(43vh,430px);padding:13px 13px 14px;display:grid;position:relative;overflow:auto}.selection-panel h2{color:#f8fafc;letter-spacing:0;overflow-wrap:anywhere;min-width:0;margin:-3px 30px 2px 0;font-size:18px;line-height:1.15}.selection-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.selection-summary-strip span{background:#0f172aa8;border:1px solid #7dd3fc24;border-radius:7px;gap:2px;min-width:0;padding:7px 6px;display:grid}.selection-summary-strip strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:900;line-height:1.1;overflow:hidden}.selection-summary-strip em{color:#8fa2bb;letter-spacing:0;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:9px;font-style:normal;font-weight:780;line-height:1.1;overflow:hidden}.selection-endpoint-row{color:#dbeafe;background:#0f172a94;border:1px solid #7dd3fc24;border-radius:7px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;min-width:0;padding:7px 8px;display:grid}.selection-endpoint-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:850;overflow:hidden}.selection-endpoint-row span:last-child{text-align:right}.selection-endpoint-row em{color:#8fa2bb;text-transform:uppercase;font-size:9px;font-style:normal;font-weight:850}.selection-panel dl{gap:8px;margin:0;display:grid}.selection-panel dl div{grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.selection-panel dt{color:#8fa2bb;font-size:12px}.selection-panel dd{color:#edf5ff;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.panel-close-button{color:#c7d2fe;cursor:pointer;background:#0f172abd;border:1px solid #7dd3fc33;border-radius:7px;place-items:center;width:28px;height:28px;display:inline-grid;position:absolute;top:8px;right:8px;box-shadow:inset 0 1px #ffffff0f}.panel-close-button:hover{color:#fff;background:#1e293bdb;border-color:#7dd3fc6b}.phonebook-panel{max-height:min(48vh,470px)}.phonebook-summary,.phonebook-empty{color:#9db2ca;margin:-2px 0 0;font-size:12px;line-height:1.35}.phonebook-empty{padding:10px 0 2px}.phonebook-tools{gap:7px;display:grid}.phonebook-search{color:#9db2ca;background:#0f172ab3;border:1px solid #7dd3fc29;border-radius:7px;grid-template-columns:16px minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;min-height:31px;padding:0 7px;display:grid}.phonebook-search input{color:#e5f2ff;min-width:0;font:inherit;background:0 0;border:0;outline:none;font-size:12px}.phonebook-search input::placeholder{color:#7f93ad}.phonebook-search button{color:#c7d2fe;cursor:pointer;background:#1e293bb8;border:1px solid #7dd3fc24;border-radius:5px;place-items:center;width:22px;height:22px;display:inline-grid}.phonebook-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;display:grid}.phonebook-filter-row label{gap:3px;min-width:0;display:grid}.phonebook-filter-row span{color:#8fa2bb;text-transform:uppercase;font-size:10px;font-weight:750}.phonebook-filter-row select{color:#e5f2ff;min-width:0;min-height:29px;font:inherit;background:#0f172ac2;border:1px solid #7dd3fc29;border-radius:7px;font-size:11px}.phonebook-copy-card{background:linear-gradient(135deg,#1e293bdb,#0f172ab8),radial-gradient(circle at 0 0,#facc151f,#0000 48%);border:1px solid #facc1557;border-radius:7px;gap:7px;padding:9px;display:grid;box-shadow:inset 2px 0 #facc15a8,0 0 16px #facc1514}.phonebook-copy-card span{gap:2px;min-width:0;display:grid}.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{gap:11px;display:grid}.phonebook-group{gap:6px;display:grid}.phonebook-group h3{color:#a5f3fc;letter-spacing:0;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.phonebook-list{gap:6px;display:grid}.phonebook-row{color:#dbeafe;text-align:left;cursor:pointer;background:linear-gradient(135deg,#0f172abd,#0a12209e),radial-gradient(circle at 0 0,#facc150f,#0000 44%);border:1px solid #7dd3fc24;border-radius:7px;grid-template-columns:minmax(0,1.15fr) minmax(112px,.85fr);align-items:start;gap:5px 10px;min-width:0;padding:8px 9px;display:grid}.phonebook-row:hover,.phonebook-row.selected{background:linear-gradient(135deg,#1e293bdb,#0f172ab8),radial-gradient(circle at 0 0,#facc1521,#0000 48%);border-color:#facc1575;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{gap:2px;display:grid}.phonebook-row-main strong,.phonebook-row-stats strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.16;overflow:hidden}.phonebook-row-main em,.phonebook-row-stats em,.phonebook-row-path{color:#9db2ca;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-style:normal;line-height:1.2;overflow:hidden}.phonebook-row-stats{text-align:right}.phonebook-row-path{color:#c4b5fd;grid-column:1/-1}.node-message-history{border-top:1px solid #94a3b81f;gap:7px;padding-top:2px;display:grid}.node-message-history h3{color:#a5f3fc;letter-spacing:0;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:850;display:inline-flex}.node-message-history>p{color:#8fa2bb;margin:0;font-size:11px;line-height:1.35}.node-message-list{gap:6px;max-height:170px;padding-right:2px;display:grid;overflow:auto}.node-message-row{background:#0f172a9e;border:1px solid #7dd3fc1f;border-radius:7px;gap:4px;min-width:0;padding:8px;display:grid}.node-message-row header{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;display:grid}.node-message-row strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;overflow:hidden}.node-message-row time,.node-message-row em{color:#8fa2bb;white-space:nowrap;font-size:10px;font-style:normal}.node-message-row p{color:#dbeafe;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.32}.selection-drawer{right:10px;bottom:calc(var(--vcr-bar-height,0px) + 10px);width:min(330px,100vw - 20px);max-height:min(40vh,380px);padding:12px;overflow:auto}.selection-drawer h2{color:#f8fafc;letter-spacing:0;margin:4px 0 12px;font-size:18px;line-height:1.15}.eyebrow{color:#8bd3ff;text-transform:uppercase;font-size:11px;font-weight:700}.selection-drawer dl{gap:8px;margin:0;display:grid}.selection-drawer dl div{grid-template-columns:92px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.selection-drawer dt{color:#8fa2bb;font-size:12px}.selection-drawer dd{color:#edf5ff;overflow-wrap:anywhere;min-width:0;margin:0;font-size:13px}.drawer-route-list{gap:6px;margin-top:14px;display:grid}.drawer-route-list button{color:#dbeafe;cursor:pointer;background:#0f172aa3;border:1px solid #7dd3fc29;border-radius:6px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:34px;padding:7px 9px;display:grid}.drawer-route-list span:not(.route-swatch){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drawer-route-list em{color:#f8fafc;font-size:12px;font-style:normal;font-weight:700}.elevation-profile{border-top:1px solid #7dd3fc1f;margin-top:12px;padding-top:8px}.elevation-profile svg{border-radius:4px;width:100%;height:72px;display:block;overflow:hidden}.elevation-labels{grid-template-columns:1fr 1fr;gap:4px;margin-top:1px;display:grid}.elevation-labels span{color:#8fa2bb;font-size:10px}.elevation-labels span:last-child{text-align:right}.elevation-summary{grid-template-columns:1fr 1fr;gap:4px;margin-top:2px;display:grid}.elevation-gain{color:#22c55e;font-size:11px;font-weight:600}.elevation-loss{color:#ef4444;text-align:right;font-size:11px;font-weight:600}.elevation-unavailable{color:#8fa2bb;font-size:11px}.elevation-skeleton{background:#7dd3fc0f;border-radius:4px;animation:1.6s ease-in-out infinite elevation-pulse}@keyframes elevation-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes node-freshness-pulse{0%,to{opacity:1}50%{opacity:.55}}.node-fresh-ring{animation:2s ease-in-out infinite node-freshness-pulse}.activity-panel{width:min(430px,100vw - 20px);max-height:min(26vh,260px);bottom:10px;left:10px;overflow:hidden}.activity-panel.collapsed{width:auto}.activity-toggle{color:#f8fafc;cursor:pointer;border-width:0 0 1px;border-radius:8px 8px 0 0;justify-content:flex-start;width:100%}.activity-panel.collapsed .activity-toggle{border-bottom:0;border-radius:8px}.activity-toggle em{color:#94a3b8;margin-left:auto;font-size:12px;font-style:normal;font-weight:600}.activity-feed{max-height:calc(min(26vh,260px) - 34px);overflow:auto}.activity-row{background:linear-gradient(90deg, color-mix(in srgb, var(--payload-color,#38bdf8) 2.6%, transparent 97.4%), #ffffff02);box-shadow:inset 2px 0 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%);border-bottom:1px solid #7dd3fc16;grid-template-columns:10px minmax(0,1fr);align-items:start;gap:8px;padding:8px 10px;transition:background .16s,box-shadow .16s;display:grid}.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;box-shadow:0 0 7px color-mix(in srgb, currentColor 60%, transparent);background:#64748b;border-radius:999px;margin-top:5px}.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{align-items:center;gap:6px;min-width:0;font-size:11px;display:flex}.payload-badge{border-radius:5px;min-width:40px;min-height:18px;padding:0 5px}.activity-main strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.activity-main .iata-chip{color:#a7f3d0;text-shadow:0 0 10px #22c55e57;font-size:10px;font-weight:700}.activity-status{color:#94a3b8;text-transform:uppercase;white-space:nowrap;background:#0f172ab8;border:1px solid #cbd5e124;border-radius:5px;align-items:center;min-height:17px;padding:0 5px;font-size:8px;font-weight:800;display:inline-flex}.activity-status.routed,.activity-status.route{color:#bbf7d0;box-shadow:none;border-color:#22c55e4d}.activity-status.seen,.activity-status.observer{color:#bae6fd;box-shadow:none;border-color:#38bdf847}.activity-status.unmapped{color:#cbd5e1;border-color:#94a3b83d}.activity-main time{color:#8fa2bb;white-space:nowrap;margin-left:auto}.activity-row p{color:#aebed1;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}@media (width<=1400px) and (width>=761px){.search-panel{top:130px}.legend-panel{top:176px}.hot-routes{max-height:min(36vh,330px);top:130px}.hot-route-list{max-height:calc(min(36vh,330px) - 34px)}}.empty,.muted{color:#94a3b8;padding:14px}.compact-empty{padding:12px;font-size:12px}@media (width<=980px){.maplibregl-ctrl-bottom-right{right:10px;bottom:calc(var(--vcr-bar-height,0px) + 12px)}.status-bar{display:none}.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,100vw - 24px)}.selection-panels.with-phonebook{grid-template-columns:minmax(280px,320px) minmax(300px,360px)}.activity-panel{width:min(430px,100vw - 24px)}}@media (width<=760px){.app-shell{--vcr-bar-height:0px;--mobile-dock-height:70px;--ui-edge-gap:8px}.app-shell[data-vcr-layout=open]{--vcr-bar-height:156px;--mobile-dock-height:0px}.app-shell[data-packets-mode=compactTray]{--vcr-bar-height:126px;--mobile-dock-height:0px}.maplibregl-ctrl-bottom-right{right:calc(8px + var(--ui-safe-right,0px));bottom:calc(var(--vcr-bar-height,0px) + var(--mobile-dock-height,0px) + 12px + var(--ui-safe-bottom,0px));z-index:var(--z-map-chrome,8);position:fixed}.link-bar{top:calc(8px + var(--ui-safe-top,0px));left:calc(8px + var(--ui-safe-left,0px));right:calc(8px + var(--ui-safe-right,0px));grid-template-columns:auto minmax(0,1fr);gap:6px;min-height:34px;padding:5px 6px;position:fixed}.link-bar-brand{width:28px;padding:0 4px}.link-bar-brand span,.link-bar-build>a:not(.link-bar-page),.link-bar-build>span{display:none}.link-bar-build{justify-content:flex-end;gap:6px;overflow:hidden}.link-bar-build strong{display:none}.link-bar-build .link-bar-page span{display:inline}.link-bar-github,.link-bar-right{display:none}.link-bar-info-popover{top:calc(52px + var(--ui-safe-top,0px));right:calc(8px + var(--ui-safe-right,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto}.shortcut-guide-grid{grid-template-columns:1fr}.shortcut-help dl div{grid-template-columns:78px minmax(0,1fr)}.perf-panel,.setup-panel,.packets-panel{top:calc(62px + var(--ui-safe-top,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(8px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto;max-height:none;padding:10px;overflow:auto;transform:none}.map-settings-drawer{top:calc(62px + var(--ui-safe-top,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(var(--mobile-dock-height,68px) + 18px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto;max-height:none;overflow:auto}.map-settings-preset-grid{grid-template-columns:1fr}.top-popover.palette-picker,.top-popover.panel-picker,.top-popover.operator-more-menu{top:auto;left:calc(8px + var(--ui-safe-left,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(50px + var(--ui-safe-bottom,0px));z-index:var(--z-popover,16);overscroll-behavior:contain;touch-action:pan-y;width:auto;max-height:min(62dvh,430px);position:fixed;overflow:auto}.perf-panel-header h2,.setup-panel-header h2,.packets-panel-header h2{font-size:18px}.setup-grid{grid-template-columns:1fr}.setup-output pre{min-height:180px;max-height:34vh}.perf-status-strip,.perf-live-grid,.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: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{justify-content:center;min-height:40px}.packets-compact-tray{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:1fr;width:auto;transform:none}.packets-tray-actions{grid-template-columns:repeat(2,minmax(0,1fr)) 34px;display:grid}.perf-grid{grid-template-columns:1fr}.top-actions,.app-shell[data-vcr-layout=open] .mobile-control-dock,.app-shell[data-vcr-layout=open] .mobile-control-sheet,.app-shell[data-packets-mode=compactTray] .mobile-control-dock,.app-shell[data-packets-mode=compactTray] .mobile-control-sheet{display:none}.mobile-control-dock{right:calc(8px + var(--ui-safe-right,0px));bottom:calc(8px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));z-index:var(--z-map-chrome,8);background:color-mix(in srgb, var(--mc-surface-strong,#060b12f0) 92%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc3d) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:7px;display:grid;position:fixed;box-shadow:0 18px 42px #0000006b,inset 0 1px #ffffff0f}.mobile-control-button{min-width:0;min-height:52px;color:var(--mc-text,#edf5ff);background:color-mix(in srgb, var(--mc-control-bg,#0f172ae6) 86%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#94a3b847) 82%, transparent);font:inherit;cursor:pointer;border-radius:7px;place-items:center;gap:3px;padding:5px 4px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid}.mobile-control-button span{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:850;overflow:hidden}.mobile-control-button.active,.mobile-control-button:hover,.mobile-control-button:focus-visible{color:#eff6ff;background:linear-gradient(135deg, color-mix(in srgb, var(--mc-accent,#38bdf8) 16%, transparent), color-mix(in srgb, var(--mc-green,#22c55e) 8%, transparent));border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 54%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--mc-accent,#38bdf8) 18%, transparent);outline:none}.mobile-control-button:active{transform:translateY(1px)}.mobile-control-button.known-pathways-toggle.on{color:#bbf7d0;border-color:#22c55e94;box-shadow:0 0 18px #22c55e29}.mobile-control-button.known-pathways-toggle.off{color:#fecaca;border-color:#f8717194;box-shadow:0 0 18px #f8717129}.visitor-guide{right:calc(8px + var(--ui-safe-right,0px));bottom:calc(var(--mobile-dock-height,68px) + 10px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto;max-height:calc(100svh - 116px - var(--mobile-dock-height,68px) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px));overflow:auto}.mobile-control-sheet{right:calc(8px + var(--ui-safe-right,0px));bottom:calc(var(--mobile-dock-height,68px) + 10px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));z-index:var(--z-popover,16);max-height:min(calc(100svh - 116px - var(--mobile-dock-height,68px) - var(--ui-safe-top,0px) - var(--ui-safe-bottom,0px)), 560px);color:var(--mc-text,#edf5ff);background:color-mix(in srgb, var(--mc-surface-strong,#060b12f7) 94%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#7dd3fc42) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);overscroll-behavior:contain;border-radius:8px;gap:10px;padding:11px;display:grid;position:fixed;overflow:auto;box-shadow:0 24px 58px #00000085,inset 0 1px #ffffff12}.mobile-control-sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-control-sheet-header h2,.mobile-control-section h3{letter-spacing:0;margin:0}.mobile-control-sheet-header h2{font-size:17px}.mobile-control-section{gap:7px;display:grid}.mobile-control-section h3{color:color-mix(in srgb, var(--mc-accent,#38bdf8) 78%, var(--mc-text,#fff));text-transform:uppercase;font-size:11px;font-weight:950}.mobile-control-grid,.mobile-panel-grid,.mobile-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.mobile-mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-control-grid button,.mobile-panel-grid button,.mobile-mode-grid button{min-width:0;min-height:42px;color:var(--mc-text,#edf5ff);background:color-mix(in srgb, var(--mc-control-bg,#0f172ae0) 88%, transparent);border:1px solid color-mix(in srgb, var(--mc-border,#94a3b847) 84%, transparent);letter-spacing:0;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:11px;font-weight:850;display:flex}.mobile-mode-grid button{text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:68px}.mobile-mode-grid button strong,.mobile-mode-grid button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.mobile-mode-grid button strong{color:var(--mc-text,#f8fafc);font-size:11px;font-weight:950}.mobile-mode-grid button span{color:var(--mc-text-muted,#9fb1c9);font-size:9px;line-height:1.2}.mobile-control-grid button.active,.mobile-panel-grid button.active,.mobile-mode-grid button.active,.mobile-control-grid button:hover,.mobile-panel-grid button:hover,.mobile-mode-grid button:hover,.mobile-control-grid button:focus-visible,.mobile-panel-grid button:focus-visible,.mobile-mode-grid button:focus-visible{color:#eff6ff;border-color:color-mix(in srgb, var(--mc-accent,#38bdf8) 52%, transparent);outline:none}.mobile-panel-grid button span:not(.palette-swatch){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.palette-mobile-grid button{justify-content:flex-start}.top-actions::-webkit-scrollbar{display:none}.status-bar::-webkit-scrollbar{display:none}.status-bar{display:none}.status-pill{flex:none;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{border-top:0;grid-column:auto;padding-top:0}.payload-key{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.payload-chip.legend-payload{border-radius:5px;gap:3px;min-height:18px;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:calc(10px + var(--ui-safe-left,0px));right:calc(10px + var(--ui-safe-right,0px));top:auto;bottom:calc(var(--vcr-bar-height,0px) + var(--mobile-dock-height,0px) + 16px + var(--ui-safe-bottom,0px));width:auto;max-height:34vh;padding:12px}.selection-panels{left:calc(10px + var(--ui-safe-left,0px));right:calc(10px + var(--ui-safe-right,0px));top:auto;bottom:calc(var(--vcr-bar-height,0px) + var(--mobile-dock-height,0px) + 16px + var(--ui-safe-bottom,0px));align-items:stretch;gap:8px;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-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.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));min-height:30px;padding:0 9px;font-size:10px;left:10px}.bottom-action-dock{display:none}.route-gif-export{left:calc(8px + var(--ui-safe-left,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(var(--mobile-dock-height,68px) + 16px + var(--ui-safe-bottom,0px));width:auto;max-width:none;position:fixed}.route-gif-export-button{min-height:38px;font-size:11px}.route-gif-export-detail,.vcr-mini-clock{display:none}.vcr-mini-clock:hover,.vcr-mini-clock:focus-visible{transform:translateY(-1px)}.plot-routes-panel{left:10px;bottom:calc(var(--vcr-bar-height,0px) + 84px + env(safe-area-inset-bottom,0px));width:min(330px,100vw - 20px)}.vcr-bar{left:calc(8px + var(--ui-safe-left,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(8px + var(--ui-safe-bottom,0px));z-index:var(--z-panel,12);grid-template-columns:1fr;gap:5px;width:auto;min-height:124px;max-height:148px;padding:6px;transform:none}.vcr-controls{grid-template-columns:repeat(7,minmax(34px,1fr));gap:4px;display:grid}.vcr-button{min-height:34px;padding:0 4px;font-size:10px}.vcr-button span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vcr-readout{grid-template-columns:auto auto;place-content:center space-between;align-items:center;min-height:32px;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{max-width:calc(100vw - 28px);bottom:30px}.plot-route-toast{max-height:28vh;padding:8px;overflow:auto}.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 (width<=460px){.icon-button{width:32px;height:32px}.legend-panel{gap:8px;max-height:104px;top:176px}.legend-group,.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-bottom-width:11px;border-left-width:6px;border-right-width:6px}.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)}.workspace-panel.workspace-side,.workspace-panel.workspace-fullscreen{top:calc(62px + var(--ui-safe-top,0px));right:calc(8px + var(--ui-safe-right,0px));bottom:calc(8px + var(--ui-safe-bottom,0px));left:calc(8px + var(--ui-safe-left,0px));width:auto;max-height:none;padding:10px;transform:none}.packets-panel.workspace-side .packet-detail{display:grid}}.workspace-panel{animation:.2s ease-out panel-slide-in}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-skeleton{padding:16px}.skeleton-header,.skeleton-row{background:color-mix(in srgb, var(--mc-surface-strong,#1e293b) 82%, transparent);border-radius:7px}.skeleton-header{width:60%;height:24px;margin-bottom:16px}.skeleton-row{width:100%;height:40px;margin-bottom:8px}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--mc-accent,#38bdf8) 12%, #ffffff14), transparent);animation:1.45s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){.status-secondary{display:none}}.share-toast,.path-copy-toast{animation:.2s ease-out toast-slide-up}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-error{color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-danger,#ef4444) 12%, var(--mc-control-bg,#07101dd6));border:1px solid color-mix(in srgb, var(--mc-danger,#ef4444) 40%, transparent);border-radius:8px;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.panel-error button{color:var(--mc-text,#f8fafc);background:color-mix(in srgb, var(--mc-danger,#ef4444) 20%, transparent);border:1px solid color-mix(in srgb, var(--mc-danger,#ef4444) 50%, transparent);cursor:pointer;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:800}
