.comments-section{margin:2rem 0;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05)}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.header-controls{gap:16px}.comments-toggle-section,.header-controls,.toggle-label{display:flex;align-items:center}.toggle-label{gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-text{font-size:14px;font-weight:500;color:#555}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.toggle-switch input:checked+.toggle-slider{background-color:#ff4757}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.toggle-switch input:disabled+.toggle-slider:before{box-shadow:0 2px 4px rgba(0,0,0,.1)}.comments-title{font-size:1.5rem;margin-bottom:0;color:#343a40;font-weight:600;flex-shrink:0}.comment-form{margin-bottom:2rem}.comment-input{width:100%;min-height:100px;padding:1rem;margin-bottom:.5rem;border:1px solid #ced4da;border-radius:4px;resize:vertical;font-family:inherit;font-size:1rem;transition:border-color .2s}.comment-input:focus{outline:none;border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}.comment-submit-btn{padding:.5rem 1.5rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.comment-submit-btn:hover{background-color:#0069d9}.comment-submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.login-to-comment{padding:1rem;background-color:#e9ecef;border-radius:4px;margin-bottom:2rem;text-align:center}.login-link{background:none;border:none;color:#0d6efd;cursor:pointer;font-weight:500;padding:0;text-decoration:underline}.login-link:hover{color:#0a58ca}.comments-list{display:flex;flex-direction:column;gap:.8rem}.comment-main{display:flex;gap:1rem}.comment-avatar{flex-shrink:0}.comment-avatar img{object-fit:cover}.comment-avatar img,.default-avatar{width:50px;height:50px;border-radius:50%}.default-avatar{background-color:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem}.comment-content{flex-grow:1;background-color:#f8f9fa;padding:1rem 1rem 1rem 1.25rem;border-radius:8px;display:flex;flex-direction:column;gap:.75rem}.pinned-comment{border:2px solid #ff6b6b;border-radius:8px;padding:.75rem .75rem .75rem 1rem}.pinned-indicator{margin-left:8px;font-size:.9rem;color:#ff6b6b}.comment-header{display:flex;justify-content:space-between;align-items:flex-start}.comment-user-info{display:flex;flex-direction:column;gap:.25rem}.comment-user-line{display:flex;align-items:center;gap:.5rem}.comment-username{font-weight:700;color:#343a40}.comment-username-link{text-decoration:none;color:inherit;transition:color .2s ease}.comment-username-link:hover{color:#007bff;text-decoration:none}.comment-username-link:hover .comment-username{color:#007bff}.role-tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:3px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px;line-height:1;height:16px;position:relative;top:-1px}.admin-tag{background-color:#ff4757;color:#fff}.mod-tag{background-color:#3742fa;color:#fff}.pj-user-tag{background-color:#7bed9f;color:#2f3542}.translator-tag{background-color:#5f27cd;color:#fff}.editor-tag{background-color:#70a1ff;color:#fff}.proofreader-tag{background-color:#f3c212;color:#2f3542}.comment-chapter-link{margin-top:2px}.chapter-link{font-size:.75rem;color:#ff6b6b;text-decoration:none;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background-color:hsla(0,100%,71%,.1);border-radius:12px;transition:all .2s ease}.chapter-link:hover{background-color:hsla(0,100%,71%,.2);text-decoration:none;color:#e74c3c}.comment-text{line-height:1.5;color:#0f0f0f;word-break:break-word;font-family:Roboto,Arial,sans-serif}.comment-actions{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.comment-time.action-time{font-size:.85rem;color:#6c757d;line-height:1.5;padding:.25rem .5rem .25rem 0}.like-button{background:none;border:none;cursor:pointer;display:inline-flex;align-items:baseline;gap:4px;transition:all .2s ease;border-radius:4px;font-size:.85rem;line-height:1.5;padding:.25rem .5rem;position:relative}.like-button:disabled{cursor:not-allowed;opacity:.6}.like-button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.like-button.liked,.like-button.liked .fa-thumbs-up{color:#007bff}.like-button .fa-thumbs-up{color:#6c757d;transition:color .2s ease}.like-button.pending{color:#ffc107;background-color:rgba(255,193,7,.1)}.like-button.pending:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px dashed #ffc107;border-radius:6px;animation:pendingPulse 2s infinite}.like-button.error{color:#dc3545;background-color:rgba(220,53,69,.1)}.like-button.error:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid #dc3545;border-radius:6px}@keyframes pendingPulse{0%,to{opacity:1}50%{opacity:.5}}.like-icon{display:inline-flex;align-items:center;justify-content:center}.like-count{font-size:.85rem;color:#666;line-height:1.5}.delete-button{background:none;border:none;display:flex;align-items:center;gap:.25rem;cursor:pointer;font-size:.9rem;color:#6c757d;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.delete-button:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.reply-button{background:none;border:none;display:inline-flex;align-items:baseline;gap:.25rem;cursor:pointer;font-size:.85rem;color:#6c757d;line-height:1.5;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.reply-button:hover{background-color:hsla(208,7%,46%,.1)}.reply-button:disabled{color:#adb5bd;opacity:.6;cursor:not-allowed}.reply-button:disabled:hover{background-color:transparent;color:#adb5bd}.comments-error,.comments-loading,.no-comments{text-align:center;padding:2rem 0;color:#6c757d}.comments-error{color:#dc3545}.reply-form{margin-left:3rem}.edit-form,.reply-form{margin-top:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px}.edit-form{border:1px solid #dee2e6}.edit-form.clean{padding:0;margin:0;background:none;border:none;border-radius:0}.edit-editor.clean{padding:0;border:none}.reply-input{width:100%;min-height:80px;padding:.75rem;margin-bottom:.5rem;border:1px solid #ced4da;border-radius:4px;resize:vertical;font-family:inherit;font-size:.9rem;transition:border-color .2s}.reply-input:focus{outline:none;border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}.reply-actions{display:flex;gap:.5rem}.reply-submit-btn{padding:.5rem 1rem;background-color:#3742fa;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.reply-submit-btn:hover{background-color:#218838}.reply-submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.reply-cancel-btn{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.reply-cancel-btn:hover{background-color:#5a6268}.edit-input{min-height:80px;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;transition:border-color .2s}.edit-input,.edit-input.clean{width:100%;margin-bottom:.5rem;resize:vertical;font-family:inherit}.edit-input.clean{padding:8px;border:none;outline:none;min-height:450px;font-size:14px;line-height:1.6}.edit-input:focus{outline:none;border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}.edit-actions{display:flex;gap:.5rem}.edit-submit-btn{padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.edit-submit-btn:hover{background-color:#0056b3}.edit-submit-btn:disabled{background-color:#6c757d;cursor:not-allowed}.edit-cancel-btn{padding:.5rem 1rem;background-color:#6c757d;color:#fff;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.edit-cancel-btn:hover{background-color:#5a6268}.edited-indicator{font-size:.85rem;color:#6c757d;font-style:italic;display:inline-flex;align-items:baseline;line-height:1.5;padding:.25rem .5rem}.deleted-comment-placeholder{padding:.5rem 0;color:#6c757d;font-style:italic;opacity:.7}.deleted-user{color:#6c757d!important;font-style:italic;opacity:.7}.deleted-indicator{font-size:.85em;font-weight:400;opacity:.8}.replies-list{margin-top:1rem;margin-left:3rem;display:flex;flex-direction:column;gap:1rem}.replies-list .replies-list{margin-left:2rem}.reply-item{display:flex;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:4px;border-left:2px solid #dee2e6}.reply-avatar{flex-shrink:0}.reply-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.reply-content{flex-grow:1}.reply-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.reply-username{font-weight:600;color:#343a40}.reply-time{font-size:.8rem;color:#6c757d}.reply-text{line-height:1.5;color:#0f0f0f;word-break:break-word;font-family:Roboto,Arial,sans-serif}.comment-dropdown{position:relative;display:inline-block}.comment-dropdown-trigger{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;font-size:1.2rem;line-height:1;color:#6c757d}.comment-dropdown-trigger:hover{background-color:rgba(0,0,0,.05);color:#495057}.comment-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1000;min-width:180px;animation:fadeIn .15s ease-out}.comment-dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:#495057;transition:background-color .2s}.comment-dropdown-item:hover{background-color:#f8f9fa}.comment-dropdown-item:first-child{border-radius:4px 4px 0 0}.comment-dropdown-item:last-child{border-radius:0 0 4px 4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.block-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.block-confirm-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:400px;width:90%;text-align:center}.block-confirm-content p{margin-bottom:1rem;color:#333}.block-confirm-content p:last-of-type{margin-bottom:1.5rem}.block-warning{font-size:.9rem;color:#dc3545;font-style:italic;margin-bottom:1rem}.block-confirm-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.block-confirm-actions button{padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500}.block-confirm-actions button:first-child{background-color:#ff4757;color:#fff;border:none}.block-confirm-actions button:last-child{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.delete-reason-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.delete-reason-content{background-color:#fff;padding:2rem;border-radius:8px;max-width:500px;width:90%}.delete-reason-content h3{margin:0 0 1rem;color:#dc3545;font-size:1.25rem;font-weight:600}.delete-reason-content p{margin-bottom:1.5rem;color:#333}.delete-reason-input-group{margin-bottom:1.5rem}.delete-reason-input-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.delete-reason-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:.9rem;line-height:1.4;resize:vertical;min-height:80px;font-family:inherit}.delete-reason-input::placeholder{color:#6c757d;font-style:normal;font-family:inherit;opacity:.8}.delete-reason-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px rgba(0,123,255,.25)}:root.dark-mode .delete-reason-modal{background-color:rgba(0,0,0,.7)}:root.dark-mode .delete-reason-content{background-color:#1a1a1a;color:#f8f9fa}:root.dark-mode .delete-reason-content h3{color:#ff6b6b}:root.dark-mode .delete-reason-content p,:root.dark-mode .delete-reason-input-group label{color:#e9ecef}:root.dark-mode .delete-reason-input{background-color:#2a2a2a;border-color:#495057;color:#f8f9fa}:root.dark-mode .delete-reason-input::placeholder{color:#adb5bd;opacity:.6}:root.dark-mode .delete-reason-input:focus{border-color:#4dabf7;box-shadow:0 0 0 2px rgba(77,171,247,.25)}:root.dark-mode .delete-confirm-btn{background-color:#ff4757;color:#fff}:root.dark-mode .delete-confirm-btn:hover{background-color:#c82333}:root.dark-mode .delete-cancel-btn{background-color:#2a2a2a;border-color:#495057;color:#e9ecef}:root.dark-mode .delete-cancel-btn:hover{background-color:#343a40;border-color:#6c757d}.delete-reason-actions{display:flex;justify-content:flex-end;gap:1rem}.delete-reason-actions button{padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;border:none;transition:all .2s ease}.delete-confirm-btn{background-color:#ff4757;color:#fff}.delete-confirm-btn:hover{background-color:#c82333}.delete-cancel-btn{background-color:#f8f9fa;border:1px solid #ddd;color:#333}.delete-cancel-btn:hover{background-color:#e2e6ea}.sort-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.sort-btn,.sort-controls span{font-size:.9rem;color:#6c757d}.sort-btn{background:none;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.sort-btn:hover{background-color:rgba(0,0,0,.05);color:#495057}.sort-btn.active{background-color:#e9ecef;color:#495057;font-weight:500}.comment-editor,.reply-editor{margin-bottom:1rem}.comment-editor .tox-tinymce,.reply-editor .tox-tinymce{border:1px solid #ddd;border-radius:8px;overflow:hidden}.comment-editor .tox-toolbar,.reply-editor .tox-toolbar{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:8px}.comment-editor .tox-edit-area,.reply-editor .tox-edit-area{background-color:#fff}.comment-editor .tox-tbtn,.reply-editor .tox-tbtn{margin:1px;border-radius:3px}.comment-editor .tox-tbtn:hover,.reply-editor .tox-tbtn:hover{background-color:#e9ecef}.comment-editor .tox-tbtn--enabled,.reply-editor .tox-tbtn--enabled{background-color:#007bff;color:#fff}.comment-content-wrapper{word-wrap:break-word;overflow-wrap:break-word}.comment-content-wrapper br{line-height:1.5}.comment-content-wrapper br+br{margin-bottom:.75em}.comment-content-wrapper br+br+br{margin-bottom:1em}.comment-content-wrapper br+p,.comment-content-wrapper p+br{margin-top:.5em}.comment-content-wrapper.truncated{max-height:84px;overflow:hidden;position:relative}.comment-content-wrapper.truncated:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:21px;background:linear-gradient(90deg,transparent 0,#f8f9fa 70%);pointer-events:none}.see-more-btn{background:none;border:none;color:#343a40;font-weight:700;font-size:14px;cursor:pointer;padding:4px 0;margin-top:4px;text-decoration:none;display:inline-block}.see-more-btn:hover{text-decoration:underline;color:#343a45}.comment-content-wrapper img{max-width:100%;height:auto;border-radius:4px}.comment-content-wrapper p{font-size:inherit;line-height:inherit;font-family:var(--content-font-family,"Arial","Georgia",sans-serif);margin:0 0 .8em;color:inherit;font-weight:400}.comment-content-wrapper p:last-child{margin-bottom:0}.reply-text p{font-size:inherit;line-height:inherit;font-family:var(--content-font-family,"Arial","Georgia",sans-serif);margin:0 0 .8em;color:inherit;font-weight:400}.reply-text p:last-child{margin-bottom:0}.show-less-replies-btn,.show-more-replies-btn{background:none;border:none;color:#ff6b6b;font-size:.85rem;padding:.5rem 0;cursor:pointer;text-decoration:none;margin-left:1rem;margin-top:.5rem}.show-less-replies-btn:hover,.show-more-replies-btn:hover{color:#e74c3c;text-decoration:underline}.comment-pagination-controls{margin-top:2rem;padding:1.5rem 0;border-top:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;gap:1rem}.comment-pagination-info{font-size:.9rem;color:#6c757d;text-align:center}.comment-pagination-buttons{display:flex;flex-direction:column;align-items:center;gap:.75rem;justify-content:center}.comment-pagination-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.comment-pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd}.comment-pagination-btn:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.comment-page-numbers{display:flex;gap:.25rem;order:1}.comment-pagination-nav-buttons{display:flex;gap:.5rem;order:2}.comment-page-number-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:40px;transition:all .2s ease}.comment-page-number-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.comment-page-number-btn.active{background-color:#ff6b6b;border-color:#ff6b6b;color:#fff}.comment-page-number-btn.active:hover{background-color:#e74c3c;border-color:#e74c3c}.chapter-comments-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-size:.75rem;font-weight:600;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.chapter-comments-toggle-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.chapter-comments-toggle-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.chapter-comments-toggle-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.filter-info{font-size:.8rem;color:#6c757d;font-style:italic}:root.dark-mode .comments-section{background-color:#1a1a1a;box-shadow:0 2px 4px rgba(0,0,0,.2)}:root.dark-mode .comment-content{background-color:#2a2a2a}:root.dark-mode .comments-title{color:#f8f9fa}:root.dark-mode .comment-input{background-color:#2f3542;border-color:#495057;color:#f8f9fa}:root.dark-mode .comment-input:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}:root.dark-mode .login-to-comment{background-color:#2f3542;color:#f8f9fa}:root.dark-mode .comment-item{border-bottom-color:#495057}:root.dark-mode .comment-username{color:#f8f9fa}:root.dark-mode .comment-username-link:hover,:root.dark-mode .comment-username-link:hover .comment-username{color:#66b0ff}:root.dark-mode .comment-time.action-time{color:#adb5bd}:root.dark-mode .admin-tag{background-color:#ff4757;color:#fff}:root.dark-mode .mod-tag{background-color:#3742fa;color:#fff}:root.dark-mode .pj-user-tag{background-color:#7bed9f;color:#2f3542}:root.dark-mode .translator-tag{background-color:#5f27cd;color:#fff}:root.dark-mode .editor-tag{background-color:#70a1ff;color:#fff}:root.dark-mode .proofreader-tag{background-color:#f3c212;color:#2f3542}:root.dark-mode .comment-text{color:#e9ecef;font-family:Roboto,Arial,sans-serif}:root.dark-mode .chapter-link{color:#ff6b6b;background-color:hsla(0,100%,71%,.1)}:root.dark-mode .chapter-link:hover{background-color:hsla(0,100%,71%,.2);color:#f99}:root.dark-mode .comments-loading,:root.dark-mode .no-comments{color:#adb5bd}:root.dark-mode .reply-form{background-color:#2f3542}:root.dark-mode .reply-input{background-color:#343a40;border-color:#495057;color:#f8f9fa}:root.dark-mode .reply-input:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}:root.dark-mode .reply-item{background-color:#2f3542;border-left-color:#495057}:root.dark-mode .reply-username{color:#f8f9fa}:root.dark-mode .reply-text{color:#e9ecef;font-family:Roboto,Arial,sans-serif}:root.dark-mode .edit-form{background-color:#2f3542;border-color:#495057}:root.dark-mode .edit-input{background-color:#343a40;border-color:#495057;color:#f8f9fa}:root.dark-mode .edit-input:focus{border-color:#6c757d;box-shadow:0 0 0 .2rem hsla(208,7%,46%,.25)}:root.dark-mode .deleted-comment-placeholder,:root.dark-mode .edited-indicator{color:#adb5bd}:root.dark-mode .deleted-user{color:#adb5bd!important}:root.dark-mode .deleted-indicator{color:#adb5bd}:root.dark-mode .block-confirm-content{background-color:#343a40}:root.dark-mode .block-confirm-content p{color:#f8f9fa}:root.dark-mode .block-warning{color:#ff6b6b}:root.dark-mode .block-confirm-actions button:last-child{background-color:#2f3542;border-color:#495057;color:#f8f9fa}:root.dark-mode .like-button:not(:disabled):hover{background-color:hsla(0,0%,100%,.1)}:root.dark-mode .like-count{color:#999}:root.dark-mode .reply-button:disabled{color:#6c757d;opacity:.6}:root.dark-mode .reply-button:disabled:hover{background-color:transparent;color:#6c757d}:root.dark-mode .comment-dropdown-trigger{color:#adb5bd}:root.dark-mode .comment-dropdown-trigger:hover{background-color:hsla(0,0%,100%,.1);color:#e9ecef}:root.dark-mode .comment-dropdown-menu{background:#343a40;border-color:#495057;box-shadow:0 2px 8px rgba(0,0,0,.3)}:root.dark-mode .comment-dropdown-item{color:#e9ecef}:root.dark-mode .comment-dropdown-item:hover{background-color:#495057}:root.dark-mode .pinned-comment{border-color:#ff6b6b}:root.dark-mode .pinned-indicator{color:#ff6b6b}:root.dark-mode .sort-btn,:root.dark-mode .sort-controls span{color:#adb5bd}:root.dark-mode .sort-btn:hover{background-color:hsla(0,0%,100%,.05);color:#e9ecef}:root.dark-mode .sort-btn.active{background-color:#343a40;color:#f8f9fa}:root.dark-mode .comment-editor .tox-tinymce,:root.dark-mode .reply-editor .tox-tinymce{border-color:#4a5568;background:#1a202c}:root.dark-mode .comment-editor .tox-toolbar,:root.dark-mode .reply-editor .tox-toolbar{background:#2d3748;border-bottom-color:#4a5568}:root.dark-mode .comment-editor .tox-edit-area,:root.dark-mode .reply-editor .tox-edit-area{background-color:#1a202c}:root.dark-mode .comment-editor .tox-tbtn,:root.dark-mode .reply-editor .tox-tbtn{background-color:#4a5568;color:#e2e8f0;border:1px solid #718096}:root.dark-mode .comment-editor .tox-tbtn:hover,:root.dark-mode .reply-editor .tox-tbtn:hover{background-color:#63b3ed;color:#1a202c;border-color:#63b3ed}:root.dark-mode .comment-editor .tox-tbtn--enabled,:root.dark-mode .reply-editor .tox-tbtn--enabled{background-color:#4299e1;color:#fff;border-color:#4299e1}:root.dark-mode .comment-editor .tox-tbtn svg,:root.dark-mode .reply-editor .tox-tbtn svg{fill:#e2e8f0}:root.dark-mode .comment-editor .tox-tbtn:hover svg,:root.dark-mode .reply-editor .tox-tbtn:hover svg{fill:#1a202c}:root.dark-mode .comment-editor .tox-tbtn--enabled svg,:root.dark-mode .reply-editor .tox-tbtn--enabled svg{fill:#fff}:root.dark-mode .comment-content-wrapper.truncated:after{background:linear-gradient(90deg,transparent 0,#2a2a2a 70%)}:root.dark-mode .comment-content-wrapper br{line-height:1.5}:root.dark-mode .comment-content-wrapper br+br{margin-bottom:.75em}:root.dark-mode .comment-content-wrapper br+br+br{margin-bottom:1em}:root.dark-mode .comment-content-wrapper br+p,:root.dark-mode .comment-content-wrapper p+br{margin-top:.5em}:root.dark-mode .see-more-btn{color:#66b0ff}:root.dark-mode .see-more-btn:hover{color:#9cf}:root.dark-mode .show-less-replies-btn,:root.dark-mode .show-more-replies-btn{color:#ff6b6b}:root.dark-mode .show-less-replies-btn:hover,:root.dark-mode .show-more-replies-btn:hover{color:#f99}:root.dark-mode .comment-pagination-controls{border-top-color:#495057}:root.dark-mode .comment-pagination-info{color:#adb5bd}:root.dark-mode .comment-pagination-btn{background-color:#495057;border-color:#6c757d;color:#f8f9fa}:root.dark-mode .comment-pagination-btn:hover:not(:disabled){background-color:#6c757d;border-color:#adb5bd}:root.dark-mode .comment-pagination-btn:disabled{background-color:#343a40;color:#6c757d}:root.dark-mode .comment-page-number-btn{background-color:#495057;border-color:#6c757d;color:#f8f9fa}:root.dark-mode .comment-page-number-btn:hover{background-color:#6c757d;border-color:#adb5bd}:root.dark-mode .comment-page-number-btn.active{background-color:#ff6b6b;border-color:#ff6b6b;color:#fff}:root.dark-mode .comment-page-number-btn.active:hover{background-color:#e74c3c;border-color:#e74c3c}:root.dark-mode .chapter-comments-toggle-btn{background-color:#495057;border-color:#6c757d;color:#f8f9fa}:root.dark-mode .chapter-comments-toggle-btn:hover{background-color:#6c757d;border-color:#adb5bd}:root.dark-mode .chapter-comments-toggle-btn.active{background-color:#4dabf7;border-color:#4dabf7;color:#2f3542}:root.dark-mode .chapter-comments-toggle-btn.active:hover{background-color:#74c0fc;border-color:#74c0fc}:root.dark-mode .filter-info{color:#adb5bd}:root.dark-mode .toggle-text{color:#ccc}:root.dark-mode .toggle-slider{background-color:#555}:root.dark-mode .toggle-slider:before{background-color:#e0e0e0}:root.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:#ff4757}@media (max-width:768px){.comments-section{margin:1.5rem 0;padding:1rem}.comments-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.header-controls{align-self:flex-end;gap:12px}.comments-title{font-size:1.3rem;margin-bottom:0}.comment-form{margin-bottom:1.5rem}.comment-input{min-height:80px;padding:.75rem;font-size:.95rem}.comment-submit-btn{padding:.6rem 1.25rem;font-size:.95rem}.comment-main{gap:.75rem}.comment-content{gap:.5rem;padding:.75rem .75rem .75rem 1rem}.comment-item{padding-bottom:.2rem}.comment-avatar img,.default-avatar{width:44px;height:44px}.default-avatar{font-size:1.3rem}.comment-actions{gap:.45rem;flex-wrap:wrap}.comment-time.action-time,.edited-indicator,.like-button,.like-count,.reply-button{font-size:.8rem}.reply-form{margin-left:2rem;padding:.75rem}.reply-input{min-height:70px;padding:.6rem;font-size:.85rem}.reply-actions{gap:.4rem}.reply-cancel-btn,.reply-submit-btn{padding:.4rem .8rem;font-size:.85rem}.replies-list{margin-left:2rem;gap:.75rem}.replies-list .replies-list{margin-left:1.5rem}.sort-controls{margin-bottom:1rem;flex-wrap:wrap;gap:.4rem}.sort-btn{padding:.3rem .6rem;font-size:.85rem}.chapter-comments-toggle-btn{padding:.4rem .8rem;font-size:.65rem}.filter-info{font-size:.75rem}.comment-pagination-controls{margin-top:1.5rem;padding:1rem 0;gap:.75rem}.comment-pagination-info{font-size:.8rem}.comment-pagination-buttons{gap:.5rem}.comment-pagination-nav-buttons{gap:.25rem}.comment-pagination-btn{padding:.4rem .8rem;font-size:.8rem}.comment-page-number-btn{padding:.4rem .6rem;font-size:.8rem;min-width:36px}.show-less-replies-btn,.show-more-replies-btn{font-size:.8rem;margin-left:.5rem}.comment-content-wrapper.truncated{max-height:72px}.see-more-btn{font-size:13px}.comment-editor .tox-toolbar,.reply-editor .tox-toolbar{padding:4px}.comment-editor .tox-tbtn,.reply-editor .tox-tbtn{margin:.5px;padding:4px}.edited-indicator{font-size:.75rem;padding:.2rem .4rem}.pinned-comment{padding:.625rem .625rem .625rem .875rem}}@media (max-width:576px){.comment-content{gap:.4rem;padding:.75rem .75rem .75rem .875rem}.comment-actions{gap:.3rem;flex-wrap:wrap;justify-content:flex-start}.comment-time.action-time,.edited-indicator,.like-button,.like-count,.reply-button{font-size:.75rem}.like-button,.reply-button{padding:.2rem .4rem}.comment-time.action-time{padding:.2rem .4rem .2rem 0}.comment-dropdown{align-self:flex-start}.comment-dropdown-trigger{padding:2px 6px;font-size:1.1rem}.comment-dropdown-menu{min-width:160px;right:0;top:100%}.reply-form{margin-top:.75rem;margin-left:1rem;padding:.6rem}.reply-input{padding:.5rem;font-size:.8rem}.reply-actions{flex-direction:column;gap:.3rem}.reply-cancel-btn,.reply-submit-btn{width:100%;padding:.5rem;font-size:.8rem}.edit-form{margin-top:.75rem;padding:.6rem}.edit-input{padding:.5rem;font-size:.8rem}.edit-actions{flex-direction:column;gap:.3rem}.edit-cancel-btn,.edit-submit-btn{width:100%;padding:.5rem;font-size:.8rem}.replies-list{margin-top:.75rem;gap:.5rem}.replies-list,.replies-list .replies-list{margin-left:1rem}.reply-avatar img{width:28px;height:28px}.reply-header{flex-direction:column;align-items:flex-start;gap:.2rem;margin-bottom:.3rem}.reply-username{font-size:.85rem}.reply-time{font-size:.75rem}.reply-text{font-size:.85rem}.sort-controls{flex-direction:row;align-items:center;gap:.25rem;margin-bottom:.75rem;flex-wrap:nowrap}.sort-btn,.sort-controls span{font-size:.75rem;white-space:nowrap}.sort-btn{padding:.2rem .35rem;min-width:auto}.comments-error,.comments-loading,.no-comments{padding:1.5rem 0;font-size:.9rem}.block-confirm-content{padding:1.5rem;width:95%}.block-confirm-content p{font-size:.9rem}.block-confirm-actions{flex-direction:column;gap:.5rem}.block-confirm-actions button{width:100%;padding:.6rem;font-size:.9rem}.chapter-comments-toggle-btn{padding:.3rem .6rem;font-size:.6rem}.filter-info{font-size:.7rem}.comment-pagination-controls{margin-top:1rem;padding:.75rem 0;gap:.5rem}.comment-pagination-buttons,.comment-pagination-nav-buttons{gap:.5rem}.comment-pagination-btn{padding:.5rem 1rem;min-width:80px}.show-less-replies-btn,.show-more-replies-btn{margin-left:0;text-align:left}.comment-content-wrapper.truncated{max-height:63px}.see-more-btn{font-size:12px}.pinned-comment{padding:.5rem .5rem .5rem .75rem}}.muted-comment{opacity:.6;background:#f8f9fa;border-left:3px solid #ccc;margin:.5rem 0}:root.dark-mode .muted-comment{background:#2a2a2a;border-left-color:#555}.blocked-author{color:#6c757d!important;font-style:italic}:root.dark-mode .blocked-author{color:#adb5bd!important}.blocked-comment-text{color:#6c757d;font-style:italic;padding:.5rem 0}:root.dark-mode .blocked-comment-text{color:#adb5bd}.muted-comment .comment-content{padding:.8rem}.muted-comment .comment-header{margin-bottom:.3rem}.muted-comment .comment-replies .comment-item:not(.muted-comment){opacity:1;background:#fff;border-left:none}:root.dark-mode .muted-comment .comment-replies .comment-item:not(.muted-comment){background:#1a1a1a}