.blog-comments-section{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px dashed var(--border)}.blog-comments-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-lg);color:var(--text)}.blog-comments-count{font-weight:400;color:var(--text-muted);font-size:var(--text-base)}.blog-comments-empty{color:var(--text-subtle);font-size:var(--text-sm);font-style:italic;padding:var(--space-lg) 0}.blog-comment{padding:var(--space-lg);margin-bottom:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration-fast)}.blog-comment:hover{border-color:var(--border-hover,var(--border))}.blog-comment-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.blog-comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.blog-comment-initial{display:flex;align-items:center;justify-content:center;background:var(--accent-primary);color:white;font-size:14px;font-weight:600;line-height:1;user-select:none}.blog-comment-meta{flex:1;min-width:0}.blog-comment-author{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text);line-height:1.3}.blog-comment-time{font-size:var(--text-xs);color:var(--text-subtle)}.blog-comment-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-subtle);cursor:pointer;opacity:0;transition:all var(--duration-fast)}.blog-comment:hover .blog-comment-delete{opacity:1}.blog-comment-delete:hover{color:#dc3545;border-color:#dc3545;background:rgba(220,53,69,.08)}.blog-comment-body{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.blog-comment-form{margin-top:var(--space-lg);padding:var(--space-lg);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-lg)}.blog-comment-form-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.blog-comment-form-name{font-size:var(--text-sm);font-weight:500;color:var(--text)}.blog-comment-textarea{width:100%;padding:var(--space-md);font-family:inherit;font-size:var(--text-sm);line-height:1.6;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;min-height:80px;transition:border-color var(--duration-fast)}.blog-comment-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle,rgba(224,122,95,.15))}.blog-comment-textarea::placeholder{color:var(--text-subtle)}.blog-comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm)}.blog-comment-char-count{font-size:var(--text-xs);color:var(--text-subtle)}.blog-comment-submit{padding:var(--space-xs) var(--space-lg);font-family:inherit;font-size:var(--text-sm);font-weight:600;color:white;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.blog-comment-submit:hover:not(:disabled){background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(224,122,95,.3)}.blog-comment-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.blog-comment-auth-prompt{text-align:center;padding:var(--space-2xl) var(--space-xl);margin-top:var(--space-lg);border:1px dashed var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);position:relative;overflow:hidden}.blog-comment-auth-prompt:before{content:"";position:absolute;inset:0;opacity:.03;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--accent-primary) 10px,var(--accent-primary) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,var(--accent-primary) 10px,var(--accent-primary) 11px);pointer-events:none}.blog-comment-auth-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--space-lg);background:rgba(224,122,95,.15);border:1px solid rgba(224,122,95,.25);border-radius:var(--radius-full);color:var(--accent-primary);position:relative}.blog-comment-auth-prompt p{font-size:var(--text-base);font-weight:500;color:var(--text);margin-bottom:var(--space-lg);text-align:center;position:relative}.blog-comment-auth-sub{font-size:var(--text-sm)!important;font-weight:400!important;color:var(--text-muted)!important;margin-top:calc(-1 * var(--space-sm));max-width:320px;margin-left:auto;margin-right:auto;line-height:1.5;text-align:center}.blog-comment-auth-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-2xl);font-size:var(--text-sm);font-weight:600;color:white;background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--duration-fast) var(--ease-out);position:relative}.blog-comment-auth-btn:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(224,122,95,.35);color:white}.blog-comment-auth-btn:active{transform:translateY(0)}.blog-comment-auth-btn svg{width:18px;height:18px;color:inherit;margin:0}