/* Evolving Poet Comments V2 */
.ep-comments-v2 {
  --c2-bg: var(--surface);
  --c2-raised: var(--surface2);
  --c2-border: var(--border);
  --c2-text: var(--text);
  --c2-muted: var(--muted);
  --c2-accent: var(--accent);
  background: var(--c2-bg);
  color: var(--c2-text);
  border: 1px solid var(--c2-border);
  border-radius: 20px;
  padding: clamp(18px, 4vw, 32px);
  margin-top: 24px;
  min-width: 0;
}
.ep-c2-heading {
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; margin-bottom:24px;
}
.ep-c2-heading h2 {margin:0; font-size:1.5rem; color:var(--c2-text)}
.ep-c2-heading p {margin:5px 0 0; color:var(--c2-muted);font-size:.9rem}
.ep-c2-count {
  color:var(--c2-muted);font-size:.8rem;white-space:nowrap
}
.ep-c2-composer {
  padding:18px; border:1px solid var(--c2-border);
  border-radius:16px;background:var(--c2-raised);margin-bottom:28px;
}
.ep-c2-composer label {
  display:block;font-weight:650;font-size:.9rem;margin-bottom:10px;
}
.ep-comments-v2 textarea {
  width:100%;min-width:0;resize:vertical;
  background:var(--c2-bg)!important;
  color:var(--c2-text)!important;
  border:1px solid var(--c2-border)!important;
  border-radius:12px!important;padding:13px!important;
  font:inherit;line-height:1.5;
}
.ep-comments-v2 textarea::placeholder {color:var(--c2-muted)}
.ep-comments-v2 textarea:focus {
  outline:2px solid var(--c2-accent);outline-offset:2px;
}
.ep-c2-compose-actions {
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-top:12px;
}
.ep-c2-emoji-wrap {position:relative}
.ep-c2-emoji-trigger {
  background:transparent;border:1px solid var(--c2-border);
  color:var(--c2-text);border-radius:10px;padding:9px 12px;
  cursor:pointer;font:inherit;font-size:.86rem;
}
.ep-c2-emoji-picker {
  position:absolute;left:0;bottom:calc(100% + 8px);
  z-index:100;width:min(290px,75vw);
  padding:10px;display:grid;grid-template-columns:repeat(6,1fr);
  gap:3px;background:var(--c2-raised);
  border:1px solid var(--c2-border);border-radius:14px;
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.ep-c2-emoji-picker[hidden] {display:none!important}
.ep-c2-emoji-picker button {
  background:transparent;border:0;border-radius:8px;
  font-size:23px;padding:6px 2px;cursor:pointer;
}
.ep-c2-emoji-picker button:hover {background:var(--c2-bg)}
.ep-c2-submit {white-space:nowrap}
.ep-c2-list {display:flex;flex-direction:column;gap:0}
.ep-comments-v2 .ep-c2-comment {
  display:flex;align-items:flex-start;gap:13px;
  border:0;border-bottom:1px solid var(--c2-border);
  border-radius:0;padding:20px 0;
  background:transparent;min-width:0;
}
.ep-comments-v2 .ep-c2-comment:last-child {border-bottom:0}
.ep-c2-avatar {
  width:42px;height:42px;flex:0 0 42px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:var(--c2-raised);
  border:1px solid var(--c2-border);
  color:var(--c2-text);font-weight:750;
}
.ep-c2-avatar-small {width:32px;height:32px;flex-basis:32px;font-size:.8rem}
.ep-c2-content {flex:1;min-width:0}
.ep-c2-author-row {
  display:flex;justify-content:space-between;align-items:flex-start;gap:8px
}
.ep-c2-author {display:flex;flex-direction:column;gap:3px}
.ep-c2-author strong {color:var(--c2-text);font-size:.94rem}
.ep-c2-author .meta {color:var(--c2-muted);font-size:.75rem}
.ep-c2-body {
  margin-top:12px;line-height:1.7;
  color:var(--c2-text);overflow-wrap:anywhere;
}
.ep-c2-menu {position:relative;flex-shrink:0}
.ep-c2-menu summary {
  list-style:none;cursor:pointer;color:var(--c2-muted);
  font-size:25px;line-height:1;padding:3px 8px;
  border-radius:8px;
}
.ep-c2-menu summary::-webkit-details-marker {display:none}
.ep-c2-menu-items {
  position:absolute;right:0;top:100%;z-index:30;
  min-width:140px;padding:6px;
  background:var(--c2-raised);border:1px solid var(--c2-border);
  border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.2);
}
.ep-c2-menu-items a,.ep-c2-menu-items button {
  display:block;width:100%;padding:10px;
  color:var(--c2-text);background:transparent;
  border:0;text-align:left;font:inherit;font-size:.85rem;
  cursor:pointer;text-decoration:none;border-radius:6px;
}
.ep-c2-menu-items a:hover,.ep-c2-menu-items button:hover {
  background:var(--c2-bg)
}
.ep-c2-menu-items form {margin:0}
.ep-c2-reply-box {margin-top:12px}
.ep-c2-reply-box > summary {
  cursor:pointer;color:var(--c2-muted);
  font-size:.85rem;font-weight:650;list-style:none;
}
.ep-c2-reply-box > summary::-webkit-details-marker {display:none}
.ep-c2-inline-reply {margin-top:12px}
.ep-comments-v2 .ep-c2-reply {
  display:flex;gap:10px;margin-top:18px;padding:15px 0 0;
  border:0;border-top:1px solid var(--c2-border);
  background:transparent;
}
.ep-c2-empty {text-align:center;padding:36px 12px;color:var(--c2-muted)}
.ep-c2-empty-icon {font-size:32px;margin-bottom:8px}
.ep-c2-empty h3 {margin:0 0 8px;color:var(--c2-text)}
.ep-c2-empty p {margin:0}
.ep-c2-signin {
  background:var(--c2-raised);border-radius:14px;
  padding:20px;margin-bottom:22px;
}
.ep-c2-signin p {margin:0 0 14px}
.ep-c2-signin a {margin-right:12px}
.ep-c2-reply-notice {
  padding:10px;margin-bottom:12px;
  border:1px solid var(--c2-border);
  border-radius:10px;color:var(--c2-muted);
}
.ep-c2-reply-notice[hidden] {display:none}
.ep-c2-reply-notice button {
  margin-left:10px;border:0;background:transparent;
  color:var(--c2-accent);cursor:pointer;
}
@media(max-width:600px) {
  .ep-comments-v2 {padding:16px;border-radius:14px}
  .ep-c2-heading {align-items:flex-start}
  .ep-c2-count {font-size:.72rem}
  .ep-c2-avatar {width:35px;height:35px;flex-basis:35px}
  .ep-comments-v2 .ep-c2-comment {gap:10px}
  .ep-c2-composer {padding:12px}
}