.exit-route-instrument{--route-grid:oklch(0.46 0.024 248/0.20);--route-frame:oklch(0.74 0.018 248);--route-channel-edge:oklch(0.93 0.022 222/0.86);--route-channel-throat:oklch(0.87 0.034 226/0.94);--route-rail:oklch(0.46 0.024 248/0.46);--route-throat-panel:var(--card);--route-throat-marker:oklch(0.52 0.14 178);--route-flow-marker:oklch(0.52 0.14 178/0.38);--route-lane-highlight:oklch(1 0 0/0.62);--route-chip-bg:var(--card);--route-hero:oklch(0.20 0.024 248);--route-caption:oklch(0.42 0.022 248);--route-ease-out:cubic-bezier(0.22,1,0.36,1)}.dark .exit-route-instrument{--route-grid:oklch(0.58 0.024 248/0.16);--route-frame:oklch(0.34 0.018 248);--route-channel-edge:oklch(0.20 0.034 222/0.92);--route-channel-throat:oklch(0.14 0.022 226/0.96);--route-rail:oklch(0.68 0.026 248/0.46);--route-throat-marker:oklch(0.78 0.14 178);--route-flow-marker:oklch(0.78 0.14 178/0.34);--route-lane-highlight:oklch(0.94 0.006 248/0.42);--route-hero:oklch(0.96 0.006 248);--route-caption:oklch(0.70 0.018 248)}.exit-route-instrument{min-width:0;max-width:70rem;margin-inline:auto}.exit-route-instrument__viewport{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}.exit-route-instrument__scene{display:block;width:100%;min-width:680px;height:auto}.exit-route-instrument__route,.exit-route-instrument__throat{cursor:pointer;outline:none}.exit-route-instrument__route{transition:opacity .18s var(--route-ease-out),filter .18s var(--route-ease-out)}.exit-route-instrument__route-path{transition:opacity .18s var(--route-ease-out),stroke-width .18s var(--route-ease-out)}.exit-route-instrument__route-label{transition:fill .18s var(--route-ease-out)}.exit-route-instrument__route-dimmed{opacity:.5}.dark .exit-route-instrument__route-dimmed{opacity:.68}.exit-route-instrument__route-selected{opacity:1;filter:drop-shadow(0 0 4px oklch(.78 .14 178/.22))}.exit-route-instrument__route-selected .exit-route-instrument__route-path{opacity:.82}.exit-route-instrument__route:focus-visible .exit-route-instrument__route-path,.exit-route-instrument__throat:focus-visible rect:first-child{stroke:var(--route-throat-marker);stroke-width:2.2px}.exit-route-instrument__channel,.exit-route-instrument__gate-shadow{transition:opacity .18s var(--route-ease-out)}.exit-route-instrument__route-selected .exit-route-instrument__gate-shadow,.exit-route-instrument__route:focus-visible .exit-route-instrument__gate-shadow,.exit-route-instrument__route:hover .exit-route-instrument__gate-shadow{opacity:.62}.exit-route-instrument__packets{opacity:.72;pointer-events:none}.exit-route-instrument__gate-shadow{pointer-events:none}.exit-route-instrument__packets circle{offset-rotate:0deg;transform-box:fill-box;filter:drop-shadow(0 0 5px currentColor)}.exit-route-selection-panel{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;border-top:1px solid color-mix(in oklab,var(--border) 60%,transparent);padding-top:10px;font-size:.875rem;min-width:0;max-width:100%}.exit-route-fallback-list{display:none;gap:16px}@media (min-width:768px){.exit-route-instrument__scene{min-width:0}}@media (prefers-reduced-motion:no-preference){@keyframes exit-route-packet-drift{0%{offset-distance:0;opacity:0}12%{opacity:.82}88%{opacity:.82}to{offset-distance:100%;opacity:0}}.exit-route-instrument__flow{animation:exit-route-flow-pulse 7s ease-in-out infinite;will-change:opacity}.exit-route-instrument__route-path{animation:exit-route-path-drift 8.5s linear infinite}.exit-route-instrument__packets circle{animation:exit-route-packet-drift 8.5s linear infinite}.exit-route-instrument__packets[data-flow-intensity=high] circle{animation-duration:6.2s}.exit-route-instrument__packets[data-flow-intensity=medium] circle{animation-duration:7.4s}.exit-route-instrument__packets[data-flow-intensity=low] circle{animation-duration:9.2s}}@keyframes exit-route-flow-pulse{0%,to{opacity:.46}50%{opacity:.9}}@keyframes exit-route-path-drift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-42}}@media (max-width:767px){.exit-route-instrument,.exit-route-selection-panel{display:none}.exit-route-fallback-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (hover:none) and (pointer:coarse){.exit-route-instrument__route,.exit-route-instrument__throat{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){.exit-route-instrument__route,.exit-route-instrument__route-path{transition:none}.exit-route-instrument__flow,.exit-route-instrument__packets circle,.exit-route-instrument__route-path{animation:none}.exit-route-instrument__packets circle{opacity:.72}}