/* Auto-generated — run: php tools/generate-membership-css.php */

/* Avatar ring — only ::before spins; photo stays still unless --img-spin */
.tl-chat-avatar-ring-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    animation: none !important;
    background: transparent;
    box-sizing: border-box;
}
.tl-chat-avatar-ring-wrap::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    z-index: 0;
    background: conic-gradient(from 0deg, #f59e0b, #a855f7, #1e56f5, #22c55e, #f59e0b);
    animation: tl-ultra-ring-spin 2.8s linear infinite;
    box-shadow: 0 0 10px rgba(167, 139, 250, 0.35);
}
.tl-chat-avatar-ring-wrap[data-ring="cyber"]::before {
    background: repeating-conic-gradient(from 0deg, #00ff88 0deg 14deg, transparent 14deg 22deg, #00ffff 22deg 36deg, transparent 36deg 44deg);
}
.tl-chat-avatar-ring-wrap .chat-msg-avatar {
    position: relative;
    z-index: 1;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
    border-radius: 50%;
    border: 2px solid var(--bg-elev-1, #0e0e12) !important;
    box-sizing: border-box;
    object-fit: cover;
    background: var(--bg-elev-1, #111);
    animation: none !important;
    transform: none !important;
}
.tl-chat-avatar-ring-wrap--img-spin .chat-msg-avatar,
img.chat-msg-avatar.tl-avatar-img-spin {
    animation: tl-avatar-img-spin 12s linear infinite !important;
}
.tl-mem-avatar-preview .tl-chat-avatar-ring-wrap {
    width: 96px;
    height: 96px;
}
.tl-mem-avatar-preview .tl-chat-avatar-ring-wrap::before {
    inset: -4px;
}
.tl-mem-avatar-preview .tl-chat-avatar-ring-wrap .chat-msg-avatar {
    width: 88px;
    height: 88px;
}
.tl-mem-preview__ring {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
}

/* RGB animated name */
.chat-msg-username.tl-chat-name-rgb {
    display: inline-block;
    direction: ltr;
    unicode-bidi: isolate;
    background-size: 320% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: tl-chat-rgb-name 4.5s linear infinite;
    font-weight: 700;
}

/* RGB animated message background */
.tl-chat-msg-bg-rgb {
    background-size: 320% 320% !important;
    animation: tl-chat-rgb-bg 5s linear infinite;
    border-radius: 10px;
}

@keyframes tl-ultra-ring-spin { to { transform: rotate(360deg); } }
@keyframes tl-avatar-img-spin { to { transform: rotate(360deg); } }
@keyframes tl-chat-rgb-name { 0% { background-position: 0% 50%; } 100% { background-position: 320% 50%; } }
@keyframes tl-chat-rgb-bg { 0% { background-position: 0% 50%; } 100% { background-position: 320% 50%; } }
@keyframes tl-ring-pulse-glow {
    0%, 100% { filter: brightness(1); box-shadow: 0 0 6px rgba(129, 140, 248, 0.45); }
    50% { filter: brightness(1.25); box-shadow: 0 0 14px rgba(167, 139, 250, 0.75); }
}
@keyframes tl-ring-neon-glow {
    0%, 100% { filter: brightness(1); box-shadow: 0 0 8px rgba(0, 255, 255, 0.4); }
    50% { filter: brightness(1.3); box-shadow: 0 0 16px rgba(255, 0, 255, 0.55); }
}

@media (prefers-reduced-motion: reduce) {
    .tl-chat-avatar-ring-wrap::before,
    .chat-msg-username.tl-chat-name-rgb,
    .tl-chat-msg-bg-rgb { animation: none !important; }
    .tl-chat-avatar-ring-wrap--img-spin .chat-msg-avatar { animation: none !important; }
}
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="rainbow"] { background-image: linear-gradient(90deg,#ff6b6b,#feca57,#48dbfb,#ff9ff3,#54a0ff,#ff6b6b); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="ocean"] { background-image: linear-gradient(90deg,#0ea5e9,#22d3ee,#38bdf8,#06b6d4,#0284c7,#0ea5e9); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="fire"] { background-image: linear-gradient(90deg,#ef4444,#f97316,#fbbf24,#f59e0b,#dc2626,#ef4444); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="aurora"] { background-image: linear-gradient(90deg,#22c55e,#34d399,#a78bfa,#818cf8,#2dd4bf,#22c55e); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="neon"] { background-image: linear-gradient(90deg,#ff00ff,#00ffff,#ffff00,#00ff88,#ff6b6b,#ff00ff); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="sunset"] { background-image: linear-gradient(90deg,#fb7185,#f472b6,#c084fc,#818cf8,#f97316,#fb7185); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="pastel"] { background-image: linear-gradient(90deg,#fda4af,#fdba74,#fde68a,#bbf7d0,#a5f3fc,#fda4af); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="candy"] { background-image: linear-gradient(90deg,#f472b6,#fb7185,#fcd34d,#4ade80,#38bdf8,#f472b6); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="midnight"] { background-image: linear-gradient(90deg,#312e81,#1e3a8a,#0f172a,#4338ca,#1e40af,#312e81); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="rose"] { background-image: linear-gradient(90deg,#fb7185,#f43f5e,#fda4af,#ec4899,#be185d,#fb7185); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="lime"] { background-image: linear-gradient(90deg,#84cc16,#a3e635,#bef264,#4ade80,#22c55e,#84cc16); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="cobalt"] { background-image: linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa,#1d4ed8,#1e40af,#2563eb); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="copper"] { background-image: linear-gradient(90deg,#b45309,#d97706,#f59e0b,#ea580c,#92400e,#b45309); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="violet"] { background-image: linear-gradient(90deg,#8b5cf6,#a78bfa,#c4b5fd,#7c3aed,#6d28d9,#8b5cf6); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="mint"] { background-image: linear-gradient(90deg,#2dd4bf,#5eead4,#99f6e4,#14b8a6,#0d9488,#2dd4bf); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="blood"] { background-image: linear-gradient(90deg,#dc2626,#ef4444,#f87171,#b91c1c,#991b1b,#dc2626); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="ice"] { background-image: linear-gradient(90deg,#e0f2fe,#bae6fd,#7dd3fc,#38bdf8,#0ea5e9,#e0f2fe); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="sakura"] { background-image: linear-gradient(90deg,#fbcfe8,#f9a8d4,#fda4af,#fecdd3,#fce7f3,#fbcfe8); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="cyber"] { background-image: linear-gradient(90deg,#00ff88,#00ffff,#ff00ff,#ffff00,#00ff88,#00ffff); }
.chat-msg-username.tl-chat-name-rgb[data-mem-theme="gold"] { background-image: linear-gradient(90deg,#fde68a,#fbbf24,#f59e0b,#d97706,#b45309,#fde68a); }
.tl-chat-msg-bg-rgb[data-mem-theme="rainbow"] { background: linear-gradient(120deg,rgba(255,107,107,.42),rgba(254,202,87,.42),rgba(72,219,251,.42),rgba(255,159,243,.42),rgba(84,160,255,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="ocean"] { background: linear-gradient(120deg,rgba(14,165,233,.42),rgba(34,211,238,.42),rgba(56,189,248,.42),rgba(6,182,212,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="fire"] { background: linear-gradient(120deg,rgba(239,68,68,.42),rgba(249,115,22,.42),rgba(251,191,36,.42),rgba(245,158,11,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="aurora"] { background: linear-gradient(120deg,rgba(34,197,94,.38),rgba(52,211,153,.38),rgba(167,139,250,.38),rgba(129,140,248,.38)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="neon"] { background: linear-gradient(120deg,rgba(255,0,255,.35),rgba(0,255,255,.35),rgba(255,255,0,.35),rgba(0,255,136,.35)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="sunset"] { background: linear-gradient(120deg,rgba(251,113,133,.4),rgba(244,114,182,.4),rgba(192,132,252,.4),rgba(249,115,22,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="pastel"] { background: linear-gradient(120deg,rgba(253,164,175,.42),rgba(253,186,116,.42),rgba(253,230,138,.42),rgba(187,247,208,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="candy"] { background: linear-gradient(120deg,rgba(244,114,182,.4),rgba(251,113,133,.4),rgba(252,211,77,.4),rgba(74,222,128,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="midnight"] { background: linear-gradient(120deg,rgba(49,46,129,.55),rgba(30,58,138,.5),rgba(67,56,202,.45)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="rose"] { background: linear-gradient(120deg,rgba(251,113,133,.42),rgba(244,63,94,.42),rgba(253,164,175,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="lime"] { background: linear-gradient(120deg,rgba(132,204,22,.4),rgba(163,230,53,.4),rgba(74,222,128,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="cobalt"] { background: linear-gradient(120deg,rgba(37,99,235,.45),rgba(59,130,246,.42),rgba(96,165,250,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="copper"] { background: linear-gradient(120deg,rgba(180,83,9,.45),rgba(217,119,6,.42),rgba(245,158,11,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="violet"] { background: linear-gradient(120deg,rgba(139,92,246,.42),rgba(167,139,250,.4),rgba(196,181,253,.38)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="mint"] { background: linear-gradient(120deg,rgba(45,212,191,.4),rgba(94,234,212,.38),rgba(20,184,166,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="blood"] { background: linear-gradient(120deg,rgba(220,38,38,.45),rgba(239,68,68,.42),rgba(248,113,113,.4)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="ice"] { background: linear-gradient(120deg,rgba(224,242,254,.5),rgba(186,230,253,.45),rgba(125,211,252,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="sakura"] { background: linear-gradient(120deg,rgba(251,207,232,.45),rgba(249,168,212,.42),rgba(254,205,211,.42)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="cyber"] { background: linear-gradient(120deg,rgba(0,255,136,.35),rgba(0,255,255,.35),rgba(255,0,255,.32)) !important; }
.tl-chat-msg-bg-rgb[data-mem-theme="gold"] { background: linear-gradient(120deg,rgba(253,230,138,.45),rgba(251,191,36,.42),rgba(245,158,11,.4)) !important; }
.tl-chat-avatar-ring-wrap[data-ring="rainbow"]::before { background: conic-gradient(from 0deg,#f59e0b,#a855f7,#1e56f5,#22c55e,#f59e0b); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="ocean"]::before { background: conic-gradient(from 0deg,#0ea5e9,#22d3ee,#38bdf8,#06b6d4,#0ea5e9); animation: tl-ultra-ring-spin 4.2s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="fire"]::before { background: conic-gradient(from 0deg,#ef4444,#f97316,#fbbf24,#f59e0b,#ef4444); animation: tl-ultra-ring-spin 1.4s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="aurora"]::before { background: conic-gradient(from 0deg,#22c55e,#34d399,#a78bfa,#818cf8,#22c55e); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="neon"]::before { background: conic-gradient(from 0deg,#ff00ff,#00ffff,#ffff00,#00ff88,#ff00ff); animation: tl-ring-neon-glow 2s ease-in-out infinite; }
.tl-chat-avatar-ring-wrap[data-ring="sunset"]::before { background: conic-gradient(from 0deg,#fb7185,#f472b6,#c084fc,#818cf8,#f97316,#fb7185); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="pastel"]::before { background: conic-gradient(from 0deg,#fda4af,#fdba74,#fde68a,#bbf7d0,#fda4af); animation: tl-ultra-ring-spin 4.2s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="candy"]::before { background: conic-gradient(from 0deg,#f472b6,#fb7185,#fcd34d,#4ade80,#f472b6); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="midnight"]::before { background: conic-gradient(from 0deg,#312e81,#4338ca,#1e3a8a,#0f172a,#312e81); animation: tl-ring-pulse-glow 1.6s ease-in-out infinite; }
.tl-chat-avatar-ring-wrap[data-ring="rose"]::before { background: conic-gradient(from 0deg,#fb7185,#f43f5e,#ec4899,#fda4af,#fb7185); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="lime"]::before { background: conic-gradient(from 0deg,#84cc16,#a3e635,#4ade80,#22c55e,#84cc16); animation: tl-ultra-ring-spin 1.4s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="cobalt"]::before { background: conic-gradient(from 0deg,#2563eb,#3b82f6,#60a5fa,#1d4ed8,#2563eb); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="copper"]::before { background: conic-gradient(from 0deg,#fde68a,#d97706,#f59e0b,#ea580c,#fde68a); animation: tl-ultra-ring-spin 4.2s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="violet"]::before { background: conic-gradient(from 0deg,#8b5cf6,#a78bfa,#c4b5fd,#7c3aed,#8b5cf6); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="mint"]::before { background: conic-gradient(from 0deg,#2dd4bf,#5eead4,#14b8a6,#0d9488,#2dd4bf); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="blood"]::before { background: conic-gradient(from 0deg,#dc2626,#ef4444,#f87171,#b91c1c,#dc2626); animation: tl-ultra-ring-spin 1.4s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="ice"]::before { background: conic-gradient(from 0deg,#e0f2fe,#7dd3fc,#38bdf8,#0ea5e9,#e0f2fe); animation: tl-ring-pulse-glow 1.6s ease-in-out infinite; }
.tl-chat-avatar-ring-wrap[data-ring="sakura"]::before { background: conic-gradient(from 0deg,#fbcfe8,#f9a8d4,#fda4af,#fecdd3,#fbcfe8); animation: tl-ultra-ring-spin 2.8s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="cyber"]::before { background: conic-gradient(from 0deg,#00ff88,#00ffff,#ff00ff,#ffff00,#00ff88); animation: tl-ultra-ring-spin 1.5s linear infinite; }
.tl-chat-avatar-ring-wrap[data-ring="gold"]::before { background: conic-gradient(from 0deg,#fde68a,#f59e0b,#d97706,#fbbf24,#fde68a); animation: tl-ultra-ring-spin 4.2s linear infinite; }