.g6-focus{
  position:absolute;z-index:35;top:72px;right:20px;bottom:24px;width:min(470px,calc(100vw - 40px));
  display:flex;flex-direction:column;overflow:hidden;padding:0;
  background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--border);border-radius:26px;
  box-shadow:0 24px 70px color-mix(in srgb,#0f172a 18%,transparent);backdrop-filter:blur(24px);
  animation:g6-in .32s cubic-bezier(.2,.8,.2,1)
}
@keyframes g6-in{from{opacity:0;transform:translateX(18px) scale(.985)}to{opacity:1;transform:none}}
.g6-focus-mode .graph-stage{filter:saturate(.78) brightness(.94)}
.g6-focus-mode .graph-node:not(.selected){opacity:.14!important}
.g6-focus-mode .graph-edge{opacity:.07!important}
.g6-focus-head{
  flex:0 0 auto;display:flex;gap:12px;align-items:flex-start;position:relative;z-index:4;
  padding:18px 18px 12px;border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 98%,transparent)
}
.g6-back{width:38px;height:38px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer;position:relative;z-index:5;flex:0 0 auto}
.g6-focus-title{min-width:0}
.g6-focus-title h2{margin:3px 0 5px;font-size:28px;letter-spacing:-.03em}
.g6-focus-title p{margin:0;line-height:1.55}
.g6-focus-content{
  flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  padding:12px 18px 18px;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch
}
.g6-focus-content::-webkit-scrollbar{display:none;width:0;height:0}
.g6-focus-state,.g6-focus-body{position:relative;z-index:0}
.g6-focus-status{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--soft);color:var(--text2)}
.g6-focus-status strong{display:block;font-size:13px;color:var(--text);margin-bottom:3px}
.g6-focus-status p{margin:0;font-size:11px;color:var(--muted)}
.g6-spinner{width:18px;height:18px;border:2px solid color-mix(in srgb,var(--blue) 20%,transparent);border-top-color:var(--blue);border-radius:50%;animation:g6spin .8s linear infinite;flex:0 0 auto}
@keyframes g6spin{to{transform:rotate(360deg)}}
.g6-focus-error{font-size:12px}
.g6-retry{border:0;background:transparent;color:var(--blue);font-weight:800;cursor:pointer;padding:0}
.g6-local-wrap{margin:6px 0 16px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 64%,transparent),color-mix(in srgb,var(--surface) 90%,transparent));overflow:hidden}
.g6-local-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0}
.g6-local-head strong{font-size:13px}
.g6-local-head span{font-size:11px}
.g6-local-wrap svg{display:block;width:100%;height:auto;min-height:238px}
.g6-local-edge{stroke:color-mix(in srgb,var(--muted) 32%,transparent);stroke-width:1}
.g6-local-edge.explicit{stroke:color-mix(in srgb,var(--blue) 62%,transparent);stroke-width:1.8}
.g6-local-edge.second-hop{stroke-dasharray:3 4;opacity:.55}
.g6-edge-label{fill:var(--muted);font-size:10px;paint-order:stroke;stroke:var(--surface);stroke-width:4px}
.g6-center-ring{fill:none;stroke:color-mix(in srgb,var(--blue) 30%,transparent);stroke-width:2;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--blue) 32%,transparent));animation:g9-center 2.6s ease-in-out infinite}
.g6-local-node.hop-2{opacity:.78}
.g6-local-node.center{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--blue) 35%,transparent))}
.g6-node-initial{fill:#fff;font-weight:800;font-size:12px}
.g6-node-label{fill:var(--text2);font-size:10.5px;font-weight:700;paint-order:stroke;stroke:var(--surface);stroke-width:3px}
.g6-important{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:0 14px 14px}
.g6-important>span{font-size:10px;color:var(--muted);margin-right:2px}
.g6-important b{font-size:10px;font-weight:700;padding:5px 8px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text2)}
.g6-section{padding:16px 2px;border-top:1px solid var(--border)}
.g6-section h3{font-size:14px;margin:0 0 9px}
.g6-copy{margin:0;color:var(--text2);line-height:1.7}
.g6-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.g6-paths{display:grid;gap:8px}
.g6-path{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}
.g6-path-me,.g6-path-person{padding:6px 9px;border-radius:999px;font-size:12px;font-weight:750}
.g6-path-me{background:color-mix(in srgb,var(--cyan) 14%,var(--surface));color:var(--cyan)}
.g6-path-person{background:color-mix(in srgb,var(--blue) 12%,var(--surface));color:var(--blue)}
.g6-path-line{position:relative;text-align:center;font-size:11px;color:var(--muted)}
.g6-path-line:before,.g6-path-line:after{content:'';position:absolute;top:50%;width:20%;height:1px;background:var(--border)}
.g6-path-line:before{left:0}
.g6-path-line:after{right:0}
.g6-timeline{display:grid}
.g6-time-item{display:grid;grid-template-columns:20px 1fr;gap:8px}
.g6-time-axis{position:relative;display:flex;justify-content:center}
.g6-time-dot{position:relative;z-index:1;width:8px;height:8px;margin-top:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 5px color-mix(in srgb,var(--blue) 10%,transparent)}
.g6-time-line{position:absolute;top:15px;bottom:-4px;width:1px;background:var(--border)}
.g6-time-body{padding-bottom:17px}
.g6-time-body time{font-size:11px;color:var(--muted)}
.g6-time-body p{margin:5px 0 8px;line-height:1.65;color:var(--text2)}
.g6-tags{display:flex;flex-wrap:wrap;gap:6px}
.g6-tags span{font-size:10px;padding:4px 7px;border-radius:999px;background:var(--soft);color:var(--muted);border:1px solid var(--border)}
.g6-actions{position:sticky;bottom:0;display:flex;gap:8px;padding:14px 0 0;background:linear-gradient(180deg,transparent,var(--surface) 28%)}
@keyframes g9-center{0%,100%{opacity:.45;transform-origin:center}50%{opacity:1;transform:scale(1.05);transform-origin:center}}
@media(max-width:760px){
  .g6-focus{top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:82vh;border-radius:24px}
  .g6-local-wrap svg{min-height:210px}
  .g6-local-head{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.g6-focus{animation:none}.g6-center-ring{animation:none}.g6-spinner{animation:none}}