.nickxp {
    display: inline-block;
    will-change: transform, filter, background-position, text-shadow;
    font-size: var(--chat-window-tertiary-font-size);
    color: var(--chat-page-quaternary-text-color);
    font-weight: 600;
}

.nickxp50 {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.55), 0 0 12px currentColor;
    animation: cosmoNickGlowPulse 2.2s ease-in-out infinite;
}

.nickxp51 {
    background: linear-gradient(
        90deg,
        #ff0040, #ff8c00, #ffee00, #00e676, #00bcd4, #2979ff, #d500f9, #ff0040
    );
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 2.4s linear infinite, cosmoNickFloat 2.8s ease-in-out infinite;
}

.nickxp52 {
    position: relative;
    background: linear-gradient(110deg, #fff 20%, #ffe566 40%, #fff 55%, #a8e6ff 70%, #fff 85%);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: none;
    animation: cosmoSparkleShine 2.5s linear infinite;
}

.nickxp53 {
    background: linear-gradient(90deg, #8a6a12, #f5c542, #fff3b0, #f5c542, #8a6a12);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoGoldShimmer 3s linear infinite;
}

.nickxp54 {
    color: #00f5ff !important;
    text-shadow: 0 0 5px #00f5ff, 0 0 12px #00f5ff, 0 0 20px #008cff;
    animation: cosmoNeonFlicker 1.8s ease-in-out infinite;
}

.nickxp55 {
    background: linear-gradient(180deg, #fff7ad, #ff9a3c, #ff512f, #ff9a3c, #fff7ad);
    background-size: 100% 200%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    text-shadow: none;
    font-weight: 700;
    animation: cosmoFireFlicker 1.6s ease-in-out infinite, cosmoNickFloat 2.2s ease-in-out infinite;
}

.nickxp56 {
    color: #ff6b9d !important;
    font-weight: 700;
    animation: cosmoNickBounce 0.9s ease-in-out infinite;
}

.nickxp57 {
    color: #7dd3fc !important;
    font-weight: 700;
    animation: cosmoNickWave 1.4s ease-in-out infinite;
}

.nickxp58 {
    color: #f0f0f0 !important;
    font-weight: 700;
    position: relative;
    animation: cosmoNickGlitch 2.2s steps(2, end) infinite;
    text-shadow: 2px 0 #ff0055, -2px 0 #00e5ff;
}

.nickxp59 {
    color: #c084fc !important;
    font-weight: 700;
    animation: cosmoNickPulse 1.3s ease-in-out infinite;
}

.nickxp60 {
    background: linear-gradient(90deg, #e0f7ff, #7dd3fc, #38bdf8, #a5f3fc, #e0f7ff);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    filter: drop-shadow(0 0 4px rgba(125, 211, 252, 0.7));
    animation: cosmoRainbowShift 3.2s linear infinite, cosmoNickFloat 3s ease-in-out infinite;
}

.nickxp61 {
    background: linear-gradient(90deg, #9ca3af, #f9fafb, #6b7280, #e5e7eb, #9ca3af);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800;
    animation: cosmoGoldShimmer 2.4s linear infinite;
}

.nickxp62 {
    color: #fef08a !important;
    font-weight: 700;
    text-shadow: 0 0 4px #facc15, 0 0 10px #3b82f6, 0 0 16px #60a5fa;
    animation: cosmoElectricZap 0.85s steps(3, end) infinite;
}

.nickxp63 {
    color: #39ff14 !important;
    font-weight: 700;
    text-shadow: 0 0 6px #39ff14, 0 0 14px #22c55e;
    animation: cosmoToxicPulse 1.5s ease-in-out infinite;
}

.nickxp64 {
    background: linear-gradient(90deg, #ff6bcb, #ff9a9e, #a78bfa, #67e8f9, #ff6bcb);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 2.8s linear infinite, cosmoNickBounce 1.2s ease-in-out infinite;
}

.nickxp65 {
    color: #fb7185 !important;
    font-weight: 700;
    animation: cosmoNickShake 0.55s ease-in-out infinite;
}

.nickxp66 {
    color: #22c55e !important;
    font-weight: 700;
    text-shadow: 0 0 4px #22c55e, 0 0 10px #16a34a;
    animation: cosmoNickMatrix 1.1s steps(4, end) infinite;
}

.nickxp67 {
    background: linear-gradient(180deg, #fecaca, #ef4444, #7f1d1d, #ef4444);
    background-size: 100% 220%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoFireFlicker 1.8s ease-in-out infinite;
}

.nickxp68 {
    color: #e2e8f0 !important;
    font-weight: 700;
    animation: cosmoNickGhost 2.4s ease-in-out infinite;
}

.nickxp69 {
    background: linear-gradient(90deg, #fb7185, #f43f5e, #fda4af, #fb7185);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 2.6s linear infinite, cosmoNickBounce 1s ease-in-out infinite;
}

.nickxp70 {
    background: linear-gradient(90deg, #0ea5e9, #22d3ee, #38bdf8, #0369a1, #0ea5e9);
    background-size: 260% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 3s linear infinite, cosmoNickWave 1.6s ease-in-out infinite;
}

.nickxp71 {
    background: linear-gradient(90deg, #fb923c, #f472b6, #c084fc, #fb923c);
    background-size: 240% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 2.8s linear infinite;
}

.nickxp72 {
    background: linear-gradient(90deg, #67e8f9, #e879f9, #f0abfc, #22d3ee, #67e8f9);
    background-size: 280% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 700;
    animation: cosmoRainbowShift 2.2s linear infinite, cosmoNickFloat 2.4s ease-in-out infinite;
}

.nickxp73 {
    color: #a78bfa !important;
    font-weight: 700;
    animation: cosmoNickZoom 1.6s ease-in-out infinite;
}

.nickxp74 {
    color: #fbbf24 !important;
    font-weight: 700;
    animation: cosmoNickRotate 2.5s ease-in-out infinite;
}

.nickxp75 {
    color: #f8fafc !important;
    font-weight: 700;
    animation: cosmoNickBlink 1.4s steps(2, end) infinite;
}

.nickxp76 {
    background: linear-gradient(90deg, #7c3aed, #c4b5fd, #fde68a, #a78bfa, #7c3aed);
    background-size: 220% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800;
    animation: cosmoGoldShimmer 2.8s linear infinite;
}

.nickxp77 {
    color: #86efac !important;
    font-weight: 700;
    border-right: 2px solid #86efac;
    padding-right: 2px;
    animation: cosmoNickTypeBlink 0.8s steps(1) infinite;
}

.nickxp78 {
    color: #67e8f9 !important;
    font-weight: 700;
    background-image: linear-gradient(90deg, #22d3ee, #a855f7, #22d3ee);
    background-size: 200% 2px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    animation: cosmoNickUnderline 2s linear infinite;
}

.nickxp79 {
    color: #f8fafc !important;
    font-weight: 800;
    text-shadow: 1px 1px 0 #64748b, 2px 2px 0 #475569, 3px 3px 0 #334155;
    animation: cosmoNickFloat 2.4s ease-in-out infinite;
}

.nickxp80 {
    color: #ff2bd6 !important;
    font-weight: 700;
    text-shadow: 0 0 5px #ff2bd6, 0 0 12px #ff2bd6, 0 0 22px #a21caf;
    animation: cosmoNickNeonPink 1.5s ease-in-out infinite;
}

.nickxp81 {
    background: linear-gradient(90deg, #ff0040, #ff8c00, #ffee00, #00e676, #00bcd4, #2979ff, #d500f9, #ff0040);
    background-size: 300% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    font-weight: 800;
    animation: cosmoRainbowShift 2s linear infinite, cosmoNickBounce 0.85s ease-in-out infinite;
}

.nickxp82 {
    color: #cbd5e1 !important;
    font-weight: 700;
    animation: cosmoNickSmoke 2.8s ease-in-out infinite;
}

@keyframes cosmoRainbowShift {
    0% { background-position: 0% center; }
    100% { background-position: 300% center; }
}

@keyframes cosmoNickFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes cosmoNickBounce {
    0%, 100% { transform: translateY(0); }
    40% { transform: translateY(-4px); }
    60% { transform: translateY(-1px); }
}

@keyframes cosmoNickWave {
    0%, 100% { transform: rotate(-3deg) translateY(0); }
    50% { transform: rotate(3deg) translateY(-2px); }
}

@keyframes cosmoNickPulse {
    0%, 100% { transform: scale(1); filter: brightness(1); }
    50% { transform: scale(1.06); filter: brightness(1.15); }
}

@keyframes cosmoNickGlowPulse {
    0%, 100% { text-shadow: 0 0 4px rgba(255, 255, 255, 0.4), 0 0 8px currentColor; }
    50% { text-shadow: 0 0 10px rgba(255, 255, 255, 0.85), 0 0 18px currentColor; }
}


@keyframes cosmoSparkleShine {
    0% { background-position: 0% center; }
    100% { background-position: 220% center; }
}

@keyframes cosmoGoldShimmer {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

@keyframes cosmoNeonFlicker {
    0%, 100% { text-shadow: 0 0 5px #00f5ff, 0 0 12px #00f5ff, 0 0 20px #008cff; opacity: 1; }
    45% { text-shadow: 0 0 3px #00f5ff, 0 0 8px #00f5ff; opacity: 0.85; }
    50% { text-shadow: 0 0 8px #00f5ff, 0 0 18px #00f5ff, 0 0 28px #008cff; opacity: 1; }
}

@keyframes cosmoFireFlicker {
    0%, 100% { background-position: center 0%; }
    50% { background-position: center 100%; }
}

@keyframes cosmoNickGlitch {
    0%, 90%, 100% { transform: translate(0); text-shadow: 2px 0 #ff0055, -2px 0 #00e5ff; }
    92% { transform: translate(-2px, 1px); text-shadow: -2px 0 #ff0055, 2px 0 #00e5ff; }
    94% { transform: translate(2px, -1px); text-shadow: 2px 0 #00e5ff, -2px 0 #ff0055; }
    96% { transform: translate(-1px, 0); }
}

@keyframes cosmoElectricZap {
    0%, 100% { opacity: 1; filter: brightness(1); transform: translateX(0); }
    33% { opacity: 0.75; filter: brightness(1.4); transform: translateX(1px); }
    66% { opacity: 1; filter: brightness(0.9); transform: translateX(-1px); }
}

@keyframes cosmoToxicPulse {
    0%, 100% { text-shadow: 0 0 4px #39ff14, 0 0 10px #22c55e; transform: scale(1); }
    50% { text-shadow: 0 0 10px #39ff14, 0 0 22px #22c55e, 0 0 30px #86efac; transform: scale(1.04); }
}

@keyframes cosmoNickShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-2px) rotate(-1deg); }
    75% { transform: translateX(2px) rotate(1deg); }
}

@keyframes cosmoNickMatrix {
    0%, 100% { opacity: 1; text-shadow: 0 0 4px #22c55e, 0 0 10px #16a34a; }
    50% { opacity: 0.7; text-shadow: 0 0 8px #4ade80, 0 0 16px #22c55e; }
}

@keyframes cosmoNickGhost {
    0%, 100% { opacity: 0.45; filter: blur(0.3px); transform: translateY(0); }
    50% { opacity: 1; filter: blur(0); transform: translateY(-2px); }
}

@keyframes cosmoNickZoom {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.12); }
}

@keyframes cosmoNickRotate {
    0%, 100% { transform: rotate(-4deg); }
    50% { transform: rotate(4deg); }
}

@keyframes cosmoNickBlink {
    0%, 40%, 100% { opacity: 1; }
    50%, 90% { opacity: 0.15; }
}

@keyframes cosmoNickTypeBlink {
    0%, 50% { border-right-color: #86efac; }
    51%, 100% { border-right-color: transparent; }
}

@keyframes cosmoNickUnderline {
    0% { background-position: 0 100%; }
    100% { background-position: 200% 100%; }
}

@keyframes cosmoNickNeonPink {
    0%, 100% { text-shadow: 0 0 4px #ff2bd6, 0 0 10px #ff2bd6; }
    50% { text-shadow: 0 0 10px #ff2bd6, 0 0 22px #ff2bd6, 0 0 30px #a21caf; }
}

@keyframes cosmoNickSmoke {
    0%, 100% { opacity: 0.7; filter: blur(0.2px); letter-spacing: 0; }
    50% { opacity: 1; filter: blur(0); letter-spacing: 0.5px; }
}