:root{--primary-color:#ff9741;--secondary-color:#f7a760;--like-color:#38c172;--dislike-color:#e3342f;--bg-dark:#121212;--bg-darker:#1e1e1e;--border-dark:#333333;--text-light:#e0e0e0;--text-subtle:#888888}.comment-section-container{padding:20px;background-color:var(--bg-dark);color:var(--text-light);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.5);font-family:Arial,sans-serif}.comment-heading{display:flex;align-items:center;gap:10px;color:#ffffff;border-bottom:2px solid var(--border-dark);padding-bottom:15px;margin-bottom:20px;font-size:1.5rem}.sorting-controls-container{display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:25px;padding:0 0 10px;border-bottom:1px solid var(--border-dark)}.sort-label{color:var(--text-subtle);font-size:.9rem;font-weight:600}.sort-dropdown{border-radius:6px;border:1px solid var(--border-dark);background-color:var(--bg-darker);color:var(--text-light);font-size:.9rem;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23e0e0e0'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.21 8.27a.75.75 0 01.02-1.06z' clip-rule='evenodd' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding:8px 28px 8px 12px}.sort-dropdown:focus,.sort-dropdown:hover{border-color:var(--primary-color)}.sort-dropdown option{background-color:var(--bg-darker);color:var(--text-light);padding:8px}.comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.comment-form textarea{width:100%;padding:12px;border:1px solid #444444;border-radius:8px;resize:vertical;min-height:80px;font-size:1rem;box-sizing:border-box;background-color:var(--bg-darker);color:var(--text-light);transition:border-color .2s}.comment-form textarea:focus{border-color:var(--primary-color);outline:none}.comment-form button{background-color:var(--primary-color);color:var(--bg-dark);padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s;align-self:flex-end;display:flex;align-items:center;gap:8px;text-transform:uppercase}.comment-form button:hover:not(:disabled){background-color:var(--secondary-color)}.comment-form button:disabled{background-color:#444444;color:#888888;cursor:not-allowed}.login-prompt{background-color:var(--bg-darker);border:1px solid var(--border-dark);padding:15px;border-radius:8px;text-align:center}.login-link{color:var(--primary-color);text-decoration:none;font-weight:700}.login-link:hover{text-decoration:underline}.comment-list{display:flex;flex-direction:column}.comment-card{padding:10px 0;margin-bottom:15px;background-color:transparent;position:relative}.comment-header{justify-content:space-between;margin-bottom:5px;font-size:.95rem}.comment-header,.user-info{display:flex;align-items:center}.user-info{gap:8px}.user-avatar{border-radius:50%;object-fit:cover;width:30px!important;height:30px!important}.user-name{font-weight:700;color:#ffffff}.comment-date{color:var(--text-subtle);font-size:.75rem}.comment-text{margin:0 0 5px 38px;line-height:1.4;color:var(--text-light);word-wrap:break-word}.reply-target{color:var(--primary-color);font-weight:600;margin-right:5px;display:inline-flex;align-items:center}.reply-link{cursor:pointer;padding-right:4px;color:var(--text-subtle);transition:color .2s}.reply-link:hover{text-decoration:underline;color:var(--primary-color)}.comment-actions{gap:15px;margin-top:5px;margin-left:38px}.action-btn,.comment-actions{display:flex;align-items:center}.action-btn{background:none;border:none;color:var(--text-subtle);cursor:pointer;padding:0;transition:color .2s;gap:4px;font-size:.8rem;font-weight:600}.action-btn:hover{color:var(--text-light)}.like-btn.active{color:var(--like-color)}.dislike-btn.active{color:var(--dislike-color)}.reply-form{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;margin-top:10px;margin-left:38px;align-items:flex-end}.reply-form textarea{flex-grow:1;padding:8px;border:1px solid #444444;border-radius:6px;min-height:40px;background-color:var(--bg-darker);color:var(--text-light);transition:border-color .2s;box-sizing:border-box}.reply-form textarea:focus{border-color:var(--primary-color);outline:none}.reply-form button{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.9rem;transition:background-color .2s}.reply-form button:first-of-type{background-color:var(--primary-color);color:var(--bg-dark)}.reply-form button:first-of-type:hover{background-color:var(--secondary-color)}.reply-form button.cancel-reply-btn{background-color:#444444;color:var(--text-light)}.reply-form button.cancel-reply-btn:hover{background-color:#555555}.comment-replies{margin-top:10px}.comment-card[class*=depth-]{margin-left:0!important;background-color:transparent;padding:8px 0}.reply-control-actions{margin-left:0;margin-top:10px;padding-bottom:5px}.view-more-replies-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0;font-weight:600;font-size:.85rem;transition:color .2s;text-decoration:none;margin-left:38px;display:inline-flex;align-items:center;gap:5px}.view-more-replies-btn:hover{text-decoration:underline;color:var(--secondary-color)}.loading-state{text-align:center;padding:20px;color:var(--text-subtle);display:flex;align-items:center;justify-content:center;gap:10px;font-style:italic}.spin{animation:spin 1s linear infinite}.load-more-btn{width:100%;padding:12px;background-color:var(--bg-darker);border:1px solid var(--border-dark);border-radius:8px;cursor:pointer;color:var(--primary-color);font-weight:600;transition:background-color .2s,border-color .2s;margin-top:10px}.load-more-btn:hover:not(:disabled){background-color:#282828}.load-more-btn:disabled{background-color:#1e1e1e;color:#444444;cursor:wait}@media (max-width:600px){.comment-text{font-size:14px;line-height:1.6;padding:8px 10px}.comment-card{padding:12px}.comment-actions{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.comment-action-btn{flex:1 1 45%;font-size:13px}.user-name{font-size:13px}}@media (max-width:480px){.comment-section-container{padding:10px}.comment-actions,.comment-text,.reply-form,.view-more-replies-btn{margin-left:38px}.comment-replies{padding-left:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 1s linear infinite}:root{--glow-accent:#00ffff}@keyframes highlightPulse{0%{box-shadow:0 0 15px 3px rgba(0,255,255,.5),inset 0 0 5px rgba(0,255,255,.4)}50%{box-shadow:0 0 25px 5px rgba(0,255,255,.8),inset 0 0 10px rgba(0,255,255,.6)}to{box-shadow:0 0 15px 3px rgba(0,255,255,.5),inset 0 0 5px rgba(0,255,255,.4)}}.comment-card.highlight-target{z-index:10;background-color:#0b2e3c!important;border:2px solid var(--glow-accent)!important;animation:highlightPulse 2s ease-in-out infinite alternate;padding:15px!important}