.mention{color:#3b82f6;cursor:pointer;border-radius:4px;padding:2px 4px;font-weight:500;text-decoration:none;transition:all .2s;position:relative}.mention:hover{color:#2563eb;background-color:#3b82f61a;text-decoration:none}.mention-user{color:#3b82f6}.mention-user:hover{background-color:#3b82f626}.mention-user:before{content:""}.mention-anime{color:#8b5cf6}.mention-anime:hover{color:#7c3aed;background-color:#8b5cf626}.mention-episode{color:#ec4899}.mention-episode:hover{color:#db2777;background-color:#ec489926}.mention-list{color:#10b981}.mention-list:hover{color:#059669;background-color:#10b98126}.mention:after{content:attr(data-mention-info);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background-color:#000000e6;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.mention:hover:after{opacity:1}@media (prefers-color-scheme:dark){.mention{color:#60a5fa}.mention:hover{color:#93c5fd;background-color:#60a5fa26}.mention-user{color:#60a5fa}.mention-anime{color:#a78bfa}.mention-episode{color:#f472b6}.mention-list{color:#34d399}}.comment-content{word-wrap:break-word;line-height:1.6}.comment-content .mention{display:inline}.mention:active{transform:scale(.98)}.mention-badge{color:#fff;background-color:#3b82f6;border-radius:12px;margin-left:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.comment-mentioned{background-color:#3b82f60d;border-left:3px solid #3b82f6;padding-left:12px}.mention-autocomplete{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:250px;max-height:300px;position:absolute;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.mention-autocomplete-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;transition:background-color .15s;display:flex}.mention-autocomplete-item:hover{background-color:#f3f4f6}.mention-autocomplete-item.active{background-color:#eff6ff}.mention-autocomplete-item img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:32px;height:32px}.mention-autocomplete-empty{text-align:center;color:#9ca3af;padding:16px}@media (prefers-color-scheme:dark){.mention-autocomplete{background:#1f2937;border-color:#374151}.mention-autocomplete-item:hover{background-color:#374151}.mention-autocomplete-item.active{background-color:#1e40af}}