.up-head { display: flex; align-items: center; gap: 14px; }
.up-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: #E3EBE9; flex: none; }
.up-name { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; }
.up-bio { margin: 12px 0 0; color: rgba(28,36,35,.78); line-height: 1.4; white-space: pre-wrap; }
.up-actions { display: flex; gap: 8px; margin-top: 14px; }
.up-btn[hidden] { display: none !important; }
.up-btn {
  flex: 1; min-width: 0; height: 44px; padding: 0 6px; border-radius: 12px;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border: 1px solid #E3EBE9; background: #fff; color: #0B6E6E;
  font-weight: 700; font-size: 13px; cursor: pointer; text-decoration: none;
}
.up-btn svg { width: 18px; height: 18px; flex: none; }
.up-btn.fill { background: #0B6E6E; color: #fff; border-color: #0B6E6E; }
.up-btn.soft { background: color-mix(in srgb, #0B6E6E 12%, #fff); color: #0B6E6E; border-color: transparent; }
.up-btn.on { background: #fff; color: #0B6E6E; border-color: #E3EBE9; }
.up-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.up-pond { display: flex; align-items: center; gap: 12px; padding: 10px 12px; }
.up-pond img { width: 56px; height: 56px; border-radius: 10px; object-fit: cover; background: #E3EBE9; }
.up-pond strong { display: block; }
.up-pond span { color: rgba(28,36,35,.62); font-size: 13px; }
.up-empty { margin: 0; padding: 28px 16px; text-align: center; color: rgba(28,36,35,.62); }