.comments-section{--comment-bg:#ffffff;--comment-border:#e9ecef;--comment-accent:#0d6efd;--comment-accent-subtle:rgba(13, 110, 253, 0.08);--comment-text:#212529;--comment-text-muted:#6c757d;--comment-hover:#f8f9fa;--comment-avatar-bg:linear-gradient(135deg, #667eea, #764ba2);--comment-avatar-color:#ffffff;--comment-form-bg:#ffffff;--comment-spoiler-bg:rgba(0, 0, 0, 0.05);--comment-pill-bg:#f0f0f0;--comment-pill-active:rgba(13, 110, 253, 0.12);--comment-emoji-hover:#e9ecef;--comment-toast-bg:#212529;--comment-toast-color:#ffffff;--comment-like-color:#198754;--comment-dislike-color:#dc3545;--comment-reply-bg:#f8f9fa}[data-bs-theme="dark"] .comments-section{--comment-bg:#1e2127;--comment-border:#2a2e35;--comment-accent:#6ea8fe;--comment-accent-subtle:rgba(110, 168, 254, 0.08);--comment-text:#dee2e6;--comment-text-muted:#adb5bd;--comment-hover:#252930;--comment-avatar-bg:linear-gradient(135deg, #667eea, #764ba2);--comment-avatar-color:#ffffff;--comment-form-bg:#1e2127;--comment-spoiler-bg:rgba(255, 255, 255, 0.05);--comment-pill-bg:#2a2e35;--comment-pill-active:rgba(110, 168, 254, 0.15);--comment-emoji-hover:#2a2e35;--comment-toast-bg:#f8f9fa;--comment-toast-color:#212529;--comment-like-color:#75b798;--comment-dislike-color:#ea868f;--comment-reply-bg:#252930}[data-bs-theme="oled"] .comments-section{--comment-bg:#0a0a0a;--comment-border:#1a1a1a;--comment-accent:#6ea8fe;--comment-accent-subtle:rgba(110, 168, 254, 0.06);--comment-text:#dee2e6;--comment-text-muted:#adb5bd;--comment-hover:#111111;--comment-avatar-bg:linear-gradient(135deg, #667eea, #764ba2);--comment-avatar-color:#ffffff;--comment-form-bg:#0a0a0a;--comment-spoiler-bg:rgba(255, 255, 255, 0.03);--comment-pill-bg:#1a1a1a;--comment-pill-active:rgba(110, 168, 254, 0.12);--comment-emoji-hover:#1a1a1a;--comment-toast-bg:#f8f9fa;--comment-toast-color:#212529;--comment-like-color:#75b798;--comment-dislike-color:#ea868f;--comment-reply-bg:#111111}.comments-section{max-width:800px;margin-left:auto;margin-right:auto;padding:0 .5rem}.comments-title{font-size:1.35rem;font-weight:700;color:var(--comment-text);display:flex;align-items:center}.comments-title .bi{color:var(--comment-accent)}.comments-count{font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:2rem}.comments-sort-pills{border-radius:.5rem;overflow:hidden}.comment-sort-btn{background:var(--comment-pill-bg);color:var(--comment-text-muted);border:1px solid var(--comment-border);font-weight:500;font-size:.8rem;padding:.3rem .75rem;transition:all 0.2s ease}.comment-sort-btn:hover{background:var(--comment-hover);color:var(--comment-text)}.comment-sort-btn.active{background:var(--comment-accent);color:#fff;border-color:var(--comment-accent)}.comment-form-card{background:var(--comment-form-bg);border:1px solid var(--comment-border);border-radius:1rem;padding:1rem 1.25rem;transition:border-color 0.2s}.comment-form-card:focus-within{border-color:var(--comment-accent);box-shadow:0 0 0 3px var(--comment-accent-subtle)}.comment-form-avatar .comment-avatar-circle{width:36px;height:36px;font-size:.85rem}.comment-textarea{border:none;background:#fff0;resize:none;color:var(--comment-text);font-size:.9rem;line-height:1.5;padding:.25rem 0;min-height:60px;max-height:200px;overflow-y:auto}.comment-textarea:focus{box-shadow:none;outline:none}.comment-textarea::placeholder{color:var(--comment-text-muted)}.comment-textarea-wrapper{position:relative}.comment-char-counter{font-size:.7rem;color:var(--comment-text-muted);text-align:right;opacity:0;transition:opacity 0.2s}.comment-textarea:focus~.comment-char-counter,.comment-char-counter.visible{opacity:1}.comment-char-counter.warning{color:#ffc107}.comment-char-counter.danger{color:#dc3545}.comment-tool-btn{background:var(--comment-pill-bg);color:var(--comment-text-muted);border:1px solid var(--comment-border);border-radius:.5rem;font-size:.8rem;padding:.25rem .6rem;transition:all 0.2s}.comment-tool-btn:hover{background:var(--comment-hover);color:var(--comment-text)}.comment-tool-btn.active{background:var(--comment-accent-subtle);color:var(--comment-accent);border-color:var(--comment-accent)}.comment-submit-btn{border-radius:.5rem;font-weight:600;font-size:.85rem;padding:.35rem 1.25rem;transition:all 0.2s}.comment-submit-btn:disabled{opacity:.5}.emoji-picker-popover{background:var(--comment-bg);border:1px solid var(--comment-border);border-radius:.75rem;padding:.75rem;margin-top:.5rem;box-shadow:0 8px 24px rgb(0 0 0 / .12);animation:commentFadeInUp 0.2s ease}[data-bs-theme="dark"] .emoji-picker-popover,[data-bs-theme="oled"] .emoji-picker-popover{box-shadow:0 8px 24px rgb(0 0 0 / .4)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-item{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:1.25rem;cursor:pointer;border-radius:.5rem;transition:all 0.15s;user-select:none}.emoji-item:hover{background:var(--comment-emoji-hover);transform:scale(1.2)}.emoji-item:active{transform:scale(.9)}.comment-login-cta{background:var(--comment-accent-subtle);border:1px dashed var(--comment-accent);border-radius:1rem;padding:1.5rem;color:var(--comment-text)}.comment-login-icon{font-size:2rem;color:var(--comment-accent);display:block;margin-bottom:.5rem}.comment-card{background:var(--comment-bg);border:1px solid var(--comment-border);border-left:3px solid #fff0;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:.75rem;transition:all 0.2s ease;animation:commentFadeIn 0.3s ease}.comment-card:hover{border-left-color:var(--comment-accent);background:var(--comment-hover)}.comment-avatar-circle{width:40px;height:40px;border-radius:50%;background:var(--comment-avatar-bg);color:var(--comment-avatar-color);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;text-transform:uppercase}.comment-avatar-sm{width:28px;height:28px;font-size:.7rem;flex-shrink:0}.min-width-0{min-width:0}.comment-sender{color:var(--comment-accent);font-size:.88rem}.comment-dot{color:var(--comment-text-muted);font-size:.7rem}.comment-time{font-size:.78rem}.comment-text{color:var(--comment-text);font-size:.9rem;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.comment-spoiler{position:relative;border-radius:.5rem;overflow:hidden;margin-bottom:.5rem}.comment-spoiler-content{filter:blur(6px);user-select:none;pointer-events:none;transition:filter 0.4s ease;padding:.5rem;background:var(--comment-spoiler-bg);border-radius:.5rem}.comment-spoiler.revealed .comment-spoiler-content{filter:none;user-select:auto;pointer-events:auto}.comment-spoiler-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2;cursor:pointer;color:var(--comment-accent);font-weight:600;font-size:.85rem;background:var(--comment-spoiler-bg);border-radius:.5rem;transition:all 0.3s}.comment-spoiler-overlay:hover{background:var(--comment-accent-subtle)}.comment-spoiler-overlay i{font-size:1.1rem}.comment-spoiler.revealed .comment-spoiler-overlay{opacity:0;pointer-events:none}.comment-actions{margin-top:.25rem}.comment-vote-btn{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;color:var(--comment-text-muted);font-size:.85rem;padding:.25rem .5rem;border-radius:.5rem;cursor:pointer;transition:all 0.2s;line-height:1}.comment-vote-btn:hover{background:var(--comment-pill-bg)}.comment-vote-btn.like-btn:hover,.comment-vote-btn.like-btn.voted{color:var(--comment-like-color)}.comment-vote-btn.dislike-btn:hover,.comment-vote-btn.dislike-btn.voted{color:var(--comment-dislike-color)}.comment-vote-btn:active{transform:scale(.9)}.comment-vote-btn:disabled{cursor:default;opacity:.6}.comment-vote-btn:disabled:hover{background:none;color:var(--comment-text-muted);transform:none}.comment-vote-btn i{font-size:1rem}.vote-count{font-weight:600;font-size:.78rem;min-width:.5rem}.comment-reply-btn{display:inline-flex;align-items:center;background:none;border:none;color:var(--comment-text-muted);font-size:.8rem;padding:.25rem .5rem;border-radius:.5rem;cursor:pointer;transition:all 0.2s;font-weight:500}.comment-reply-btn:hover{color:var(--comment-accent);background:var(--comment-accent-subtle)}.comment-reply-form{margin-top:.75rem;padding:.75rem;background:var(--comment-reply-bg);border-radius:.75rem;border:1px solid var(--comment-border);animation:commentFadeIn 0.2s ease}.reply-textarea{background:var(--comment-form-bg);color:var(--comment-text);border-color:var(--comment-border);font-size:.85rem;resize:none}.reply-textarea:focus{border-color:var(--comment-accent);box-shadow:0 0 0 2px var(--comment-accent-subtle)}.reply-textarea::placeholder{color:var(--comment-text-muted)}#load-more-btn{font-weight:500;font-size:.85rem;transition:all 0.2s}#load-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgb(13 110 253 / .2)}.comment-empty-icon{font-size:3rem;color:var(--comment-text-muted);opacity:.4;display:block}.comment-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--comment-toast-bg);color:var(--comment-toast-color);padding:.6rem 1.25rem;border-radius:.75rem;font-size:.85rem;font-weight:500;z-index:9999;box-shadow:0 8px 24px rgb(0 0 0 / .15);animation:commentFadeInUp 0.3s ease}.comment-toast.error{background:#dc3545;color:#fff}.comment-toast.success{background:#198754;color:#fff}@keyframes commentFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes commentFadeInUp{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}@media (prefers-reduced-motion:reduce){.comment-card,.emoji-picker-popover,.comment-toast,.comment-reply-form,.comment-spoiler-content,.comment-spoiler-overlay,.comment-vote-btn{animation:none!important;transition-duration:0.01ms!important}}@media (max-width:575.98px){.comments-section{padding:0}.comments-header{flex-direction:column;align-items:flex-start!important;gap:.75rem}.comment-card{padding:.75rem;border-radius:.5rem}.comment-avatar-circle{width:32px;height:32px;font-size:.8rem}.comment-avatar-sm{width:24px;height:24px;font-size:.6rem}.comment-form-card{padding:.75rem}.emoji-grid{grid-template-columns:repeat(6,1fr)}.emoji-item{width:32px;height:32px;font-size:1.1rem}.comments-title{font-size:1.15rem}.comment-vote-btn{padding:.2rem .35rem;font-size:.8rem}.comment-reply-form{padding:.5rem}}.badge-vip{background:linear-gradient(135deg,#f6d365,#fda085);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.02em;padding:.2em .55em;box-shadow:0 1px 4px rgb(253 160 133 / .35)}.reply-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--comment-form-bg);border:1px solid var(--comment-border);border-radius:.5rem;padding:.4rem;max-height:120px;overflow-y:auto}.reply-emoji-grid .emoji-item{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:1rem;cursor:pointer;border-radius:4px;transition:background 0.1s;user-select:none}.reply-emoji-grid .emoji-item:hover{background:var(--comment-emoji-hover)}.comment-reply-card{background:var(--comment-reply-bg);border-radius:.5rem;padding:.6rem .75rem;margin-bottom:.5rem;border-left:3px solid var(--comment-accent-subtle)}