.comments-section{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xs) 0}.comments-composer{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:color-mix(in srgb,var(--bg-elevated) 60%,transparent);border:1px solid var(--border-color-secondary);border-radius:var(--border-radius-lg);transition:border-color var(--transition-fast)}.comments-composer:focus-within{border-color:color-mix(in srgb,var(--primary-color) 45%,transparent)}.comments-composer__header{display:flex;align-items:center;gap:var(--spacing-sm)}.comments-composer__avatar{background:var(--primary-color);flex-shrink:0}.comments-composer__user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.comments-composer__input-box{display:flex;flex-direction:column;gap:var(--spacing-sm)}.comments-composer__textarea{background:var(--bg-input)!important;border-radius:var(--border-radius-base)}.comments-composer__actions{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.comments-composer__private-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.comments-login-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:12px 16px;background:color-mix(in srgb,var(--bg-spotlight) 50%,transparent);border:1px dashed var(--border-color-secondary);border-radius:var(--border-radius-lg)}.comments-login-prompt__text{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.comments-feed{display:flex;flex-direction:column}.comments-feed__empty,.comments-feed__loading{margin:var(--spacing-lg) 0}.comments-feed__loading{display:flex;justify-content:center}.comment-thread,.comments-feed__threads{display:flex;flex-direction:column}.comment-thread{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-secondary);gap:var(--spacing-xs)}.comment-thread:last-child{border-bottom:none}.comment-item{display:flex;flex-direction:column;gap:4px}.comment-item--private{padding-left:8px;border-left:3px solid var(--warning-color)}.comment-item__header{display:flex;align-items:flex-start;gap:10px}.comment-item__avatar{background:var(--bg-spotlight);color:var(--text-primary);flex-shrink:0}.comment-item__avatar--small{margin-top:2px}.comment-item__meta{display:flex;flex-direction:column;gap:2px;flex:1 1}.comment-item__author-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.comment-item__author{font-size:.95rem;font-weight:600;color:var(--text-primary)}.comment-item__role-badge{font-size:11px;line-height:16px;padding:0 6px;border-radius:999px;margin:0}.comment-item__private-tag{font-size:11px;margin:0}.comment-item__date{font-size:.78rem;color:var(--text-tertiary);display:inline-flex;align-items:center;gap:4px}.comment-item__content{margin:4px 0 4px 42px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap;word-break:break-word;font-size:.93rem}.comment-item__content--reply{margin-left:34px;font-size:.9rem}.comment-item__actions{margin-left:42px;display:flex;align-items:center;gap:var(--spacing-sm)}.comment-item__reply-trigger{color:var(--text-secondary);padding:0 6px;height:24px;font-size:12px}.comment-item__reply-trigger:hover{color:var(--primary-color)}.comment-reply-composer{margin:var(--spacing-xs) 0 4px 42px;padding:10px;background:color-mix(in srgb,var(--bg-spotlight) 60%,transparent);border:1px solid var(--border-color-secondary);border-radius:var(--border-radius-base);display:flex;flex-direction:column;gap:8px}.comment-reply-composer__input{background:var(--bg-input)!important}.comment-reply-composer__actions{display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.comment-replies{margin-top:var(--spacing-xs);margin-left:20px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--primary-color) 25%,var(--border-color-secondary));display:flex;flex-direction:column;gap:var(--spacing-sm)}.comment-item--reply{padding-top:4px}@media (max-width:768px){.comments-composer{padding:var(--spacing-sm)}.comments-composer__actions{flex-direction:column;align-items:stretch}.comments-composer__private-toggle{justify-content:flex-start}.comments-composer__submit{width:100%}.comment-item__content{margin-left:0;margin-top:6px}.comment-item__actions,.comment-item__content--reply,.comment-reply-composer{margin-left:0}.comment-replies{margin-left:8px;padding-left:10px}}