.graph-sidebar h1 {
  margin: 0 0 12px;
  font-size: 32px;
  letter-spacing: -.04em;
}

.graph-sidebar #status {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.7;
}

.graph-sidebar .search-wrap {
  position: relative;
  left: auto;
  top: auto !important;
  width: 100%;
  margin-top: 22px;
}

.legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  color: #c4cddd;
  font-size: 11px;
}

.legend span { display: flex; align-items: center; gap: 6px; }
.legend-dot { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.brain-legend { display: grid; grid-template-columns: 1fr 1fr; }
.legend-dot.working { background: #70bdff; }
.legend-dot.memory { background: #aa91ff; }
.legend-dot.knowledge { background: #58e2c4; box-shadow: 0 0 10px #58e2c4; }
.legend-dot.skill { background: #ffad65; }
.legend-dot.identity { background: #ff7fa9; }

.graph-help {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid var(--line);
  color: #727e90;
  font-size: 11px;
  line-height: 1.65;
}

@media (max-width: 760px) {
  .graph-sidebar { left: 14px !important; right: 14px; top: 84px !important; width: auto !important; padding: 14px !important; }
  .graph-sidebar h1 { font-size: 22px; margin-bottom: 5px; }
  .graph-sidebar .eyebrow, .graph-sidebar .legend, .graph-help { display: none; }
  .graph-sidebar .search-wrap { margin-top: 10px; }
  .graph-sidebar #status { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
}