/* Shared profile appearance — no nick-color or VIP override. */
#xchatInfoPopup .xip-window.xpi-personalized,
.mobile-info-card.xpi-personalized,
[data-xup-profile].xpi-personalized {
  background: var(--xpi-bg) !important;
  border: 1px solid var(--xpi-edge) !important;
  color: #eef3ff;
}
#xchatInfoPopup .xip-window.xpi-glow,
.mobile-info-card.xpi-glow,
[data-xup-profile].xpi-glow {box-shadow:0 0 22px color-mix(in srgb,var(--xpi-edge),transparent 70%)}
.xpi-personalized .xip-title {border-bottom:1px solid var(--xpi-edge);color:var(--xpi-accent)}
/* A motto is a small accent, never a layout-driving text block. */
.xpi-motto {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  box-sizing:border-box;
  max-width:calc(100% - 20px);
  max-height:3em;
  overflow:hidden;
  overflow-wrap:break-word;
  word-break:normal;
  white-space:normal;
  margin:8px auto 10px;
  padding:0 9px;
  color:var(--xpi-accent,#c6d3fc);
  text-align:center;
  text-overflow:ellipsis;
  font:italic 600 12px/1.5 Verdana,Arial,sans-serif;
}
.xpi-motto[hidden] {display:none!important}
#xchatInfoPopup .xpi-motto,
.mobile-info-card .xpi-motto {font-size:12px;max-height:3em}
[data-xup-profile] .xpi-motto {font-size:14px;max-height:3em}
@media (max-width:520px) { .xpi-motto {font-size:12px;padding-inline:6px} }

.xpi-owner-edit {display:block;margin:12px auto;padding:9px 14px;border:1px solid var(--xpi-edge,#6684bc);
  border-radius:10px;background:#192c49;color:#f3e6c4;font:700 13px Verdana,Arial,sans-serif;cursor:pointer}
.xpi-editor-backdrop{position:fixed;inset:0;z-index:2147483640;background:rgba(3,8,22,.83);
 display:flex;justify-content:center;align-items:center;padding:14px;box-sizing:border-box}
.xpi-editor{width:min(430px,100%);max-height:calc(100dvh - 28px);overflow-y:auto;box-sizing:border-box;
 padding:20px;border-radius:16px;background:#101d34;color:#eef4ff;border:1px solid #587bb3;
 display:grid;gap:13px;font:14px/1.45 Verdana,Arial,sans-serif}
.xpi-editor h2{font-size:21px;margin:0}.xpi-editor p{margin:0;color:#aabbd5}
.xpi-editor label{display:grid;gap:7px;font-weight:700}
.xpi-editor select,.xpi-editor textarea{width:100%;min-width:0;box-sizing:border-box;border-radius:8px;
 background:#071528;color:white;border:1px solid #48668d;padding:10px;font:16px Verdana,Arial,sans-serif}
.xpi-editor .xpi-glow-label{display:flex;align-items:center;gap:9px}
.xpi-editor-status{min-height:15px;color:#ffd39f;font-size:12px}
.xpi-editor-actions{display:flex;gap:8px;flex-wrap:wrap}
.xpi-editor-actions button{padding:10px;border:1px solid #52769f;border-radius:9px;background:#1b304f;
 color:white;font:700 13px Verdana,Arial,sans-serif;cursor:pointer}
.xpi-editor-actions .xpi-primary{background:#2578bf}
@media(prefers-reduced-motion:reduce){.xpi-personalized{transition:none!important}}