.mention-profile__trigger { cursor: pointer; }
.mention-profile__popover[hidden] { display: none !important; }
.mention-profile__popover {
    position: fixed;
    z-index: 100000;
    display: block;
    box-sizing: border-box;
    width: 340px;
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
    overflow: auto;
    padding: 24px;
    border: 1px solid var(--mention-border, #34444c);
    border-radius: 14px;
    background: var(--mention-background, #11212d);
    color: var(--mention-text, #e5edef);
    box-shadow: 0 16px 48px rgb(0 0 0 / 35%);
    line-height: 1.5;
    text-align: left;
    white-space: normal;
}
.mention-profile__header { display: flex; align-items: center; gap: 16px; padding-right: 16px; }
.mention-profile__avatar { width: 72px; height: 72px; flex: 0 0 72px; object-fit: cover; border-radius: 12px; }
.mention-profile__name { font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.mention-profile__stats { display: grid; gap: 12px; margin-top: 20px; }
.mention-profile__stats > span { display: flex; justify-content: space-between; gap: 16px; }
.mention-profile__stats strong { text-align: right; overflow-wrap: anywhere; }
.mention-profile__label { color: var(--mention-muted, #a7b9c2); }
.mention-profile__close { position: absolute; top: 6px; right: 8px; display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 24px; cursor: pointer; }
.mention-profile__close:hover { background: rgb(255 255 255 / 10%); }
.mention-profile__popover a:focus-visible, .mention-profile__close:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }