/* Profile media comments: an accessible, touch-friendly conversation drawer. */
.profile-modal-comments.is-open{z-index:60!important;display:flex!important;pointer-events:auto;width:min(420px,100vw);border-left:1px solid rgba(17,24,39,.08);box-shadow:-20px 0 52px rgba(15,23,42,.26)}
.profile-modal-comments.is-open header{position:relative;height:78px;padding:0 18px;background:linear-gradient(135deg,#fff 0%,#fff7fa 100%)}
.profile-modal-comments.is-open header img{width:42px;height:42px;box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(244,63,94,.25)}
.profile-modal-comments.is-open header strong{font-size:15px;letter-spacing:.01em}
.profile-modal-comments.is-open .profile-modal-comment-list{padding:20px 18px 28px;background:#fafafb;scrollbar-color:rgba(148,163,184,.65) transparent}
.profile-modal-comment{grid-template-columns:40px minmax(0,1fr);gap:12px;margin-bottom:16px}
.profile-modal-comment img{width:40px;height:40px;box-shadow:0 1px 4px rgba(15,23,42,.14)}
.profile-modal-comment>div{min-width:0;padding:10px 12px;border:1px solid #ececf1;border-radius:4px 16px 16px;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.045)}
.profile-modal-comment-author{display:inline-block;margin-bottom:4px;color:#1f2937;font-size:14px;font-weight:800;text-decoration:none}
.profile-modal-comment-author:hover{color:#e11d48;text-decoration:underline}.profile-modal-comment-author:focus-visible{outline:3px solid rgba(244,63,94,.45);outline-offset:2px;border-radius:4px}
.profile-modal-comment p{color:#374151;font-size:15px;line-height:1.55;word-break:break-word}.profile-modal-comment-time{display:block;margin-top:7px;color:#8b93a1;font-size:12px;font-weight:600}
.profile-modal-comment-empty,.profile-modal-comment-loading{display:grid;min-height:180px;margin:0;place-items:center;border:1px dashed #d8dce4;border-radius:18px;color:#6b7280;font-size:14px;font-weight:700;text-align:center}
.profile-modal-comments.is-open footer{padding:12px 16px 14px;background:#fff;box-shadow:0 -7px 18px rgba(15,23,42,.045)}
.profile-modal-comment-form{min-height:50px;margin:0;padding:4px 4px 4px 16px;border:1px solid #e1e4ea;border-radius:999px;background:#f5f6f8;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.profile-modal-comment-form:focus-within{border-color:rgba(244,63,94,.68);background:#fff;box-shadow:0 0 0 4px rgba(244,63,94,.12)}
.profile-modal-comment-form input{min-height:44px;color:#1f2937;font-size:16px}.profile-modal-comment-form input::placeholder{color:#98a0ae}
.profile-modal-comment-form button{min-width:76px;min-height:42px;padding:0 16px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#ec4899);box-shadow:0 3px 10px rgba(244,63,94,.28);color:#fff;font-size:14px;font-weight:900;transition:transform .16s ease,filter .16s ease,opacity .16s ease}
.profile-modal-comment-form button:hover{filter:brightness(1.04);transform:translateY(-1px)}.profile-modal-comment-form button:active{transform:translateY(0) scale(.98)}.profile-modal-comment-form button:focus-visible{outline:3px solid rgba(244,63,94,.42);outline-offset:3px}.profile-modal-comment-form button:disabled{cursor:wait;opacity:.58;filter:grayscale(.2);transform:none}
.profile-modal-comment-status{min-height:18px;margin:6px 8px 0;font-size:12px;font-weight:700}
.profile-modal-comment-reply,.profile-modal-replies-toggle{min-height:28px;padding:0;border:0;background:transparent;color:#7b8290;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.profile-modal-comment-reply:hover,.profile-modal-replies-toggle:hover{color:#e11d48}.profile-modal-replies-toggle{display:block;margin-top:7px}.profile-modal-replies{margin-top:10px}.profile-modal-comment.is-reply{grid-template-columns:32px minmax(0,1fr);margin:9px 0 0 4px}.profile-modal-comment.is-reply img{width:32px;height:32px}.profile-modal-reply-context{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 7px 7px;color:#e11d48;font-size:12px;font-weight:800}.profile-modal-reply-context button{min-height:28px;padding:0 4px;border:0;background:transparent;color:#7b8290;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.profile-modal-reply-context button:hover{color:#e11d48}
html.dark body.profile-page .profile-modal-comments.is-open header,html.dark body.profile-page .profile-modal-comments.is-open footer{background:#15151b}html.dark body.profile-page .profile-modal-comments.is-open .profile-modal-comment-list{background:#0f0f14}html.dark body.profile-page .profile-modal-comment>div{border-color:#2b2b35;background:#1a1a22;box-shadow:none}html.dark body.profile-page .profile-modal-comment-author,html.dark body.profile-page .profile-modal-comment-form input{color:#f8fafc}html.dark body.profile-page .profile-modal-comment p{color:#d6d9df}html.dark body.profile-page .profile-modal-comment-form{border-color:#343440;background:#23232c}html.dark body.profile-page .profile-modal-comment-form:focus-within{background:#181820}
@media (max-width:768px){.profile-modal-comments.is-open{height:min(80dvh,760px);border-radius:24px 24px 0 0}.profile-modal-comments.is-open header{height:72px;padding-top:8px}.profile-modal-comments.is-open header::before{position:absolute;top:9px;left:50%;width:42px;height:4px;border-radius:999px;background:#d4d7de;content:'';transform:translateX(-50%)}.profile-modal-comments.is-open .profile-modal-comment-list{padding:16px 14px 24px}.profile-modal-comments.is-open footer{padding:10px 12px max(12px,env(safe-area-inset-bottom))}.profile-modal-comment-form{gap:6px;padding-left:14px}.profile-modal-comment-form button{min-width:68px;padding:0 13px}}
@media (prefers-reduced-motion:reduce){.profile-modal-comment-form,.profile-modal-comment-form button{transition:none}}