/* v1.9.0 — feed comment popup styled to match the Story comments popup. */
html.r190-js .v12-comment-section{display:none!important} /* Existing section: non-JS fallback. */
.r190-modal[hidden],.r190-replybar[hidden],.r190-modal .r190-reply-label[hidden]{display:none!important}
body.r190-modal-open{overflow:hidden}
body.r190-modal-open .v12-lightbox{z-index:5100!important}
.r190-modal .r188-comments-sheet{width:min(520px,100%);height:min(690px,calc(100dvh - 32px))}
.r190-modal .r188-comments-scroll{gap:18px}
.r190-modal .r188-comments-story{font-size:12px}
.r190-modal .r190-comment-thread{gap:10px}
.r190-comment-item{align-items:flex-start;gap:10px;position:relative}
.r190-comment-avatar{display:flex;flex:none;text-decoration:none}
.r190-comment-avatar .avatar{height:36px;width:36px;min-width:36px;object-fit:cover;border-radius:50%}
.r190-comment-item.r189-is-reply .avatar{height:29px;width:29px;min-width:29px}
.r190-comment-body{flex:1;min-width:0}
.r190-comment-body p{overflow-wrap:anywhere;margin:5px 0 6px}
.r190-comment-actions{display:flex;align-items:center;gap:15px;margin-top:4px}
.r190-comment-actions button{background:transparent;border:0;padding:4px 0;color:var(--muted);font-size:11px;font-weight:750;cursor:pointer}
.r190-comment-actions button:hover,.r190-comment-actions .is-liked{color:var(--red)}
.r190-comment-image{display:block;max-width:210px;border:0;border-radius:12px;overflow:hidden;padding:0;margin-top:7px;cursor:pointer;background:var(--bg)}
.r190-comment-image img{display:block;max-height:210px;max-width:210px;object-fit:cover}
.r190-modal .r189-comment-replies{gap:13px;padding-left:13px;margin-left:15px}
.r190-modal .r189-comment-more{margin:0 0 0 auto}
.r190-modal .r189-comment-more>summary{font-size:24px}
.r190-modal .r189-comment-menu{width:206px;right:0;top:29px}
.r190-modal .r190-menu-up .r189-comment-menu{top:auto;bottom:32px}
.r190-modal .r189-comment-menu form{margin:0;padding:6px 0}
.r190-modal .r189-comment-menu form+form,.r190-modal .r189-comment-menu>button+form{border-top:1px solid var(--line)}
.r190-modal .r189-comment-menu form:last-child{margin-bottom:0}
.r190-modal .r189-comment-menu button{width:100%;background:transparent;color:var(--ink);border:0;border-radius:0;padding:8px 2px;text-align:left;font-weight:700;cursor:pointer;font-size:12px;box-shadow:none}
.r190-modal .r189-comment-menu button:hover{color:var(--red);background:transparent}
.r190-modal .r189-comment-menu .r190-danger{color:var(--red)}
.r190-modal .r189-comment-report-form label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:11px;padding-bottom:6px}
.r190-modal .r189-comment-report-form select{width:100%;font-size:12px;padding:2px 18px 2px 0;background:transparent;color:var(--ink);border:0;border-radius:0;box-shadow:none}
.r190-modal .r189-comment-report-form select:focus,.r190-modal .r189-comment-menu button:focus{outline:none}
.r190-modal .r189-comment-menu>button{margin-bottom:0;padding:6px 0}
.r190-modal .r190-preview{font-weight:500}
.r190-modal .r190-replybar{display:flex;justify-content:space-between;align-items:center;padding:2px 5px 10px;font-size:12px;color:var(--muted);font-weight:700}
.r190-modal .r190-photo{display:grid;place-items:center;border:1px solid var(--line);width:38px;height:38px;border-radius:12px;color:var(--muted);background:var(--bg);cursor:pointer;flex:none;transition:color .18s,border-color .18s,background .18s}
.r190-modal .r190-photo svg{display:block;pointer-events:none;width:20px;height:20px}
.r190-modal .r190-photo:hover,.r190-modal .r190-photo:focus-within{color:var(--red);border-color:var(--red);background:var(--red-soft)}
.r190-modal .r190-submit{min-width:38px}
.r190-modal .r190-file-name{display:block;font-size:11px;margin-top:5px;color:var(--muted);overflow-wrap:anywhere}
.r190-modal .r190-file-name:empty{display:none}
.r190-limit-note,.r190-loading{text-align:center;font-size:13px;color:var(--muted);padding:12px 0}
.r190-pin{display:block;color:var(--muted);font-size:11px;margin:4px 0}
.r190-modal .r188-comments-sheet .r188-comments-scroll .r189-comment-more[open]{z-index:3}
.r190-modal .r190-comment-item:focus-within{z-index:4}
@media(max-width:600px){.r190-modal .r188-comments-sheet{height:min(86dvh,780px);max-height:95dvh;width:100%}.r190-modal .r189-comment-menu{width:188px}.r190-modal .r188-comments-scroll{padding:15px 12px}.r190-modal .r190-comment-avatar .avatar{height:32px;width:32px;min-width:32px}}
