.comment-open{margin-top:14px;display:inline-flex;align-items:center;gap:6px;border:1px solid #e5ded7;background:#faf8f5;color:#9e4d3d;border-radius:20px;padding:7px 12px;font-size:12px;min-height:34px}.comment-open:before{content:'♧';display:none}.comment-open:hover{background:#f3e5df}.comments-dialog{width:min(560px,94vw);max-height:88dvh;padding:24px;background:#fffdfb;border:1px solid #e5ded7;border-radius:18px;color:#342c29}.comments-dialog::backdrop{background:#0007;backdrop-filter:blur(3px)}.comments-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.comments-head h2{font-size:21px;margin:0}.comments-close{font-size:28px;border:0;background:none;color:#82766f;width:40px;height:40px}.comments-context{margin:4px 0 20px}.comments-list{border-block:1px solid #e5ded7;padding:12px 0}.comment-item{padding:14px 0}.comment-item+.comment-item{border-top:1px solid #eee9e3}.comment-meta{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px}.comment-meta time{font-size:11px;color:#82766f}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;color:#342c29;margin:8px 0 0;font-size:14px;line-height:1.7}.comments-empty{text-align:center;padding:16px 0}.comments-auth{padding:4px 0 14px}.comments-login{background:white;border:1px solid #d9d3cd;border-radius:8px;color:#342c29;padding:12px 18px;font-weight:600;min-height:44px}.comments-form{display:grid;gap:14px;margin-top:14px}.comments-form label{display:grid;gap:7px;font-size:12px;font-weight:600}.comments-form input,.comments-form textarea{width:100%;font:inherit;font-size:14px;border:1px solid #d9d3cd;border-radius:8px;background:white;padding:12px;color:#342c29}.comments-form textarea{resize:vertical;min-height:90px}.comments-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.comments-form-bottom button{background:#b65e4a;color:white;border:0;border-radius:8px;padding:12px 18px}.comments-length{font-size:11px;color:#82766f}.comments-logout,.comments-more{justify-self:start;background:none;border:0;padding:8px 0;color:#9e4d3d;font-size:12px;text-decoration:underline}.comments-notice{font-size:11px;margin-bottom:0}.comments-message{color:#a64f3b;font-size:12px}.comments-dialog button:disabled{opacity:.5;cursor:wait}.comments-dialog textarea:focus-visible{outline:2px solid #b65e4a;outline-offset:3px}@media(max-width:600px){.comments-dialog{padding:18px}.grid.small .comment-open{font-size:10px;padding:6px 8px}}

.comments-dialog [hidden]{display:none!important}.comments-dialog,.comments-dialog *{box-sizing:border-box}
