.feed-comment-button{width:1.7rem;height:1.7rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 1.7rem;place-items:center;margin-left:auto;padding:0;font-size:.95rem;transition:background .14s,color .14s;display:grid}.feed-comment-button:hover{background:var(--accent-dim);color:var(--accent)}.feed-comment-button.active{color:var(--accent)}.comment-section{gap:.65rem;display:grid}.comment-section.has-divider{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.7rem}.comment-loading{color:var(--text-muted);font-size:.72rem}.comment-list{gap:.2rem;list-style:none;display:grid}.comment-thread{gap:.2rem;display:grid}.comment-item{border-bottom:1px solid var(--border-subtle);gap:.6rem;padding:.55rem 0;display:flex}.comment-list>.comment-thread:last-child>.comment-item{border-bottom:0}.comment-replies{gap:.15rem;margin-left:.9rem;display:grid}.comment-item.is-reply{border-bottom:0;margin-left:0;padding:.4rem 0}.comment-item-avatar{background:var(--bg-secondary);width:2rem;height:2rem;color:var(--text-muted);border-radius:6px;flex:0 0 2rem;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;display:inline-flex;overflow:hidden}.comment-item-avatar-img img{object-fit:cover;width:100%;height:100%}.comment-item-body{flex:1;min-width:0}.comment-item-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.comment-item-meta>span{align-items:center;gap:.3rem;min-width:0;display:inline-flex}.comment-item-actions{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.comment-author{color:var(--text-primary);font-size:.76rem;font-weight:700;text-decoration:none}.comment-author:hover{color:var(--accent)}.comment-badge{vertical-align:-.08em;cursor:help;font-size:.72rem;position:relative}.comment-badge-admin{color:#1677ff}.comment-badge-friend{color:#f53f3f}.comment-badge:after{content:attr(data-tip);color:#f6f6f6;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;z-index:30;background:#1f2329;border-radius:6px;padding:.22rem .5rem;font-size:.64rem;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)translateY(3px)}.comment-badge:hover:after{opacity:1;transform:translate(-50%)translateY(0)}.comment-reply{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:.15rem .3rem;font-size:.66rem;display:inline-flex}.comment-reply:hover{color:var(--accent)}.comment-reply-target{color:var(--text-muted);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:0;align-items:center;gap:3px;max-width:12rem;padding:0;font-size:.64rem;display:inline-flex;overflow:hidden}.comment-reply-target:hover{color:var(--accent);background:0 0}.comment-reply-target i{flex:none;font-size:.8rem;transform:scaleX(-1)}.comment-content{color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0 0;font-size:.76rem;line-height:1.65}.comment-content .comment-emoticon{vertical-align:-.3em;object-fit:contain;width:1.45em;height:1.45em;margin:0 .08em;display:inline-block}.comment-item-footer{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.comment-item-time{color:var(--text-muted);font-size:.62rem}.comment-item.comment-highlight{animation:1.8s comment-highlight}@keyframes comment-highlight{0%{background:var(--accent-dim);border-radius:10px}to{background:0 0}}.comment-composer{gap:.45rem;display:grid}.comment-composer-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.comment-current-user{align-items:center;display:inline-flex}.comment-user-identity{font:inherit;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:inline-flex}.comment-user-email{color:var(--text-primary);align-items:baseline;font-size:.74rem;font-weight:600;display:inline-flex}.comment-user-email-domain{color:var(--text-muted)}.comment-composer-head .comment-item-avatar{border-radius:50%;flex:0 0 1.6rem;width:1.6rem;height:1.6rem}.comment-composer-head .comment-item-avatar-img img{object-fit:cover;border-radius:50%;width:100%;height:100%}.comment-logout-link{color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.2rem .3rem;font-size:.68rem}.comment-logout-link:hover{color:var(--accent)}.comment-user-login{border:1px solid var(--border-medium);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border-radius:9999px;align-items:center;gap:.35rem;padding:.42rem .9rem;font-size:.72rem;font-weight:600;transition:background .14s,color .14s;display:inline-flex}.comment-user-login:hover{background:var(--accent-dim)}.comment-form{gap:.4rem;display:grid;position:relative}.comment-form-inline{margin-top:.45rem}.comment-editor{min-height:0;position:relative}.comment-form textarea{border:1px solid var(--border-subtle);background:var(--bg-primary);width:100%;color:var(--text-primary);font:inherit;resize:vertical;border-radius:10px;outline:none;padding:.55rem .65rem;font-size:.74rem}.comment-form textarea:focus{border-color:var(--accent)}.comment-form-actions{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.comment-form-tools{align-items:center;display:inline-flex;position:relative}.comment-emoticon-trigger{border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-primary);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:.35rem .7rem;font-size:.7rem;display:inline-flex}.comment-emoticon-trigger:hover{border-color:var(--accent);color:var(--accent)}.comment-emoticon-trigger:disabled{cursor:not-allowed;opacity:.55}.comment-emoticon-picker{z-index:30;box-sizing:border-box;border:1px solid var(--border-medium);background:var(--bg-secondary);width:340px;max-width:calc(100vw - 28px);height:340px;box-shadow:var(--shadow-glass);border-radius:12px;flex-direction:column;padding:.75rem;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.comment-emoticon-picker-header{color:var(--text-primary);justify-content:space-between;align-items:center;gap:10px;margin-bottom:.6rem;font-size:.78rem;font-weight:600;display:flex}.comment-emoticon-picker-header button{width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.comment-emoticon-picker-header button:hover{color:var(--text-primary);background:var(--bg-tertiary)}.comment-emoticon-picker-search{border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:var(--bg-primary);font:inherit;border-radius:8px;outline:0;margin-bottom:.6rem;padding:.4rem .55rem;font-size:.72rem}.comment-emoticon-picker-search:focus{border-color:var(--accent)}.comment-emoticon-picker-grid{flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:64px;align-content:start;gap:4px;min-height:0;padding:2px;display:grid;overflow-y:auto}.comment-emoticon-option{min-width:0;min-height:0;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 3px;font-size:.6rem;line-height:1.2;display:flex}.comment-emoticon-option:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.comment-emoticon-option img{object-fit:contain;width:34px;height:34px}.comment-emoticon-option span{text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;max-height:2.4em;display:-webkit-box;overflow:hidden}.comment-emoticon-picker-empty{min-height:80px;color:var(--text-muted);grid-column:1/-1;place-items:center;margin:0;font-size:.72rem;display:grid}.comment-form-actions>button{border:1px solid var(--border-medium);color:var(--text-secondary);background:var(--bg-secondary);font:inherit;cursor:pointer;border-radius:6px;padding:.36rem .9rem;font-size:.72rem;font-weight:500}.comment-form-actions>button:hover{border-color:var(--text-muted);color:var(--text-primary)}.comment-form-actions>button:disabled{cursor:not-allowed;opacity:.55}.comment-status{border:1px solid #0000;border-radius:9999px;padding:0 6px;font-size:.58rem;line-height:1.7}.comment-status.pending{background:var(--accent-dim);color:var(--accent)}.comment-status.review{color:var(--warning);background:#ff9f0a24}.comment-status.ok{color:var(--success);background:#34c75924}.comment-status.spam{color:var(--danger);background:#ff3b301f}@media (max-width:640px){.comment-replies{margin-left:.4rem}.comment-emoticon-picker{left:-1rem}}