.comment-section,.comment-section *,.comment-input,.comment-display,.comment-display *,.comment-indicator,.comment-indicator *,.comment-actions,.comment-actions *,.character-counter{font-family:inherit!important}.comment-section{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:8px;margin-top:12px;padding:16px;font-family:inherit;transition:all .3s ease-in-out;overflow:hidden}.comment-section.collapsed{opacity:0;max-height:0;margin-top:0;padding:0 16px}.comment-section.expanded{opacity:1;max-height:500px}.comment-input{border:1px solid hsl(var(--border));resize:vertical;background:hsl(var(--background));width:100%;min-height:80px;color:hsl(var(--foreground));border-radius:6px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.comment-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2);outline:none}.comment-input::placeholder{color:hsl(var(--muted-foreground))}.comment-display{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:6px;padding:12px;font-family:inherit}.comment-display .comment-content{color:hsl(var(--card-foreground));margin-bottom:8px;font-family:inherit;line-height:1.5}.comment-display .comment-metadata{border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));align-items:center;gap:8px;padding-top:8px;font-family:inherit;font-size:12px;display:flex}.comment-display .reviewer-avatar{background:hsl(var(--primary));width:20px;height:20px;color:hsl(var(--primary-foreground));border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:10px;font-weight:500;display:flex}.comment-indicator{background:hsl(var(--primary)/.1);color:hsl(var(--primary));cursor:pointer;border:none;border-radius:12px;align-items:center;gap:4px;height:auto;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:500;transition:background-color .2s;display:inline-flex!important}.comment-indicator:hover{background:hsl(var(--primary)/.15)!important}.comment-indicator .icon{width:14px;height:14px}.comment-actions{gap:8px;margin-top:12px;display:flex}.comment-actions .btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.comment-actions .btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.comment-actions .btn-primary:hover:not(:disabled){background:hsl(var(--primary)/.9);border-color:hsl(var(--primary)/.9)}.comment-actions .btn-primary:disabled{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-color:hsl(var(--muted));cursor:not-allowed}.comment-actions .btn-secondary{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-color:hsl(var(--border))}.comment-actions .btn-secondary:hover{background:hsl(var(--secondary)/.8)}.character-counter{color:hsl(var(--muted-foreground));text-align:right;background:hsl(var(--background)/.8);border-radius:4px;padding:2px 4px;font-family:inherit;font-size:11px}.comment-submitting{position:relative;color:#0000!important}.comment-submitting:after{content:"";border:2px solid #0000;border-top:2px solid hsl(var(--primary-foreground));border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:767px){.comment-section{border-left:none;border-right:none;border-radius:0;margin:8px -12px 0;padding:12px}.comment-actions{flex-direction:column-reverse}.comment-actions .btn{justify-content:center;width:100%}.comment-input{min-height:60px}}@media (min-width:768px) and (max-width:1024px){.comment-section{padding:14px}.comment-actions{justify-content:flex-end}}.comment-section-enter{opacity:0;max-height:0;transform:translateY(-10px)}.comment-section-enter-active{opacity:1;max-height:300px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(0)}.comment-section-exit{opacity:1;max-height:300px}.comment-section-exit-active{opacity:0;max-height:0;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px)}