.comment-section{flex-direction:column;gap:1.5rem;display:flex}.comment-section .comment-form{gap:1rem;display:flex}.comment-section .comment-form .comment-textarea{resize:none;border:1px solid #d1d5db;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.comment-section .comment-form .comment-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f64d}.comment-section .comment-form .comment-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#4f46e5,#9333ea);border:none;border-radius:.75rem;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:all .2s;display:flex}.comment-section .comment-form .comment-submit-btn:hover{box-shadow:0 4px 12px #4f46e566}.comment-section .comment-form .comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comment-section .comment-login-message{text-align:center;color:#1d4ed8;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem;font-weight:500}.comment-section .comment-list{flex-direction:column;gap:1rem;display:flex}.comment-section .comment-list .comment-empty{text-align:center;color:#6b7280;padding:2rem 0;font-size:.95rem}.comment-section .comment-list .comment-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:background .2s;display:flex}.comment-section .comment-list .comment-card:hover{background-color:#f3f4f6}.comment-section .comment-list .comment-card .comment-header{align-items:center;gap:.5rem;display:flex}.comment-section .comment-list .comment-card .comment-header .comment-avatar{background-color:#dbeafe;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.comment-section .comment-list .comment-card .comment-header .comment-avatar img{object-fit:cover;border-radius:9999px;width:100%;height:100%}.comment-section .comment-list .comment-card .comment-header .comment-user{flex-direction:column;display:flex}.comment-section .comment-list .comment-card .comment-header .comment-user .comment-username{color:#111827;font-size:.95rem;font-weight:600}.comment-section .comment-list .comment-card .comment-header .comment-user .comment-date{color:#6b7280;font-size:.75rem}.comment-section .comment-list .comment-card .comment-content{color:#374151;white-space:pre-wrap;font-size:.95rem}