.su-user-mention {
  color:color-mix(in srgb,var(--gold-deep) 80%,var(--text))!important;
  font-weight:700;
  text-decoration:underline solid currentColor 1px!important;
  text-underline-offset:.15em;
  overflow-wrap:anywhere;
}
.su-user-mention:is(:hover,:focus-visible) { color:var(--text)!important; }
.su-user-mention:focus-visible { outline:2px solid var(--gold-deep); outline-offset:3px; border-radius:3px; }
.short-copy .su-user-mention { color:var(--gold-bright)!important; }
.su-mention-picker {
  position:fixed; z-index:3500; box-sizing:border-box; padding:7px;
  color:var(--text); background:var(--surface-solid,var(--surface));
  border:1px solid var(--line-strong); border-radius:17px;
  box-shadow:var(--shadow),0 8px 32px rgba(0,0,0,.12);
  font:14px/1.45 var(--font-body); overflow:hidden;
}
.su-mention-picker[hidden] { display:none!important; }
.su-mention-heading { margin:0; padding:5px 8px 8px; color:var(--text-soft); font-size:11px; font-weight:700; }
.su-mention-options { overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--gold) transparent; }
.su-mention-picker .su-mention-option {
  width:100%; min-height:60px; padding:9px 10px; display:grid;
  grid-template-columns:38px minmax(0,1fr) 16px; gap:11px; align-items:center;
  color:var(--text); background:transparent; border:1px solid transparent;
  border-radius:11px; font:inherit; text-align:left; cursor:pointer;
}
.su-mention-option:is(:hover,[aria-selected="true"]) { background:var(--gold-wash); border-color:color-mix(in srgb,var(--gold) 55%,var(--line)); }
.su-mention-option img { width:38px; height:38px; display:block; object-fit:cover; border-radius:50%; border:1px solid var(--line); }
.su-mention-identity { min-width:0; }
.su-mention-identity strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:750; }
.su-mention-identity small { display:block; margin-top:2px; color:var(--text-soft); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.su-mention-option>span:last-child { color:color-mix(in srgb,var(--gold-deep) 80%,var(--text)); font-weight:800; }
.su-mention-status { margin:0; padding:13px 10px; color:var(--text-soft); font-size:13px; }
@media (max-width:700px) {
  .su-mention-picker { padding:6px; border-radius:15px; }
  .su-mention-picker .su-mention-option { min-height:62px; padding:9px 8px; gap:10px; }
}