.comment-section[data-v-456bb8b1]{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.comment-section__header[data-v-456bb8b1]{border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--spacing-lg)}.comment-section__title[data-v-456bb8b1]{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--spacing-sm)}.comment-count[data-v-456bb8b1]{color:var(--color-text-muted);font-size:var(--text-base);font-weight:400}.comment-section__subtitle[data-v-456bb8b1]{color:var(--color-text-muted);font-size:var(--text-sm)}.card[data-v-456bb8b1]{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:border-color .3s,box-shadow .3s}.comment-form__heading[data-v-456bb8b1]{color:var(--color-text-secondary);font-size:var(--text-base);font-weight:600;margin-bottom:var(--spacing-lg)}.comment-form__fields[data-v-456bb8b1]{display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.form-field[data-v-456bb8b1]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-field--full[data-v-456bb8b1]{grid-column:1/-1}.form-label[data-v-456bb8b1]{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500}.form-input[data-v-456bb8b1],.form-textarea[data-v-456bb8b1]{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .2s,box-shadow .2s;width:100%}.form-input[data-v-456bb8b1]:focus,.form-textarea[data-v-456bb8b1]:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #00d4ff1a}.form-input[data-v-456bb8b1]::-moz-placeholder,.form-textarea[data-v-456bb8b1]::-moz-placeholder{color:var(--color-text-muted)}.form-input[data-v-456bb8b1]::placeholder,.form-textarea[data-v-456bb8b1]::placeholder{color:var(--color-text-muted)}.form-textarea[data-v-456bb8b1]{min-height:80px;resize:vertical}.form-char-count[data-v-456bb8b1],.form-input--sm[data-v-456bb8b1],.form-textarea--sm[data-v-456bb8b1]{font-size:var(--text-xs)}.form-char-count[data-v-456bb8b1]{color:var(--color-text-muted);margin-top:var(--spacing-xs);text-align:right}.comment-form__footer[data-v-456bb8b1]{align-items:center;display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.form-error[data-v-456bb8b1]{color:var(--color-error)}.form-error[data-v-456bb8b1],.form-success[data-v-456bb8b1]{flex:1;font-size:var(--text-sm)}.form-success[data-v-456bb8b1]{color:var(--color-success)}.btn-submit[data-v-456bb8b1]{background:var(--gradient-aurora);border:none;border-radius:var(--radius-full);color:var(--color-text-inverse);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;padding:var(--spacing-sm) var(--spacing-xl);transition:opacity .2s}.btn-submit[data-v-456bb8b1]:disabled{cursor:not-allowed;opacity:.5}.btn-submit--sm[data-v-456bb8b1]{font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-lg)}.btn-cancel[data-v-456bb8b1]{background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:var(--spacing-xs) var(--spacing-md);transition:border-color .2s,color .2s}.btn-cancel[data-v-456bb8b1]:hover{border-color:var(--color-primary);color:var(--color-primary)}.comment-empty[data-v-456bb8b1]{color:var(--color-text-muted);padding:var(--spacing-3xl) 0;text-align:center}.comment-empty__icon[data-v-456bb8b1]{font-size:2rem;margin-bottom:var(--spacing-md)}.comment-thread[data-v-456bb8b1]{display:flex;flex-direction:column}.comment-item[data-v-456bb8b1]{margin-bottom:0}.comment-item__meta[data-v-456bb8b1]{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-avatar[data-v-456bb8b1]{align-items:center;background:var(--gradient-aurora);border-radius:var(--radius-full);color:var(--color-text-inverse);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:700;height:36px;justify-content:center;width:36px}.comment-avatar--sm[data-v-456bb8b1]{font-size:var(--text-xs);height:28px;width:28px}.comment-item__info[data-v-456bb8b1]{display:flex;flex-direction:column;gap:2px}.comment-item__name[data-v-456bb8b1]{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600}.comment-item__time[data-v-456bb8b1]{color:var(--color-text-muted);font-size:var(--text-xs)}.comment-item__content[data-v-456bb8b1]{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-bottom:var(--spacing-md);white-space:pre-wrap;word-break:break-word}.comment-item__actions[data-v-456bb8b1]{display:flex;gap:var(--spacing-md)}.comment-action-btn[data-v-456bb8b1]{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);padding:0;transition:color .2s}.comment-action-btn[data-v-456bb8b1]:hover{color:var(--color-primary)}.comment-replies[data-v-456bb8b1]{border-left:2px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-left:var(--spacing-xl)}.reply-item[data-v-456bb8b1]{background:var(--color-bg-elevated);border-radius:var(--radius-lg);padding:var(--spacing-md)}.reply-form[data-v-456bb8b1]{border-top:1px solid var(--color-border-subtle);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.reply-form__footer[data-v-456bb8b1]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-md)}@media(max-width:640px){.comment-form__fields[data-v-456bb8b1]{grid-template-columns:1fr}.form-field--full[data-v-456bb8b1]{grid-column:1}}