.graph{background-image:linear-gradient(90deg,rgba(141,92,255,.035) 0 24.5%,transparent 24.5% 49.5%,rgba(53,216,255,.025) 49.5% 74.5%,transparent 74.5%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,42px 42px}.graph:after{display:none}.lane-guide{position:absolute;top:12px;z-index:0;color:#4f5668;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;pointer-events:none}.lane-a{left:8%}.lane-b{left:32%}.lane-c{left:60%}.lane-d{right:7%}.trail{min-height:44px;border-bottom:1px solid var(--line);padding:8px 14px;display:flex;align-items:center;gap:7px;overflow-x:auto;background:#07090e;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.trail-empty{color:#626b7d}.trail-label{color:#8d5cff;font-weight:800;letter-spacing:.14em;margin-right:3px}.trail button{border:1px solid #252b3b;background:#0b0e15;color:#e7e9ef;border-radius:999px;padding:5px 9px;cursor:pointer;font:inherit}.trail button:hover{border-color:#7450c5}.trail-rel{color:#7f879b}.trail-arrow{color:#4e5669}.trail-clear{margin-left:auto!important;color:#8f97a8!important;background:transparent!important}.node.focused{outline:1px solid rgba(255,255,255,.28);outline-offset:6px}.node.lane-0{border-color:#6944a6}.node.lane-1{border-color:#1f6475}.node.lane-2{border-color:#356d87}.node.lane-3{border-color:#806722}.incident-marker{position:absolute;transform:translate(-50%,-50%);z-index:6;width:29px;height:29px;border-radius:50%;border:1px solid rgba(255,78,100,.65);background:#18080d;color:#ff8d9b;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 24px rgba(255,78,100,.3)}.incident-marker span{font:900 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.incident-marker small{position:absolute;right:-7px;top:-7px;min-width:16px;height:16px;border-radius:99px;background:#ff4e64;color:#fff;font:800 9px/16px ui-monospace,SFMono-Regular,Menlo,monospace}.provenance-label{fill:#9aa2b4;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace;paint-order:stroke;stroke:#07090e;stroke-width:4px;stroke-linejoin:round}.mobile-paths{display:none}.mobile-paths button{width:100%;border:1px solid #23293a;background:#090b11;color:#aeb5c5;border-radius:10px;padding:10px 12px;text-align:left;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.mobile-paths button b{color:#b99cff;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-paths button span:last-of-type{text-align:right;color:#fff}.mobile-paths button small{grid-column:1/-1;color:#687184;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.mobile-paths button.active{border-color:#8d5cff;background:#151020;box-shadow:0 0 24px rgba(141,92,255,.12)}.incident-window{display:block;padding:12px 14px}.incident-window-head{display:flex;gap:10px;align-items:baseline;margin-bottom:9px}.incident-window-head span{color:#ff8392;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.incident-window-head small{color:#7d8698}.event-flows{display:grid;gap:7px}.event-flow{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:3px}.event-flow>strong{min-width:max-content;color:#d9dde7;font-size:10px}.event-flow button{border:1px solid #2a3040;background:#0a0d14;color:#aeb5c5;border-radius:7px;padding:6px 8px;cursor:pointer;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}.event-flow button time{display:block;color:#687184;font-size:8px;margin-bottom:2px}.event-flow .flow-incident{border-color:rgba(255,78,100,.35);color:#ff9ba8;background:rgba(255,78,100,.07)}.event-flow .flow-remediation{border-color:rgba(76,230,154,.3);color:#86f0b9;background:rgba(76,230,154,.06)}.flow-arrow{color:#596173}@media(max-width:820px){.graph{height:360px}.lane-guide{font-size:7px}.lane-a{left:4%}.lane-b{left:29%}.lane-c{left:57%}.lane-d{right:3%}.incident-marker{width:25px;height:25px}.trail{padding-inline:10px}.mobile-paths{display:grid;gap:7px;padding:10px 12px;border-top:1px solid var(--line);background:#07090e}.edge-label,.provenance-label{display:none}.node{min-width:78px;max-width:96px}.node.focused{min-width:110px;max-width:124px}.focus-strip{border-top:1px solid var(--line)}.incident-window-head{align-items:flex-start;flex-direction:column;gap:3px}.event-flow{padding-bottom:6px}}@media(max-width:520px){.graph{height:330px}.lane-guide{opacity:.65}.node{min-width:72px;max-width:88px;padding:7px}.node strong{font-size:11px}.node .status{font-size:8px}.incident-marker{transform:translate(-50%,-50%) scale(.9)}}