:root{--v3-ink:#d9e7ef;--v3-muted:#8198a6;--v3-mint:#5dcabe;--v3-amber:#e99a53;--v3-violet:#9887dc;--v3-coral:#df8176;--v3-blue:#5fa6cd;--v3-panel:#0e2536;--v3-line:#29485a}*{box-sizing:border-box}.v3-network-stage{height:485px;position:relative;overflow:hidden;margin:0 12px 12px;border:1px solid #163248;border-radius:12px;background:#091a29;touch-action:none}.v3-stage-bloom{position:absolute;left:50%;top:50%;width:55%;height:75%;transform:translate(-50%,-50%);background:radial-gradient(circle,#1d5c5e33 0,#152e4230 34%,transparent 72%);pointer-events:none}.v3-stage-grid{position:absolute;inset:0;opacity:.28;background:linear-gradient(90deg,#4d789012 1px,transparent 1px),linear-gradient(#4d789012 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at center,#000,transparent 72%);pointer-events:none}.v3-map-scene{position:absolute;inset:0;transform-origin:center center;will-change:transform}.v3-map-scene svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.v3-edge{fill:none;stroke-width:1.1;opacity:.55;stroke-linecap:round;stroke-dasharray:2 5;animation:v3-dash 13s linear infinite}.v3-edge.work{stroke:var(--v3-amber)}.v3-edge.school{stroke:var(--v3-violet)}.v3-edge.academic{stroke:#8c75c9}.v3-edge.social{stroke:var(--v3-coral)}.v3-edge.platform{stroke:var(--v3-blue)}.v3-edge.other{stroke:#8da2b0}.v3-edge.context{opacity:.28;stroke-dasharray:1 6}.v3-edge.selected{opacity:1;stroke-width:2.2;filter:drop-shadow(0 0 5px currentColor);stroke-dasharray:5 3}@keyframes v3-dash{to{stroke-dashoffset:-70}}.v3-map-node{position:absolute;width:113px;min-height:96px;border:1px solid #284659;border-radius:12px;background:#0e2536e8;padding:8px 7px 7px;color:var(--v3-ink);text-align:left;cursor:pointer;transform:translate(-50%,-50%);transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;z-index:3}.v3-map-node:hover,.v3-map-node.is-selected{background:#17354a;box-shadow:0 8px 30px #00000055,0 0 0 1px var(--v3-mint);border-color:#5dcabe;transform:translate(-50%,-50%) scale(1.05);z-index:7}.v3-map-node .node-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#1c4557;color:#d9f8f1;font-size:9px;font-weight:900;margin-bottom:5px;box-shadow:0 0 0 2px #2d6171;overflow:hidden}.v3-map-node .node-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.v3-map-node .node-avatar.amber{background:linear-gradient(135deg,#b87445,#503c37)}.v3-map-node .node-avatar.violet{background:linear-gradient(135deg,#7668bd,#362f63)}.v3-map-node .node-avatar.coral{background:linear-gradient(135deg,#ba6d68,#50343b)}.v3-map-node .node-avatar.blue{background:linear-gradient(135deg,#4b8caf,#244a66)}.v3-map-node strong{display:block;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-map-node small{display:block;color:#8ba2af;font-size:8px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.v3-map-node em{display:block;width:max-content;max-width:100%;margin-top:5px;border-radius:99px;padding:3px 5px;background:#173b4a;color:#8ed7cf;font-style:normal;font-size:7px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-map-node em.work{background:#4b3525;color:#f0b576}.v3-map-node em.school{background:#302b52;color:#c1b7f1}.v3-map-node em.academic{background:#302b52;color:#c1b7f1}.v3-map-node em.social{background:#4c2e31;color:#f1aaa2}.v3-map-node em.platform{background:#213b52;color:#a6d5ee}.v3-map-node em.other{background:#263942;color:#b4c5ce}.node-signal{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#6ad2c7;box-shadow:0 0 0 3px #6ad2c722}.v3-center-node{position:absolute;left:50%;top:50%;width:150px;padding:0;border:0;background:transparent;color:#eaf6f6;text-align:center;transform:translate(-50%,-50%);z-index:5;cursor:pointer}.v3-center-aura{position:absolute;left:50%;top:50%;width:128px;height:128px;transform:translate(-50%,-50%);border:1px solid #5dcabe55;border-radius:50%;box-shadow:0 0 0 12px #5dcabe10,0 0 0 26px #5dcabe08;pointer-events:none}.v3-center-face{position:relative;width:78px;height:78px;margin:0 auto;display:grid;place-items:center;border-radius:27px;background:linear-gradient(135deg,#c88756,#4d3c3c);border:4px solid #eefcfb;color:#fff;font-weight:900;font-size:20px;box-shadow:0 0 0 3px var(--v3-amber),0 0 0 7px #e99a5325,0 12px 30px #0005;overflow:visible}.v3-center-face img{display:block;width:100%;height:100%;object-fit:cover;border-radius:22px}.v3-center-face.has-avatar{background:#e9f2f4}.v3-center-verified{position:absolute;right:-8px;bottom:0;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#238f87;border:2px solid #fff;color:#fff;font-size:11px;font-style:normal}.v3-center-node strong{display:block;margin-top:14px;font-size:12px;line-height:1.2;color:#eaf6f6}.v3-center-name-verified{color:#45c8b8}.v3-center-node small{display:block;margin-top:4px;color:#8ea6b2;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-center-node em{display:block;margin-top:5px;color:#e2a56d;font-size:8px;font-style:normal}.v3-center-node em span{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#5dcabe}.v3-stage-caption{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #284659;border-radius:7px;background:#0b2233dc;color:#8ea5b2;font-size:8px;z-index:6}.v3-stage-caption b{color:#506b7a;font-weight:400}.v3-stage-live{width:5px;height:5px;border-radius:50%;background:#5dcabe;box-shadow:0 0 0 3px #5dcabe22}.v3-stage-compass{position:absolute;right:14px;bottom:13px;color:#7693a2;text-align:center;font-size:8px;z-index:6}.v3-stage-compass span{display:block;font-weight:800}.v3-stage-compass i{display:block;width:1px;height:15px;margin:2px auto;background:linear-gradient(#e99a53,#5dcabe)}.v3-stage-compass small{display:block;font-size:7px}.v3-empty{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(280px,70%);padding:22px;text-align:center;border:1px solid #2d5263;border-radius:14px;background:#102b3cdd;color:#bbd0d8;font-size:11px;line-height:1.5;z-index:4}.v3-empty small{display:block;margin-top:5px;color:#7d99a7;font-size:9px}.v3-selected-head{display:flex;gap:10px;align-items:center}.v3-selected-avatar{position:relative;width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:14px;background:#244d5c;color:#dff9f4;font-weight:900;font-size:11px;overflow:visible}.v3-selected-avatar.has-avatar{background:#eaf4f5}.v3-selected-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.v3-selected-verified{position:absolute;right:-5px;bottom:-3px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#238f87;border:2px solid #fff;color:#fff;font-size:10px}.v3-selected-head strong{display:block;color:#dbeef1;font-size:11px}.v3-selected-head small{display:block;margin-top:3px;color:#8ba2af;font-size:8px;line-height:1.35}.v3-selected-head em{display:block;margin-top:4px;color:#e7ac76;font-size:8px;font-style:normal}.v3-why{margin-top:15px}.v3-why-label{color:#5dcabe;font-size:8px;letter-spacing:1.5px;font-weight:800}.v3-why h3{margin:6px 0 4px;color:#dcecf0;font-size:12px}.v3-why p{margin:0;color:#8da3ae;font-size:9px;line-height:1.55}.v3-context-chips{display:flex;gap:4px;flex-wrap:wrap;margin-top:9px}.v3-context-chip{padding:4px 6px;border-radius:99px;background:#193b4b;color:#9ad7d0;font-size:8px}.v3-distance{display:flex;align-items:center;gap:6px;margin-top:12px;color:#93a9b4;font-size:9px}.v3-distance strong{color:#d7ecee}.v3-insight-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.v3-action-primary,.v3-action-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:27px;padding:6px 8px;border-radius:7px;text-decoration:none;font-size:8px;font-weight:800}.v3-action-primary{background:#e99a53;color:#fff}.v3-action-secondary{border:1px solid #3a5b6c;color:#a9c6cf}.v3-action-disabled,.v3-action-secondary.is-disabled{color:#718b98;font-size:8px}.v3-recommendation,.v3-path-item{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;padding:8px 0}.v3-rec-avatar,.v3-path-avatars span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:9px;background:#254d5d;color:#dff9f4;font-size:8px;font-weight:800}.v3-recommendation strong,.v3-path-item strong{display:block;color:#d6ebef;font-size:9px}.v3-recommendation small,.v3-path-item small{display:block;color:#819aa7;font-size:7px;margin-top:2px}.v3-recommendation em,.v3-path-item em{display:block;color:#e1a46e;font-size:7px;font-style:normal;margin-top:2px}.v3-recommendation>b{margin-left:auto;color:#6ccac0}.v3-no-results{padding:13px;color:#8199a6;font-size:9px;line-height:1.5}.v3-toast{position:fixed;right:20px;bottom:20px;z-index:20;padding:10px 13px;border-radius:8px;background:#112f42;color:#e6f7f5;border-left:3px solid #e99a53;box-shadow:0 10px 28px #0004;font-size:10px}.v3-map-controls{display:flex;gap:4px}.v3-map-controls button{border:1px solid #29485a;background:#102839;color:#8ba2af;border-radius:6px;width:25px;height:24px;cursor:pointer}.v3-map-controls span{color:#758e9e;font-size:9px;min-width:38px;text-align:center}

/* v3.6 large atlas canvas for every v3 network stage */
.v3-network-stage{height:600px}
@media(max-width:780px){.v3-network-stage{height:560px}}
@media(max-width:480px){.v3-network-stage{height:520px}}

/* Live profile media: keep member avatars visible in every network detail surface. */
.v3-selected-avatar.has-avatar img,.v3-rec-avatar.has-avatar img,.v3-path-avatars span.has-avatar img,.v3-people-card-avatar.has-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.v3-selected-avatar.has-avatar{overflow:hidden}.v3-rec-avatar.has-avatar,.v3-path-avatars span.has-avatar,.v3-people-card-avatar.has-avatar{overflow:hidden;background:#eaf4f5}


/* 2026-10-22: world-locked network canvas; nodes, focus and backdrop share one coordinate system. */
.v3-network-stage{background:#edf5f7}
.v3-network-stage>.v3-stage-bloom,.v3-network-stage>.v3-stage-grid{display:none}
.v3-map-scene{isolation:isolate;overflow:visible;background:radial-gradient(circle at 50% 44%,rgba(92,199,190,.16) 0,rgba(220,239,238,.2) 38%,transparent 72%),linear-gradient(90deg,rgba(91,158,156,.08) 1px,transparent 1px),linear-gradient(rgba(91,158,156,.08) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px;background-color:#f5fafb;border-radius:16px}
.v3-scene-bloom,.v3-scene-grid{position:absolute;inset:0;pointer-events:none;z-index:0}
.v3-scene-bloom{background:radial-gradient(circle at 50% 44%,rgba(97,199,189,.14) 0,rgba(220,239,238,.16) 38%,transparent 72%)}
.v3-scene-grid{opacity:.32;background:linear-gradient(90deg,rgba(91,158,156,.1) 1px,transparent 1px),linear-gradient(rgba(91,158,156,.1) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.v3-map-scene>svg{z-index:1}
.v3-map-scene>#mapLayer{position:relative;width:100%;height:100%;z-index:2}
.v3-map-scene>.v3-center-node{z-index:5}
.v3-map-node .node-avatar img{display:block!important;width:100%!important;height:100%!important;object-fit:cover;border-radius:inherit}