body{overflow:hidden;height:100vh;width:100vw}
svg{width:100%;height:100%;display:block}
.link{fill:none;stroke:var(--border);stroke-width:1;opacity:0.4}
.nd{cursor:pointer}.nd circle{transition:all 0.2s}
.nd:hover circle{r:7 !important}
.nd text{font-family:'Outfit',sans-serif;pointer-events:none}

#srch{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;padding:4px 10px;border-radius:5px;
  border:1px solid var(--border);background:var(--bg);
  color:var(--text);width:180px;outline:none;
}
#srch:focus{border-color:var(--accent)}
#srch::placeholder{color:var(--text3)}

#leg{
  position:fixed;top:52px;left:12px;
  display:flex;flex-direction:column;gap:3px;z-index:50;
}
.li{font-size:10px;display:flex;align-items:center;gap:5px;color:var(--text2);white-space:nowrap}
.leg-desc{color:var(--text3);font-size:9px}
.ld{width:8px;height:8px;border-radius:50%}

#pnl{
  position:fixed;right:-360px;top:44px;bottom:0;width:340px;
  background:var(--bg2);border-left:1px solid var(--border);
  z-index:90;transition:right 0.3s;overflow-y:auto;
}
#pnl.open{right:0}
#pc{
  position:absolute;top:10px;right:10px;width:24px;height:24px;
  border-radius:5px;border:1px solid var(--border);background:transparent;
  color:var(--text2);cursor:pointer;display:flex;align-items:center;
  justify-content:center;font-size:13px;
}
#pc:hover{background:var(--bg3)}
#ph{padding:16px 16px 12px;border-bottom:1px solid var(--border)}
#plv{font-family:'JetBrains Mono',monospace;font-size:9px;padding:2px 6px;border-radius:3px;display:inline-block;margin-bottom:6px}
#pn{font-size:16px;font-weight:500;margin-bottom:3px}
#pp{font-size:11px;color:var(--text3);font-family:'JetBrains Mono',monospace}
#pb{padding:16px}
#pd{font-size:13px;line-height:1.6;color:var(--text2);margin-bottom:12px}
#pe{font-size:12px;color:var(--text2);margin-bottom:12px}
#pe strong{color:var(--text);font-weight:500}
#pi{font-size:11px;color:var(--inht);background:var(--inhbg);padding:6px 10px;border-radius:5px;margin-bottom:12px;display:none}
#pch{margin-top:10px}
.cc{display:inline-block;font-size:10px;padding:2px 8px;border-radius:3px;margin:2px}
#hint{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;color:var(--text3);z-index:50;font-family:'JetBrains Mono',monospace;pointer-events:none}
#sts{position:fixed;top:52px;right:12px;font-size:10px;color:var(--text3);z-index:50;text-align:right;font-family:'JetBrains Mono',monospace;line-height:1.7}

/* кнопка "Обсудить" в панели */
#pDiscuss{
  display:inline-flex;align-items:center;gap:4px;
  margin-top:8px;font-size:11px;padding:5px 12px;
  border-radius:5px;border:1px solid var(--accent);
  background:transparent;color:var(--accent);cursor:pointer;
  transition:all 0.15s;
}
#pDiscuss:hover{background:var(--accent);color:#fff}

/* бейдж комментариев в панели */
#pCommentCount{
  font-size:10px;color:var(--text3);margin-top:8px;
}