.modern-comments{position:relative;background:#21181d;padding:24px;border-top:6px solid #171115;margin-top:28px;scroll-margin-top:20px}.modern-comments-heading{border-bottom:1px solid #4d363f;margin-bottom:4px}.modern-comments-heading h2{font-size:20px;display:inline-block;border-bottom:3px solid #dbabb7;padding-bottom:12px;margin:0 0 -1px}.modern-comments-heading h2 span{font-size:16px;padding-left:6px}.modern-comments .comment-row{border-top:0;border-bottom:1px solid #3f2b34;padding:22px 0;gap:14px}.modern-comments .comment-row .avatar{width:42px;height:42px;border:0}.modern-comments .comment-header{align-items:center}.modern-comments .comment-meta{gap:8px}.modern-comments .comment-meta>a{color:#efe4e8;font-size:16px}.modern-comments .comment-identity{padding:0 5px;font-size:11px;border-radius:2px;line-height:1.5}.modern-comments .comment-text{font-size:16px;margin:4px 0 10px;line-height:1.8;white-space:normal}.modern-comments .comment-text p{margin:6px 0}.modern-comments .comment-body>time{display:block;font-size:12px}.modern-comments .comment-menu>summary{width:30px;height:30px;font-size:23px}.modern-comments .comment-replies{margin:0 0 6px 56px;border:0;padding:0}.modern-comments .comment-replies summary{font-size:13px}.modern-comments .comment-reply-list{padding:0 12px;background:#1c1318;border-radius:5px}.modern-comment-dock{position:sticky;bottom:0;background:#21181df5;backdrop-filter:blur(10px);padding:14px 0 2px;border-top:1px solid #49333d;margin-top:12px;z-index:4}.modern-compose>summary,.modern-login-comment{display:flex;justify-content:space-between;gap:20px;padding:13px 16px;background:#30242c;border-radius:7px;color:#bdaab3;cursor:pointer;list-style:none;font-size:15px}.modern-compose>summary::-webkit-details-marker{display:none}.modern-compose>summary>span:last-child{white-space:nowrap}.modern-compose>form{padding:15px 0}.modern-compose textarea{min-height:110px;max-height:30vh}.modern-compose label{font-size:14px}.modern-compose .compose-footer{font-size:12px}.modern-comments .empty-state{padding:36px 12px}.modern-compose[open]>summary{color:#f3dce5}.modern-comments .markdown-body img{max-width:100%;height:auto}.modern-comments .comment-conversation-link{margin:5px 0;font-size:12px}@media(max-width:600px){.modern-comments{padding:18px 14px}.modern-comments .comment-row{gap:10px}.modern-comments .comment-row .avatar{width:34px;height:34px}.modern-comments .comment-meta>a{font-size:14px}.modern-comments .comment-replies{margin-left:42px}.modern-comments .comment-text{font-size:15px}.modern-comments .compose-footer{gap:10px}}
