.explorer-head{gap:14px;flex-wrap:wrap}.explorer-modes{display:flex;gap:6px;align-items:center}.explorer-modes button{border:1px solid #262c3d;background:#090b11;color:#98a2b7;border-radius:999px;padding:6px 10px;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.explorer-modes button:hover,.explorer-modes button.active{color:#fff;border-color:#7653cb;background:#171126}.mode-note{min-height:0;padding:0 18px;color:#8f97aa;background:#080a0f;font:700 9px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.mode-note:not(:empty){padding-block:8px;border-bottom:1px solid var(--line)}.graph .node:not(.focused){transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.explorer:has(#overview-mode.active) .graph{min-height:720px}.explorer:has(#overview-mode.active) .edge{stroke-opacity:.62}.explorer:has(#overview-mode.active) .edge:hover,.explorer:has(#overview-mode.active) .edge:focus{stroke-opacity:1}.explorer:has(#overview-mode.active) .edge-label,.explorer:has(#overview-mode.active) .provenance-label{display:none}.explorer:has(#overview-mode.active) .node{max-width:210px}.explorer:has(#incident-mode.active) .graph{height:520px;background-image:linear-gradient(90deg,rgba(255,78,100,.025) 0 24.5%,transparent 24.5% 49.5%,rgba(255,200,87,.02) 49.5% 74.5%,transparent 74.5%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px)}.explorer:has(#incident-mode.active) .incident-marker{box-shadow:0 0 0 4px rgba(255,78,100,.05),0 0 30px rgba(255,78,100,.36)}@media(max-width:980px){.legend{order:3;width:100%}.explorer-head{height:auto;padding-block:10px}.explorer-modes{margin-left:auto}}@media(max-width:820px){.explorer-modes{width:100%;order:2;margin:0}.explorer-modes button{flex:1}.explorer:has(#overview-mode.active) .graph{min-height:620px}.explorer:has(#incident-mode.active) .graph{height:430px}.mode-note{padding-inline:12px;font-size:8px}}@media(max-width:520px){.explorer-modes{display:grid;grid-template-columns:1fr 1fr}.explorer-modes #share-trail{grid-column:1/-1}.explorer:has(#overview-mode.active) .graph{min-height:620px}.explorer:has(#incident-mode.active) .graph{height:390px}}