.comment-item[data-v-e036aa03]{padding:12px 0;border-bottom:var(--border-subtle)}.comment-item[data-v-e036aa03]:last-child{border-bottom:none}.comment-content-wrapper[data-v-e036aa03]{flex:1;display:flex;flex-direction:column;gap:8px}.comment-header[data-v-e036aa03]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-author[data-v-e036aa03]{font-size:14px;font-weight:600;color:var(--text-primary)}.comment-time[data-v-e036aa03]{font-size:12px;color:var(--text-muted)}.reply-btn-inline[data-v-e036aa03]{margin-left:auto;padding:3px 10px;background:transparent;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:var(--color-primary);font-size:12px;cursor:pointer;transition:all .2s ease}.reply-btn-inline[data-v-e036aa03]:hover{background:var(--color-primary-dim);border-color:#10b98180}.comment-body[data-v-e036aa03]{font-size:14px;line-height:1.6;color:var(--text-secondary);word-wrap:break-word;padding-left:0}.children-container[data-v-e036aa03]{margin-top:10px;background:#0000000a;border-radius:var(--radius-sm);padding:10px}.children-header[data-v-e036aa03]{font-size:12px;color:var(--text-muted);padding-bottom:8px;border-bottom:var(--border-subtle);margin-bottom:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.children-header[data-v-e036aa03]:hover{color:var(--text-secondary)}.children-list[data-v-e036aa03]{display:flex;flex-direction:column;gap:8px}.children-list .comment-item[data-v-e036aa03]{padding:8px 0;border-bottom:none}.children-list .children-container[data-v-e036aa03]{margin-left:0;padding-left:12px;background:transparent}.reply-to-inline[data-v-e036aa03]{font-size:13px;color:var(--text-muted);margin-left:4px}.reply-to-inline .reply-to-label[data-v-e036aa03]{color:var(--text-muted);margin-right:4px}.reply-to-inline .reply-to-author[data-v-e036aa03]{color:var(--color-primary);font-weight:500}.children-list .comment-author[data-v-e036aa03],.children-list .comment-header[data-v-e036aa03]{font-size:13px}.children-list .comment-time[data-v-e036aa03]{font-size:11px}.children-list .comment-body[data-v-e036aa03]{font-size:13px;padding-left:0}.children-list .reply-btn-inline[data-v-e036aa03]{font-size:11px;padding:2px 8px}.comment-section[data-v-0704aee5]{display:flex;flex-direction:column;gap:24px}.comments-container[data-v-0704aee5]{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:16px}.comments-header[data-v-0704aee5]{margin-bottom:14px;padding-bottom:10px;border-bottom:var(--border-subtle)}.comments-header h3[data-v-0704aee5]{font-size:15px;font-weight:700;color:var(--text-primary);margin:0}.loading-state[data-v-0704aee5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;color:#94a3b8}.loading-spinner[data-v-0704aee5]{width:28px;height:28px;border:3px solid rgba(74,222,128,.2);border-top-color:#4ade80;border-radius:50%;animation:spin-0704aee5 1s linear infinite;margin-bottom:10px}@keyframes spin-0704aee5{to{transform:rotate(1turn)}}.comments-list[data-v-0704aee5]{display:flex;flex-direction:column;gap:10px}.comment-item[data-v-0704aee5]{display:flex;gap:10px;padding:10px;background:#0000000a;border-radius:var(--radius-sm);transition:background .2s ease}.comment-item[data-v-0704aee5]:hover{background:#0000000f}.comment-avatar[data-v-0704aee5]{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fdfcfa}.comment-content-wrapper[data-v-0704aee5]{flex:1;display:flex;flex-direction:column;gap:4px}.comment-header[data-v-0704aee5]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-author[data-v-0704aee5]{font-size:13px;font-weight:600;color:var(--text-primary)}.comment-time[data-v-0704aee5]{font-size:11px;color:var(--text-muted)}.reply-btn-inline[data-v-0704aee5]{margin-left:auto;padding:2px 8px;background:transparent;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:var(--color-primary);font-size:11px;cursor:pointer;transition:all .2s ease}.reply-btn-inline[data-v-0704aee5]:hover{background:var(--color-primary-dim);border-color:#10b98180}.comment-body[data-v-0704aee5]{font-size:13px;line-height:1.5;color:var(--text-secondary);word-wrap:break-word}.comment-body[data-v-0704aee5] a{color:var(--color-primary);text-decoration:none}.comment-body[data-v-0704aee5] a:hover{text-decoration:underline}.empty-state[data-v-0704aee5]{text-align:center;padding:40px 20px;color:#94a3b8}.empty-state p[data-v-0704aee5]{margin:0;font-size:14px}.load-more-container[data-v-0704aee5]{display:flex;justify-content:center;padding:12px 0}.load-more-btn[data-v-0704aee5]{padding:8px 24px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:4px;color:#fdfcfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.load-more-btn[data-v-0704aee5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.load-more-btn[data-v-0704aee5]:disabled{opacity:.5;cursor:not-allowed;transform:none}.no-more-container[data-v-0704aee5]{text-align:center;padding:12px 0;color:#94a3b8}.no-more-container p[data-v-0704aee5]{margin:0;font-size:12px}.comment-form[data-v-0704aee5]{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-md);padding:16px}.comment-form h4[data-v-0704aee5]{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.login-prompt[data-v-0704aee5]{text-align:center;padding:24px}.login-prompt p[data-v-0704aee5]{color:#94a3b8;margin:0 0 16px;font-size:14px}.login-btn[data-v-0704aee5]{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fdfcfa;text-decoration:none;border-radius:4px;font-size:14px;font-weight:600;transition:all .2s ease}.login-btn[data-v-0704aee5]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.form-content[data-v-0704aee5]{display:flex;flex-direction:column;gap:12px}.reply-info[data-v-0704aee5]{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:4px}.reply-label[data-v-0704aee5]{font-size:11px;color:#4ade80;font-weight:500}.reply-author[data-v-0704aee5]{font-size:11px;color:#1a1a2e;font-weight:600}.cancel-reply-btn[data-v-0704aee5]{margin-left:auto;background:transparent;border:none;color:#94a3b8;font-size:16px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s ease}.cancel-reply-btn[data-v-0704aee5]:hover{background:#94a3b81a;color:#64748b}.current-user[data-v-0704aee5]{font-size:12px;color:var(--text-muted);padding:6px 10px;background:#0000000a;border-radius:var(--radius-sm)}.current-user strong[data-v-0704aee5]{color:var(--color-primary)}.comment-textarea[data-v-0704aee5]{width:100%;padding:10px;background:#0000000a;border:var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;line-height:1.5;resize:vertical;font-family:inherit;box-sizing:border-box;transition:border-color .2s ease}.comment-textarea[data-v-0704aee5]:focus{outline:none;border-color:#10b98180}.comment-textarea[data-v-0704aee5]::-moz-placeholder{color:var(--text-muted)}.comment-textarea[data-v-0704aee5]::placeholder{color:var(--text-muted)}.form-actions[data-v-0704aee5]{display:flex;justify-content:flex-end}.submit-btn[data-v-0704aee5]{padding:8px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);border:none;border-radius:4px;color:#fdfcfa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-btn[data-v-0704aee5]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4ade804d}.submit-btn[data-v-0704aee5]:active:not(:disabled){transform:translateY(0)}.submit-btn[data-v-0704aee5]:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:640px){.comment-form[data-v-0704aee5],.comments-container[data-v-0704aee5]{padding:16px}.comment-form h4[data-v-0704aee5],.comments-header h3[data-v-0704aee5]{font-size:14px}.comment-textarea[data-v-0704aee5],.submit-btn[data-v-0704aee5]{font-size:13px}.submit-btn[data-v-0704aee5]{padding:8px 20px}}
