.comments-section{background:hsla(0,0%,100%,.65);border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-top:2rem;padding:1.5rem}.comments-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.comments-title{color:#1a1a1a;font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.comments-count{background:#f7fafc;border-radius:4px;color:#718096;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.comment-form-container{margin-bottom:1.5rem}.comment-form-login-required{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2rem;text-align:center}.comment-form-login-required p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.login-link{border-bottom:1px solid transparent;color:#b8860b;font-weight:500;text-decoration:none;transition:color .25s ease}.login-link:hover{border-bottom-color:#cd7f32;color:#cd7f32}.comment-form{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);padding:1.5rem}.comment-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.comment-form-header h4{color:#1a1a1a;font-size:1.125rem;font-weight:600;letter-spacing:-.025em;margin:0}.comment-form-char-count{background:#f7fafc;border-radius:4px;color:#718096;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.char-count-warning{background:rgba(139,69,19,.1)!important;color:#8b4513!important;font-weight:600}.comment-form-body{margin-bottom:1rem}.comment-form-body textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;min-height:100px;padding:1rem;resize:vertical;transition:all .25s ease;width:100%}.comment-form-body textarea:focus{background:#fff;border-color:#b8860b;box-shadow:0 0 0 3px rgba(184,134,11,.08);outline:none}.comment-form-body textarea::placeholder{color:#718096}.comment-form-footer{display:flex;gap:.75rem;justify-content:flex-end}.comments-list{margin-top:1.5rem}.comments-loading{color:#718096;padding:3rem;text-align:center}.loading-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#b8860b;display:inline-block;height:32px;margin-bottom:1rem;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.no-comments{background:#f7fafc;border-radius:6px;color:#718096;font-style:italic;padding:3rem;text-align:center}.comment,.no-comments{border:1px solid #e2e8f0}.comment{background:#fff;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:1rem;padding:1.5rem;transition:all .25s ease}.comment:hover{border-color:#a0aec0;box-shadow:0 4px 6px rgba(0,0,0,.07);transform:translateY(-1px)}.comment:last-child{margin-bottom:0}.comment-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.comment-author{align-items:center;display:flex;gap:.75rem}.author-name{color:#1a1a1a;font-size:1rem;font-weight:600;letter-spacing:-.025em}.edited-badge{background:#f7fafc;border-radius:4px;color:#718096;font-size:.75rem;font-style:italic;font-weight:400;padding:.25rem .5rem}.comment-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.comment-time{background:#f7fafc;border-radius:4px;color:#718096;font-size:.875rem;padding:.25rem .5rem;white-space:nowrap}.comment-actions{display:flex;gap:.5rem}.comment-body{color:#1a1a1a;line-height:1.7}.comment-content{font-size:1rem;margin-bottom:1rem}.comment-edit-form{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.comment-edit-textarea{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.6;margin-bottom:1rem;min-height:80px;padding:.75rem;resize:vertical;transition:all .25s ease;width:100%}.comment-edit-textarea:focus{border-color:#b8860b;box-shadow:0 0 0 3px rgba(184,134,11,.08);outline:none}.comment-edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.notification{align-items:center;animation:slideInDown .25s ease-out;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;font-size:.875rem;font-weight:500;justify-content:space-between;margin-bottom:1rem;padding:1rem 1.5rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-success{background:#fff;border:1px solid #2d5a27;color:#2d5a27}.notification-error{background:#fff;border:1px solid #8b4513;color:#8b4513}.notification-info{background:#fff;border:1px solid #b8860b;color:#b8860b}.notification-message{flex:1}@media (max-width:768px){.comments-section{margin-top:1.5rem;padding:1rem}.comment-header,.comments-header{align-items:flex-start;flex-direction:column;gap:.75rem}.comment-meta{justify-content:flex-start}.comment-edit-actions,.comment-form-footer{align-items:stretch;flex-direction:column}.comment-actions{flex-direction:column;gap:.5rem}.comment,.comment-form{padding:1rem}}.comment-cancel-btn:focus,.comment-cancel-edit-btn:focus,.comment-delete-btn:focus,.comment-edit-btn:focus,.comment-form-body textarea:focus,.comment-report-btn:focus,.comment-save-btn:focus,.comment-submit-btn:focus{outline:2px solid #b8860b;outline-offset:2px}@media (prefers-contrast:high){.comment,.comment-delete-btn,.comment-edit-btn,.comment-form,.comment-report-btn{border-width:2px}}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#1a1a1a;font-size:1.25rem;font-weight:600;margin:0}.modal-body{padding:1.5rem}.modal-body p{color:#4a5568;line-height:1.6;margin:0 0 1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#1a1a1a;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group select:focus,.form-group textarea:focus{border-color:#b8860b;box-shadow:0 0 0 3px rgba(184,134,11,.1);outline:none}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.modal-open{overflow:hidden}@media (max-width:640px){.modal-content{margin:1rem;width:95%}.modal-body,.modal-header{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}