.videoComments{margin:12px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;text-align:left;font-size:14px}
.videoComments summary{cursor:pointer;font-weight:700;padding:5px 0}
.videoCommentsBody{padding-top:8px;min-width:0}
.videoComments .videoComment{padding:12px 0;border-bottom:1px solid #e5e7eb}
.videoComments .videoComment p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;color:#334155;font-size:14px}
.videoComments time{display:block;font-size:11px;color:#64748b;margin-top:3px}
.videoComments details details{margin-left:12px}
.videoComments form{display:grid;gap:8px;margin-top:12px}
.videoComments label{display:grid;gap:6px;font-weight:600}
.videoComments textarea{box-sizing:border-box;width:100%;resize:vertical;padding:10px;border:1px solid #cbd5e1;border-radius:8px;font:inherit;background:#fff;color:#111827}
.videoComments button{justify-self:start;border:1px solid #f5b5c5;border-radius:8px;padding:8px 12px;background:#fff7fa;color:#b8103c;font:inherit;font-weight:700;cursor:pointer;min-height:40px}
.videoComments button:disabled{opacity:.6;cursor:wait}
.videoComments .videoCommentsStatus{font-size:13px;color:#64748b;overflow-wrap:anywhere}
.videoComments [hidden]{display:none!important}
.videoComments .videoCommentAuthor{display:inline-flex;align-items:center;gap:9px;color:#111827;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.videoComments a.videoCommentAuthor:hover strong{text-decoration:underline}
.videoComments .videoCommentAvatar{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;overflow:hidden;background:#ffe4ed;color:#9f1239;font-weight:700}
.videoComments .videoCommentAvatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.videoComments .videoCommentIdentity{margin-bottom:4px}