/* Nick effects */
.send_by.cosmo_nick,
.cosmo_preview_nick.cosmo_nick,
.aside .site_records .list li .title .text.cosmo_nick {
    display: inline-block;
    will-change: transform, filter, background-position, text-shadow;
}

.send_by.cosmo_nick.nick_glow,
.cosmo_preview_nick.cosmo_nick.nick_glow,
.aside .site_records .list li .title .text.cosmo_nick.nick_glow {
    text-shadow: 0 0 6px rgba(255, 255, 255, 0.55), 0 0 12px currentColor;
    animation: cosmoNickGlowPulse 2.2s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_rainbow,
.cosmo_preview_nick.cosmo_nick.nick_rainbow,
.aside .site_records .list li .title .text.cosmo_nick.nick_rainbow {
    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;
}

.send_by.cosmo_nick.nick_sparkle,
.cosmo_preview_nick.cosmo_nick.nick_sparkle,
.aside .site_records .list li .title .text.cosmo_nick.nick_sparkle {
    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;
}

.send_by.cosmo_nick.nick_gold,
.cosmo_preview_nick.cosmo_nick.nick_gold,
.aside .site_records .list li .title .text.cosmo_nick.nick_gold {
    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;
}

.send_by.cosmo_nick.nick_neon,
.cosmo_preview_nick.cosmo_nick.nick_neon,
.aside .site_records .list li .title .text.cosmo_nick.nick_neon {
    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;
}

.send_by.cosmo_nick.nick_shadow,
.cosmo_preview_nick.cosmo_nick.nick_shadow,
.aside .site_records .list li .title .text.cosmo_nick.nick_shadow {
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.45), 0 0 8px rgba(0, 0, 0, 0.25);
    animation: cosmoNickShadowPulse 2.4s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_fire,
.cosmo_preview_nick.cosmo_nick.nick_fire,
.aside .site_records .list li .title .text.cosmo_nick.nick_fire {
    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;
}

.send_by.cosmo_nick.nick_bounce,
.cosmo_preview_nick.cosmo_nick.nick_bounce,
.aside .site_records .list li .title .text.cosmo_nick.nick_bounce {
    color: #ff6b9d !important;
    font-weight: 700;
    animation: cosmoNickBounce 0.9s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_wave,
.cosmo_preview_nick.cosmo_nick.nick_wave,
.aside .site_records .list li .title .text.cosmo_nick.nick_wave {
    color: #7dd3fc !important;
    font-weight: 700;
    animation: cosmoNickWave 1.4s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_glitch,
.cosmo_preview_nick.cosmo_nick.nick_glitch,
.aside .site_records .list li .title .text.cosmo_nick.nick_glitch {
    color: #f0f0f0 !important;
    font-weight: 700;
    position: relative;
    animation: cosmoNickGlitch 2.2s steps(2, end) infinite;
    text-shadow: 2px 0 #ff0055, -2px 0 #00e5ff;
}

.send_by.cosmo_nick.nick_pulse,
.cosmo_preview_nick.cosmo_nick.nick_pulse,
.aside .site_records .list li .title .text.cosmo_nick.nick_pulse {
    color: #c084fc !important;
    font-weight: 700;
    animation: cosmoNickPulse 1.3s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_ice,
.cosmo_preview_nick.cosmo_nick.nick_ice,
.aside .site_records .list li .title .text.cosmo_nick.nick_ice {
    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;
}

.send_by.cosmo_nick.nick_chrome,
.cosmo_preview_nick.cosmo_nick.nick_chrome,
.aside .site_records .list li .title .text.cosmo_nick.nick_chrome {
    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;
}

.send_by.cosmo_nick.nick_electric,
.cosmo_preview_nick.cosmo_nick.nick_electric,
.aside .site_records .list li .title .text.cosmo_nick.nick_electric {
    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;
}

.send_by.cosmo_nick.nick_toxic,
.cosmo_preview_nick.cosmo_nick.nick_toxic,
.aside .site_records .list li .title .text.cosmo_nick.nick_toxic {
    color: #39ff14 !important;
    font-weight: 700;
    text-shadow: 0 0 6px #39ff14, 0 0 14px #22c55e;
    animation: cosmoToxicPulse 1.5s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_candy,
.cosmo_preview_nick.cosmo_nick.nick_candy,
.aside .site_records .list li .title .text.cosmo_nick.nick_candy {
    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;
}

.send_by.cosmo_nick.nick_shake,
.cosmo_preview_nick.cosmo_nick.nick_shake,
.aside .site_records .list li .title .text.cosmo_nick.nick_shake {
    color: #fb7185 !important;
    font-weight: 700;
    animation: cosmoNickShake 0.55s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_matrix,
.cosmo_preview_nick.cosmo_nick.nick_matrix,
.aside .site_records .list li .title .text.cosmo_nick.nick_matrix {
    color: #22c55e !important;
    font-weight: 700;
    text-shadow: 0 0 4px #22c55e, 0 0 10px #16a34a;
    animation: cosmoNickMatrix 1.1s steps(4, end) infinite;
}

.send_by.cosmo_nick.nick_blood,
.cosmo_preview_nick.cosmo_nick.nick_blood,
.aside .site_records .list li .title .text.cosmo_nick.nick_blood {
    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;
}

.send_by.cosmo_nick.nick_ghost,
.cosmo_preview_nick.cosmo_nick.nick_ghost,
.aside .site_records .list li .title .text.cosmo_nick.nick_ghost {
    color: #e2e8f0 !important;
    font-weight: 700;
    animation: cosmoNickGhost 2.4s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_love,
.cosmo_preview_nick.cosmo_nick.nick_love,
.aside .site_records .list li .title .text.cosmo_nick.nick_love {
    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;
}

.send_by.cosmo_nick.nick_ocean,
.cosmo_preview_nick.cosmo_nick.nick_ocean,
.aside .site_records .list li .title .text.cosmo_nick.nick_ocean {
    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;
}

.send_by.cosmo_nick.nick_sunset,
.cosmo_preview_nick.cosmo_nick.nick_sunset,
.aside .site_records .list li .title .text.cosmo_nick.nick_sunset {
    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;
}

.send_by.cosmo_nick.nick_vapor,
.cosmo_preview_nick.cosmo_nick.nick_vapor,
.aside .site_records .list li .title .text.cosmo_nick.nick_vapor {
    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;
}

.send_by.cosmo_nick.nick_zoom,
.cosmo_preview_nick.cosmo_nick.nick_zoom,
.aside .site_records .list li .title .text.cosmo_nick.nick_zoom {
    color: #a78bfa !important;
    font-weight: 700;
    animation: cosmoNickZoom 1.6s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_rotate,
.cosmo_preview_nick.cosmo_nick.nick_rotate,
.aside .site_records .list li .title .text.cosmo_nick.nick_rotate {
    color: #fbbf24 !important;
    font-weight: 700;
    animation: cosmoNickRotate 2.5s ease-in-out infinite;
}

.send_by.cosmo_nick.nick_blink,
.cosmo_preview_nick.cosmo_nick.nick_blink,
.aside .site_records .list li .title .text.cosmo_nick.nick_blink {
    color: #f8fafc !important;
    font-weight: 700;
    animation: cosmoNickBlink 1.4s steps(2, end) infinite;
}

.send_by.cosmo_nick.nick_royal,
.cosmo_preview_nick.cosmo_nick.nick_royal,
.aside .site_records .list li .title .text.cosmo_nick.nick_royal {
    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;
}

@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 cosmoNickShadowPulse {
    0%, 100% { text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4), 0 0 6px rgba(0, 0, 0, 0.2); }
    50% { text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.55), 0 0 12px rgba(0, 0, 0, 0.35); }
}

@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; }
}


.send_by.cosmo_nick.nick_typewriter,
.cosmo_preview_nick.cosmo_nick.nick_typewriter,
.aside .site_records .list li .title .text.cosmo_nick.nick_typewriter {
    color: #86efac !important;
    font-weight: 700;
    border-right: 2px solid #86efac;
    padding-right: 2px;
    animation: cosmoNickTypeBlink 0.8s steps(1) infinite;
}

.send_by.cosmo_nick.nick_underline,
.cosmo_preview_nick.cosmo_nick.nick_underline,
.aside .site_records .list li .title .text.cosmo_nick.nick_underline {
    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;
}

.send_by.cosmo_nick.nick_3d,
.cosmo_preview_nick.cosmo_nick.nick_3d,
.aside .site_records .list li .title .text.cosmo_nick.nick_3d {
    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;
}

.send_by.cosmo_nick.nick_neon_pink,
.cosmo_preview_nick.cosmo_nick.nick_neon_pink,
.aside .site_records .list li .title .text.cosmo_nick.nick_neon_pink {
    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;
}

.send_by.cosmo_nick.nick_rainbow_bounce,
.cosmo_preview_nick.cosmo_nick.nick_rainbow_bounce,
.aside .site_records .list li .title .text.cosmo_nick.nick_rainbow_bounce {
    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;
}

.send_by.cosmo_nick.nick_smoke,
.cosmo_preview_nick.cosmo_nick.nick_smoke,
.aside .site_records .list li .title .text.cosmo_nick.nick_smoke {
    color: #cbd5e1 !important;
    font-weight: 700;
    animation: cosmoNickSmoke 2.8s ease-in-out infinite;
}

@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; }
}