.comment-form{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.comment-form textarea{width:100%;min-height:80px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;line-height:1.5;resize:vertical;background:var(--color-bg-primary);color:var(--color-text-primary)}.comment-form textarea:focus{outline:2px solid var(--color-gold);outline-offset:-1px;border-color:transparent}.comment-form-footer{display:flex;justify-content:space-between;align-items:center}.char-counter{font-size:.8125rem;color:var(--color-text-tertiary)}.char-counter.warning{color:#d97706}.char-counter.danger{color:var(--color-down)}.comment-form button[type=submit]{padding:var(--space-2) var(--space-4);background:var(--color-gold);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer}.comment-form button[type=submit]:hover{background:var(--color-gold-dark)}.comment-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.comment-list{display:flex;flex-direction:column;gap:var(--space-4)}.comment-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary)}.comment-item.highlight{animation:comment-highlight 2s ease-out}@keyframes comment-highlight{0%{background:var(--color-gold-light)}to{background:var(--color-bg-primary)}}.comment-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.comment-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.comment-avatar-initials{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;flex-shrink:0}.comment-author{font-weight:600;font-size:.875rem;color:var(--color-text-primary)}.comment-time{font-size:.8125rem;color:var(--color-text-tertiary)}.comment-edited{font-size:.75rem;color:var(--color-text-tertiary);font-style:italic}.comment-body{font-size:.9375rem;line-height:1.6;color:var(--color-text-primary);margin-bottom:var(--space-2)}.comment-actions{display:flex;align-items:center;gap:var(--space-3);font-size:.8125rem}.comment-actions button{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-1);display:flex;align-items:center;gap:4px}.comment-actions button:hover{color:var(--color-text-primary)}.comment-actions button.liked{color:var(--color-down)}.comment-replies{margin-top:var(--space-3);margin-left:var(--space-4);padding-left:var(--space-3);border-left:2px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3)}.comment-replies .comment-item{border:none;padding:var(--space-2) 0;background:transparent}.comment-sort{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:.875rem}.comment-sort select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);font-size:.875rem}.comment-count-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.comment-auth-prompt{text-align:center;padding:var(--space-6) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.comment-auth-prompt p{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.google-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;color:var(--color-text-primary)}.google-btn:hover{background:var(--color-bg-secondary)}.comment-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.comment-empty p{margin-bottom:var(--space-3)}.toast{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);background:var(--color-text-primary);color:var(--color-bg-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;z-index:300;animation:toast-in .3s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:768px){.comment-form-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-primary);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);padding-bottom:env(safe-area-inset-bottom);z-index:100}.comment-list{padding-bottom:72px}}@media(prefers-reduced-motion:reduce){.comment-item.highlight,.toast{animation:none}}