/* Comment identity card: a compact, accessible profile peek. */
[data-community] .community-comment{position:relative;overflow:visible}
[data-community] .community-avatar{position:relative;z-index:2;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
[data-community] .community-avatar:hover,[data-community] .community-avatar:focus-visible{transform:translateY(-1px);box-shadow:0 0 0 3px color-mix(in srgb,var(--studio-color-accent,#ec4899) 25%,transparent)}
[data-community] .comment-member-name{max-width:min(32vw,260px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer;text-align:start}
[data-community] .comment-member-name:hover,[data-community] .comment-member-name:focus-visible{text-decoration:underline;text-decoration-color:var(--studio-color-accent,#ec4899);text-underline-offset:3px}
[data-community] .comment-member-card{position:absolute;z-index:10040;inset-inline-start:7px;top:58px;width:min(292px,calc(100vw - 32px));padding:16px;border:1px solid color-mix(in srgb,var(--studio-color-border-strong,#6c4e72) 80%,#fff);border-radius:18px;background:linear-gradient(150deg,#281c31f8,#17131ff8);box-shadow:0 18px 48px #0008;backdrop-filter:blur(16px);color:var(--studio-color-heading,#f8edf7);direction:inherit}
[data-community] .comment-member-card[hidden]{display:none!important}
[data-community] .comment-member-card.member-card-vip{border-color:#d6ae55;box-shadow:0 18px 48px #0008,0 0 0 1px #d6ae5540}
[data-community] .comment-member-card.member-card-admin{border-color:#ec4899;box-shadow:0 18px 48px #0008,0 0 0 1px #ec489940}
[data-community] .comment-member-card-close{position:absolute;inset-inline-end:9px;top:7px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--studio-color-text-secondary,#cdb9d0);font-size:22px;line-height:1;cursor:pointer}
[data-community] .comment-member-card-close:hover,[data-community] .comment-member-card-close:focus-visible{background:#ffffff12;color:#fff}
[data-community] .comment-member-card-head{display:flex;align-items:center;gap:11px;padding-inline-end:22px}
[data-community] .comment-member-card-avatar{display:grid;place-items:center;flex:none;width:45px;height:45px;border:1px solid #ffffff28;border-radius:14px;background:linear-gradient(145deg,#ec4899,#713b9b);color:#fff;font-size:20px;font-weight:900}
[data-community] .member-card-vip .comment-member-card-avatar{background:linear-gradient(145deg,#e3bd62,#79552b);color:#221927}
[data-community] .member-card-admin .comment-member-card-avatar{background:linear-gradient(145deg,#ff579e,#91376c)}
[data-community] .comment-member-card-identity{min-width:0;display:grid;gap:4px}
[data-community] .comment-member-card-identity strong{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
[data-community] .comment-member-card-tier{color:var(--studio-color-text-secondary,#cdb9d0);font-size:11px;font-weight:700}
[data-community] .comment-member-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 0;padding:11px 0 0;border-top:1px solid #ffffff18}
[data-community] .comment-member-card-facts div{display:grid;gap:3px;min-width:0}
[data-community] .comment-member-card-facts dt{color:var(--studio-color-text-secondary,#bda8c0);font-size:10px}
[data-community] .comment-member-card-facts dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--studio-color-heading,#f8edf7);font-size:12px;font-weight:800}
[data-community] .comment-member-card-facts .fact-primary{grid-column:1/-1;padding:9px 10px;border:1px solid rgba(236,72,153,.2);border-radius:10px;background:rgba(236,72,153,.07)}
[data-community] .comment-member-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff18}
[data-community] .comment-member-card-stat{display:grid;justify-items:center;gap:3px;min-width:0;padding:7px 3px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035)}
[data-community] .comment-member-card-stat-icon{color:#ef66a6;font-size:12px;line-height:1}
[data-community] .comment-member-card-stat strong{color:#fff;font-size:14px;line-height:1.1}
[data-community] .comment-member-card-stat small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bca8c0;font-size:9px;line-height:1.2}
[data-community] .member-card-vip .comment-member-card-stat-icon{color:#e2bb5c}
[data-community] .member-card-admin .comment-member-card-stat-icon{color:#ff5b9f}
[data-community] .comment-member-card-note{display:block;margin-top:12px;color:#ad98b0;font-size:10px;line-height:1.5}
[data-community] .comment-member-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}
[data-community] .comment-member-card-footer .comment-member-card-note{margin-top:0}
[data-community] .comment-member-card-hint{color:#8f7b94;font-size:9px;white-space:nowrap}
@media (max-width:600px){
 [data-community] .comment-member-card{position:fixed;inset-inline:16px auto;top:auto;bottom:16px;width:auto;max-width:360px}
 [data-community] .comment-member-name{max-width:44vw}
 [data-community] .comment-member-card-stats{gap:4px}
 [data-community] .comment-member-card-stat small{font-size:8px}
 [data-community] .comment-member-card-footer{display:block}
 [data-community] .comment-member-card-hint{display:block;margin-top:5px}
}
@media (prefers-reduced-motion:reduce){[data-community] .community-avatar{transition:none}}

/* The member peek belongs to the active public palette.  Keep the fallback
   values above for legacy embeds, while the studio theme supplies every
   surface, border, text and semantic accent from the admin design tokens. */
body.studio-theme [data-community] .comment-member-card{
  border-color:var(--studio-component-dialog-border,var(--studio-color-border-strong,#6c4e72));
  background:var(--studio-component-dialog-bg,var(--studio-color-dialog,var(--studio-color-card,#17131f)));
  box-shadow:var(--studio-component-dialog-shadow,0 18px 48px #0008);
  color:var(--studio-color-heading,var(--studio-color-text,#f8edf7));
}
body.studio-theme [data-community] .comment-member-card.member-card-vip{
  border-color:var(--studio-color-warning,#d6ae55);
  box-shadow:var(--studio-component-dialog-shadow,0 18px 48px #0008),0 0 0 1px color-mix(in srgb,var(--studio-color-warning,#d6ae55) 32%,transparent);
}
body.studio-theme [data-community] .comment-member-card.member-card-admin{
  border-color:var(--studio-color-accent,#ec4899);
  box-shadow:var(--studio-component-dialog-shadow,0 18px 48px #0008),0 0 0 1px color-mix(in srgb,var(--studio-color-accent,#ec4899) 32%,transparent);
}
body.studio-theme [data-community] .comment-member-card-close{
  color:var(--studio-color-text-secondary,var(--studio-color-text,#cdb9d0));
}
body.studio-theme [data-community] .comment-member-card-close:hover,
body.studio-theme [data-community] .comment-member-card-close:focus-visible{
  background:color-mix(in srgb,var(--studio-color-text) 8%,transparent);
  color:var(--studio-color-heading,var(--studio-color-text,#fff));
}
body.studio-theme [data-community] .comment-member-card-avatar{
  border-color:color-mix(in srgb,var(--studio-color-border) 55%,#fff 18%);
  background:linear-gradient(145deg,var(--studio-color-accent,#ec4899),var(--studio-color-accent-secondary,#713b9b));
  color:var(--studio-color-on-accent,#fff);
}
body.studio-theme [data-community] .member-card-vip .comment-member-card-avatar{
  background:linear-gradient(145deg,var(--studio-color-warning,#e3bd62),color-mix(in srgb,var(--studio-color-warning,#79552b) 48%,var(--studio-color-control,#221927)));
  color:var(--studio-color-heading,var(--studio-color-text,#221927));
}
body.studio-theme [data-community] .member-card-admin .comment-member-card-avatar{
  background:linear-gradient(145deg,var(--studio-color-accent,#ff579e),var(--studio-color-accent-secondary,#91376c));
  color:var(--studio-color-on-accent,#fff);
}
body.studio-theme [data-community] .comment-member-card-tier,
body.studio-theme [data-community] .comment-member-card-facts dt,
body.studio-theme [data-community] .comment-member-card-stat small,
body.studio-theme [data-community] .comment-member-card-note{
  color:var(--studio-color-text-secondary,var(--studio-color-text-muted,#cdb9d0));
}
body.studio-theme [data-community] .comment-member-card-facts,
body.studio-theme [data-community] .comment-member-card-stats{border-color:var(--studio-color-border)}
body.studio-theme [data-community] .comment-member-card-facts dd,
body.studio-theme [data-community] .comment-member-card-stat strong{
  color:var(--studio-color-heading,var(--studio-color-text,#f8edf7));
}
body.studio-theme [data-community] .comment-member-card-facts .fact-primary{
  border-color:color-mix(in srgb,var(--studio-color-accent,#ec4899) 24%,var(--studio-color-border));
  background:color-mix(in srgb,var(--studio-color-accent,#ec4899) 8%,var(--studio-color-control,#fff));
}
body.studio-theme [data-community] .comment-member-card-stat{
  border-color:color-mix(in srgb,var(--studio-color-border) 68%,transparent);
  background:color-mix(in srgb,var(--studio-color-text) 3.5%,transparent);
}
body.studio-theme [data-community] .comment-member-card-stat-icon{color:var(--studio-color-link,var(--studio-color-accent,#ef66a6))}
body.studio-theme [data-community] .member-card-vip .comment-member-card-stat-icon{color:var(--studio-color-warning,#e2bb5c)}
body.studio-theme [data-community] .member-card-admin .comment-member-card-stat-icon{color:var(--studio-color-accent,#ff5b9f)}
body.studio-theme [data-community] .comment-member-card-hint{color:var(--studio-color-text-muted,var(--studio-color-text-secondary,#8f7b94))}