.blog-comments{border-top:1px solid var(--article-line,var(--border-color));max-width:720px;color:var(--article-ink,var(--text-color));margin:72px auto 0;padding-top:40px}.blog-comments-title{letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 24px;font-size:20px;font-weight:680;display:flex}.blog-comments-title svg{width:18px;height:18px;color:var(--app-accent-color)}.blog-comments-title span{color:var(--article-muted,var(--text-secondary));font-size:15px;font-weight:600}.blog-comments textarea,.blog-comments input{border:1px solid var(--article-line,var(--border-color));width:100%;color:inherit;resize:vertical;background:0 0;border-radius:12px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.55;transition:border-color .15s}.blog-comments textarea::placeholder,.blog-comments input::placeholder{color:var(--article-muted,var(--text-secondary))}.blog-comments textarea:focus,.blog-comments input:focus{border-color:var(--app-accent-color);outline:none}.blog-comments textarea:disabled,.blog-comments input:disabled{opacity:.6}.blog-comments-submit{border:1px solid var(--app-accent-color);background:var(--app-accent-color);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:650;transition:opacity .15s;display:inline-flex}.blog-comments-submit svg{width:13px;height:13px}.blog-comments-submit:hover{opacity:.88}.blog-comments-submit:disabled{opacity:.45;cursor:not-allowed}.blog-comments-link-button{color:var(--article-muted,var(--text-secondary));cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:650;transition:color .15s}.blog-comments-link-button:hover{color:var(--app-accent-color)}.blog-comments-form{flex-direction:column;gap:12px;margin-bottom:36px;display:flex}.blog-comments-form-footer{justify-content:flex-end;display:flex}.blog-comments-signin{border:1px solid var(--article-line,var(--border-color));text-align:center;border-radius:16px;margin-bottom:36px;padding:24px}.blog-comments-signin-heading{margin:0 0 6px;font-size:15px;font-weight:680}.blog-comments-signin-body{color:var(--article-muted,var(--text-secondary));margin:0 0 16px;font-size:13px}.blog-comments-signin-button{border:1px solid var(--app-accent-color);background:var(--app-accent-color);color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;font-weight:650;transition:opacity .15s;display:inline-flex}.blog-comments-signin-button svg{width:14px;height:14px}.blog-comments-signin-button:hover{opacity:.88}.blog-comments-anonymous-toggle{margin:14px auto 0;display:block}.blog-comments-anonymous-form{text-align:left;flex-direction:column;gap:10px;margin-top:20px;display:flex}.blog-comments-anonymous-note{color:var(--article-muted,var(--text-secondary));margin:0;font-size:12px}.blog-comments-anonymous-fields{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.blog-comments-anonymous-fields{grid-template-columns:1fr 1fr}}.blog-comments-anonymous-form .blog-comments-submit{align-self:flex-end}.blog-comments-notice{color:var(--app-accent-color);margin:16px 0 0;font-size:13px;font-weight:600}.blog-comments-error{color:#d4380d;margin:0 0 20px;font-size:13px}.blog-comments-empty{color:var(--article-muted,var(--text-secondary));margin:0;font-size:14px}.blog-comments-skeleton{background:var(--article-line,var(--border-color));opacity:.35;border-radius:12px;height:72px;animation:1.4s ease-in-out infinite blog-comments-pulse}@keyframes blog-comments-pulse{0%,to{opacity:.25}50%{opacity:.45}}.blog-comments-list,.blog-comments-replies{margin:0;padding:0;list-style:none}.blog-comments-list{flex-direction:column;gap:24px;display:flex}.blog-comments-item{gap:12px;display:flex}.blog-comments-avatar{background:var(--app-accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:inline-flex}.blog-comments-item-main{flex:1;min-width:0}.blog-comments-item-meta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.blog-comments-item-meta strong{font-size:14px;font-weight:680}.blog-comments-item-meta time{color:var(--article-muted,var(--text-secondary));font-size:12px}.blog-comments-item-content{white-space:pre-wrap;overflow-wrap:break-word;margin:0 0 6px;font-size:14px;line-height:1.65}.blog-comments-reply-form{flex-direction:column;align-items:flex-end;gap:10px;margin-top:10px;display:flex}.blog-comments-replies{border-left:2px solid var(--article-line,var(--border-color));flex-direction:column;gap:18px;margin-top:18px;padding-left:14px;display:flex}