.comment-card{background:#12162999;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));border-radius:var(--radius-md, 12px);padding:1.1rem;transition:transform .2s ease,border-color .2s ease}.comment-card.is-pinned-card{border-color:#eab30859;background:#232946b3;box-shadow:0 4px 16px -2px #eab30826}.comment-card:hover{border-color:#b8c1ec4d}.comment-card-inner{display:flex;gap:1rem}.comment-avatar-box{position:relative;width:40px;height:40px;border-radius:50%;flex-shrink:0}.comment-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.comment-main-body{flex:1;min-width:0}.comment-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.comment-author-info{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.comment-author-name{font-weight:700;font-size:.925rem;color:var(--ver-headline, #fffffe)}.comment-author-name.author-vip{background:linear-gradient(135deg,#fde047,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.comment-time-ago{font-size:.75rem;color:#b8c1ec99}.user-role-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:9999px;letter-spacing:.03em;display:inline-flex;align-items:center}.badge-vip{background:linear-gradient(135deg,#eab30840,#f59e0b40);color:#fde047;border:1px solid rgba(234,179,8,.45)}.badge-admin-approved{background:linear-gradient(135deg,#0ea5e940,#6366f140);color:#7dd3fc;border:1px solid rgba(56,189,248,.45);font-weight:700;box-shadow:0 0 10px #0ea5e933}.vip-glow{box-shadow:0 0 0 2px #f59e0b,0 0 12px #f59e0b66}.reg-glow{box-shadow:0 0 0 2px #8b5cf6,0 0 10px #8b5cf659}.vip-crown-badge{position:absolute;top:-8px;right:-6px;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));user-select:none}.btn-action-pin{background:#121629b3;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .2));color:var(--ver-paragraph, #b8c1ec);padding:.25rem .65rem;border-radius:.375rem;font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease}.btn-action-pin:hover{background:#eab30826;color:#fde047;border-color:#eab30873;transform:translateY(-1px)}.btn-action-pin.is-active-pin{background:#eab30840;color:#fde047;border-color:#eab308;box-shadow:0 0 10px #eab30833}.btn-action-delete{background:#12162980;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));color:#ef4444;padding:.2rem .45rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .2s ease}.btn-action-delete:hover{background:#ef444433;border-color:#ef4444;transform:scale(1.1)}.comment-content-text{font-size:.9rem;color:var(--ver-paragraph, #b8c1ec);line-height:1.5;word-break:break-word;margin-bottom:.65rem}.comment-spoiler{display:inline-flex;align-items:center;gap:.4rem;background:#121629f2;border:1px solid rgba(244,63,94,.4);border-radius:.4rem;padding:.15rem .45rem;margin:0 .15rem;cursor:pointer;user-select:none;vertical-align:middle;transition:all .25s cubic-bezier(.16,1,.3,1)}.comment-spoiler:hover{border-color:#f43f5ecc;box-shadow:0 0 10px #f43f5e33}.spoiler-label{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:800;color:#fda4af;background:#f43f5e33;padding:.1rem .4rem;border-radius:.25rem;letter-spacing:.02em;flex-shrink:0}.spoiler-icon{font-size:.75rem}.spoiler-inner-text{filter:blur(6px);opacity:.25;color:var(--ver-headline, #fffffe);transition:filter .25s ease,opacity .25s ease}.comment-spoiler.is-revealed{background:#f43f5e1f;border:1px solid rgba(244,63,94,.3);user-select:text}.comment-spoiler.is-revealed .spoiler-label{background:#f43f5e1a;color:#fda4afb3}.comment-spoiler.is-revealed .spoiler-inner-text{filter:blur(0);opacity:1;color:#ffe4e6}.comment-actions-bar{display:flex;align-items:center;gap:1rem}.vote-buttons-group{display:inline-flex;align-items:center;background:#12162999;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));border-radius:.5rem;overflow:hidden}.btn-action-vote{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);padding:.3rem .65rem;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .15s ease}.btn-action-like{border-right:1px solid var(--ver-glass-border, rgba(184, 193, 236, .12))}.btn-action-like:hover{background:#eebbc326;color:var(--ver-headline, #fffffe)}.btn-action-like.voted-up{background:#eebbc340;color:var(--ver-highlight-pink, #eebbc3);font-weight:700}.btn-action-dislike:hover{background:#f43f5e26;color:#fda4af}.btn-action-dislike.voted-down{background:#f43f5e40;color:#fda4af;font-weight:700}.vote-icon{font-size:.85rem}.btn-action-reply{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .15s ease}.btn-action-reply:hover{color:var(--ver-headline, #fffffe)}.comment-replies-list{margin-top:1rem;padding-left:1rem;border-left:2px solid var(--ver-glass-border, rgba(184, 193, 236, .15));display:flex;flex-direction:column;gap:.85rem}.comment-reply-card{background:#12162966;padding:.85rem;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .1))}.reply-input-box{margin-top:.75rem;background:#121629d9;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .2));border-radius:var(--radius-sm, 8px);padding:.65rem}.reply-textarea{width:100%;background:transparent;border:none;color:var(--ver-headline, #fffffe);font-size:.875rem;resize:vertical;min-height:50px;box-sizing:border-box}.reply-textarea:focus{outline:none}.reply-toolbar{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.btn-cancel-reply{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);font-size:.8rem;cursor:pointer}.btn-send-reply{background:var(--ver-highlight-pink, #eebbc3);color:var(--ver-highlight-text, #232946);border:none;padding:.35rem .85rem;border-radius:.375rem;font-size:.8rem;font-weight:700;cursor:pointer}.btn-action-report{background:#12162966;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .12));color:var(--ver-paragraph, #b8c1ec);padding:.2rem .45rem;border-radius:.375rem;cursor:pointer;font-size:.8rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-action-report:hover{background:#f43f5e33;border-color:#f43f5e66;color:#fda4af;transform:scale(1.1)}.comment-report-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0c16bf;backdrop-filter:blur(8px);z-index:999999;display:flex;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box;animation:reportFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes reportFadeIn{0%{opacity:0}to{opacity:1}}.comment-report-modal-card{background:#14192d;border:1px solid rgba(238,187,195,.25);border-radius:16px;width:100%;max-width:480px;box-shadow:0 24px 48px #000c,0 0 0 1px #ffffff0d;overflow:hidden;animation:reportScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes reportScaleIn{0%{transform:scale(.94) translateY(8px)}to{transform:scale(1) translateY(0)}}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#eebbc30f;border-bottom:1px solid rgba(184,193,236,.12)}.report-modal-title-wrap{display:flex;align-items:center;gap:.5rem}.report-modal-icon{font-size:1.25rem}.report-modal-title{font-size:1.05rem;font-weight:800;color:var(--ver-headline, #fffffe);margin:0}.btn-report-modal-close{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);font-size:1.1rem;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:all .15s ease}.btn-report-modal-close:hover{color:#fff;background:#ffffff1a}.report-modal-form{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.report-target-preview{background:#23294680;padding:.5rem .75rem;border-radius:8px;font-size:.8rem;border:1px solid rgba(184,193,236,.1);display:flex;gap:.4rem}.report-target-label{color:var(--ver-paragraph, #b8c1ec)}.report-target-author{color:var(--ver-highlight-pink, #eebbc3);font-weight:700}.report-field-label{display:block;font-size:.8rem;font-weight:700;color:var(--ver-headline, #fffffe);margin-bottom:.45rem}.report-radio-options{display:flex;flex-direction:column;gap:.45rem;background:#12162980;border:1px solid rgba(184,193,236,.12);border-radius:10px;padding:.6rem}.report-radio-item{display:flex;align-items:flex-start;gap:.6rem;padding:.4rem .5rem;border-radius:6px;cursor:pointer;transition:background .15s ease}.report-radio-item:hover{background:#b8c1ec14}.report-radio-item input[type=radio]{margin-top:.2rem;accent-color:var(--ver-highlight-pink, #eebbc3);cursor:pointer}.report-radio-item .radio-text{font-size:.78rem;color:var(--ver-paragraph, #b8c1ec);line-height:1.35}.report-radio-item .radio-text strong{color:var(--ver-headline, #fffffe)}.report-details-textarea{width:100%;background:#121629d9;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .2));border-radius:var(--radius-sm, 8px);padding:.65rem .75rem;color:var(--ver-headline, #fffffe);font-size:.825rem;resize:vertical;min-height:60px;box-sizing:border-box}.report-details-textarea:focus{outline:none;border-color:var(--ver-highlight-pink, #eebbc3);box-shadow:0 0 0 3px #eebbc333}.report-feedback-msg{padding:.55rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600}.feedback-info{background:#6366f126;color:#c4b5fd;border:1px solid rgba(99,102,241,.3)}.feedback-success{background:#22c55e26;color:#86efac;border:1px solid rgba(34,197,94,.3)}.feedback-warning{background:#f59e0b26;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.feedback-error{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.report-modal-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:.25rem}.btn-report-cancel{background:#12162999;border:1px solid rgba(184,193,236,.15);color:var(--ver-paragraph, #b8c1ec);padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-report-cancel:hover{background:#b8c1ec1a;color:#fffffe}.btn-report-submit{background:#ef4444;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #ef44444d}.btn-report-submit:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef444473}.btn-report-submit:disabled{opacity:.5;cursor:not-allowed}.comments-wrapper{margin-top:0;padding:20px;background:var(--ver-elements-bg, #232946);border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .18));border-radius:var(--radius-lg, 16px);backdrop-filter:blur(16px);box-shadow:0 4px 20px #0003;color:var(--ver-paragraph, #b8c1ec);font-family:inherit;box-sizing:border-box}.comments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15))}.comments-title-group{display:flex;align-items:center;gap:.65rem}.comments-icon{font-size:1.25rem}.comments-title{font-size:1rem;font-weight:700;color:var(--ver-headline, #fffffe);margin:0}.comments-count-badge{background:#eebbc326;color:var(--ver-highlight-pink, #eebbc3);border:1px solid rgba(238,187,195,.35);padding:.15rem .6rem;border-radius:9999px;font-size:.78rem;font-weight:700}.comments-sort-group{display:flex;gap:.35rem;background:#12162999;padding:.25rem;border-radius:.5rem;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15))}.sort-btn{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);padding:.35rem .75rem;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sort-btn.active{background:#eebbc32e;color:var(--ver-headline, #fffffe);border:1px solid rgba(238,187,195,.35)}.comment-composer-box{background:#12162999;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));border-radius:var(--radius-md, 12px);padding:1.1rem;margin-bottom:1.5rem}.composer-identity-bar{margin-bottom:.85rem}.author-preview{display:flex;align-items:center;gap:.85rem}.author-avatar-wrap{position:relative;width:44px;height:44px;border-radius:50%;overflow:visible}.composer-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.vip-glow{box-shadow:0 0 0 2px #eab308,0 0 12px #eab30880}.reg-glow{box-shadow:0 0 0 2px #6366f1,0 0 10px #6366f166}.visitor-border{box-shadow:0 0 0 2px #ffffff26}.vip-crown-badge{position:absolute;top:-8px;right:-6px;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));animation:pulseCrown 2s infinite ease-in-out}@keyframes pulseCrown{0%,to{transform:scale(1)}50%{transform:scale(1.15) rotate(5deg)}}.author-name-row{display:flex;align-items:center;gap:.5rem}.author-name-text{font-weight:700;font-size:.95rem;color:#f8fafc}.user-role-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.04em}.badge-vip{background:linear-gradient(135deg,#eab30840,#f59e0b40);color:#fde047;border:1px solid rgba(234,179,8,.4)}.badge-reg{background:linear-gradient(135deg,#6366f140,#a855f740);color:#c4b5fd;border:1px solid rgba(168,85,247,.4)}.badge-visitor{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.badge-pending{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.35)}.badge-pinned{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.4);font-weight:800}.comment-top-actions{display:flex;align-items:center;gap:.5rem}.btn-action-pin{background:#12162999;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));color:var(--ver-paragraph, #b8c1ec);padding:.2rem .55rem;border-radius:.375rem;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-action-pin:hover{background:#eab30826;color:#fde047;border-color:#eab30866}.btn-action-pin.is-active-pin{background:#eab30840;color:#fde047;border-color:#eab308}.btn-edit-alias{background:transparent;border:none;display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;padding:0}.btn-edit-alias:hover .edit-icon{transform:scale(1.2)}.edit-icon{font-size:.8rem;transition:transform .2s ease}.visitor-hint-text{font-size:.75rem;color:#64748b}.link-register-hint{color:#818cf8;text-decoration:underline}.comment-textarea{width:100%;background:#121629d9;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .2));border-radius:var(--radius-sm, 8px);padding:.85rem;color:var(--ver-headline, #fffffe);font-size:.9rem;resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.comment-textarea:focus{outline:none;border-color:var(--ver-highlight-pink, #eebbc3);box-shadow:0 0 0 3px #eebbc333}.composer-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;flex-wrap:wrap;gap:.75rem}.toolbar-left{display:flex;gap:.5rem;align-items:center;position:relative}.tool-btn{background:#12162999;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .15));color:var(--ver-paragraph, #b8c1ec);padding:.35rem .75rem;border-radius:var(--radius-sm, 6px);font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;transition:all .2s ease}.tool-btn:hover{background:#b8c1ec1f;color:var(--ver-headline, #fffffe);border-color:var(--ver-paragraph, #b8c1ec)}.btn-spoiler:hover{border-color:var(--ver-highlight-pink, #eebbc3);color:var(--ver-highlight-pink, #eebbc3)}.emoji-popover{position:absolute;top:100%;left:0;margin-top:.5rem;background:#181d33;border:1px solid var(--ver-glass-border, rgba(184, 193, 236, .25));border-radius:var(--radius-md, 12px);padding:.65rem;box-shadow:0 12px 30px #0009;z-index:50;width:220px}.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.emoji-tile{background:transparent;border:none;font-size:1.25rem;padding:.35rem;border-radius:.375rem;cursor:pointer;transition:background .15s ease,transform .15s ease}.emoji-tile:hover{background:#b8c1ec26;transform:scale(1.2)}.toolbar-right{display:flex;align-items:center;gap:.85rem}.char-counter{font-size:.75rem;color:#b8c1ec99}.btn-publish-comment{background:var(--ver-highlight-pink, #eebbc3);color:var(--ver-highlight-text, #232946);border:none;padding:.55rem 1.25rem;border-radius:var(--radius-sm, 8px);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #eebbc340}.btn-publish-comment:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #eebbc373}.btn-publish-comment:disabled{opacity:.5;cursor:not-allowed}.comments-skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-card{display:flex;gap:1rem;padding:1rem;background:#1e293b4d;border-radius:.75rem}.sk-avatar{width:42px;height:42px;border-radius:50%;background:#ffffff0d;animation:shimmer 1.5s infinite linear}.sk-lines{flex:1;display:flex;flex-direction:column;gap:.5rem}.sk-line{height:14px;border-radius:4px;background:#ffffff0d;animation:shimmer 1.5s infinite linear}.sk-title{width:35%}.sk-body{width:85%;height:28px}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.comments-empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.empty-icon{font-size:3rem;display:block;margin-bottom:.75rem}.comments-empty-state h3{color:#f1f5f9;margin:0 0 .5rem;font-size:1.15rem}.comments-empty-state p{font-size:.875rem;margin:0}.btn-comment-author-tag{display:inline-flex;align-items:center;gap:.2rem;background:#232946b3;border:1px solid rgba(238,187,195,.25);color:var(--ver-highlight-pink, #eebbc3);font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:700;padding:.12rem .45rem;border-radius:6px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0003;vertical-align:middle;line-height:1.2}.btn-comment-author-tag:hover{background:#eebbc338;border-color:var(--ver-highlight-pink, #eebbc3);color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #eebbc34d}.btn-comment-author-tag:active{transform:translateY(0)}.comment-author-title-pill{font-size:.7rem;font-weight:700;color:var(--ver-highlight-pink, #eebbc3);background:#eebbc326;border:1px solid rgba(238,187,195,.3);padding:1px 7px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;vertical-align:middle}.author-history-popover{position:fixed;z-index:999999;width:290px;background:#14192d;border:1px solid rgba(238,187,195,.3);border-radius:12px;box-shadow:0 16px 36px #000000bf,0 0 0 1px #ffffff0d;backdrop-filter:blur(14px);overflow:hidden;animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.popover-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;background:#eebbc314;border-bottom:1px solid rgba(184,193,236,.12)}.popover-title-row{display:flex;align-items:center;gap:.4rem}.popover-icon{font-size:.95rem}.popover-title{font-size:.8rem;font-weight:800;color:var(--ver-headline, #fffffe);letter-spacing:.02em}.btn-popover-close{background:transparent;border:none;color:var(--ver-paragraph, #b8c1ec);font-size:.9rem;cursor:pointer;padding:.1rem .35rem;border-radius:4px;transition:color .15s ease;line-height:1}.btn-popover-close:hover{color:#fff;background:#ffffff1a}.popover-body{padding:.85rem;display:flex;flex-direction:column;gap:.6rem;max-height:240px;overflow-y:auto}.popover-loading{text-align:center;color:var(--ver-paragraph, #b8c1ec);font-size:.78rem;padding:.75rem 0}.popover-current-tag{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:#23294699;border:1px solid rgba(238,187,195,.2);border-radius:8px;font-size:.76rem}.popover-current-label{color:var(--ver-paragraph, #b8c1ec)}.popover-current-value{font-family:ui-monospace,monospace;color:var(--ver-highlight-pink, #eebbc3);font-weight:800}.popover-section-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#b8c1ecb3;margin-top:.2rem}.popover-history-list{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-direction:column;gap:.4rem}.popover-history-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:#23294666;border:1px solid rgba(184,193,236,.08);border-radius:6px;font-size:.74rem}.popover-history-tag{font-family:ui-monospace,monospace;font-weight:700;color:var(--ver-headline, #fffffe)}.popover-history-date{color:#b8c1ec99;font-size:.68rem}.popover-empty{font-size:.75rem;color:#b8c1ecb3;margin:.35rem 0 0;text-align:center}