/*
╔═══════════════════════════════════════════════════════════════╗
║     🧊 CHILLAX BUT PRISM - Zandy Presents                   ║
║        Neural Iridescent Discord Theme                       ║
║                                                              ║
║    Based on Chillax But Better by ZapGaming                   ║
║    https://github.com/ZapGaming/Chillax-But-Better           ║
╚═══════════════════════════════════════════════════════════════╝

📦 INSTALLATION (Vencord):
   Settings > Themes > Upload Theme > Select this file
*/

@import url("https://raw.githubusercontent.com/ZapGaming/Chillax-But-Better/main/chillax.css");

:root {
    --prism-1: #ff0080;
    --prism-2: #ff8c00;
    --prism-3: #40e0d0;
    --prism-4: #00ff88;
    --prism-5: #00bfff;
    --prism-6: #8b00ff;
    --prism-7: #ff00ff;
    --prism-intensity: 1;
    --prism-speed: 3s;
}

@keyframes prism-shift {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

@keyframes aurora-wave {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

@keyframes glow-pulse {
    0%, 100% { box-shadow: 0 0 5px var(--prism-1), 0 0 10px var(--prism-3); }
    50% { box-shadow: 0 0 15px var(--prism-3), 0 0 25px var(--prism-5); }
}

@keyframes morph-bg {
    0% { background: linear-gradient(135deg, var(--prism-1), var(--prism-3), var(--prism-5)); }
    25% { background: linear-gradient(225deg, var(--prism-2), var(--prism-4), var(--prism-6)); }
    50% { background: linear-gradient(315deg, var(--prism-3), var(--prism-5), var(--prism-7)); }
    75% { background: linear-gradient(45deg, var(--prism-4), var(--prism-6), var(--prism-1)); }
    100% { background: linear-gradient(135deg, var(--prism-1), var(--prism-3), var(--prism-5)); }
}

/* Server Sidebar Aurora */
.wrapper_ef3116 {
    background: linear-gradient(180deg, rgba(255,0,128,0.15), rgba(0,191,255,0.15), rgba(139,0,255,0.15)) !important;
    animation: aurora-wave var(--prism-speed) linear infinite !important;
}

.guildIconImage_b97ded {
    filter: drop-shadow(0 0 8px var(--prism-1)) !important;
    transition: all 0.3s ease !important;
}

.guildIconImage_b97ded:hover {
    filter: drop-shadow(0 0 15px var(--prism-3)) drop-shadow(0 0 30px var(--prism-5)) !important;
    transform: scale(1.1) !important;
}

/* Channel List Iridescent */
.container__2637a {
    background: linear-gradient(135deg, rgba(64,224,208,0.1), rgba(139,0,255,0.1)) !important;
}

.channelName_b47aff:hover {
    color: var(--prism-3) !important;
    text-shadow: 0 0 10px var(--prism-3) !important;
}

/* Chat Messages Prism */
.chat_f75fb0 {
    background: linear-gradient(45deg, rgba(255,0,128,0.05), rgba(0,255,136,0.05), rgba(0,191,255,0.05)) !important;
}

.message_f5a3ef:hover {
    border-left: 2px solid var(--prism-3) !important;
    background: linear-gradient(90deg, rgba(255,0,128,0.1), transparent) !important;
}

/* Member List Holographic */
.container_c8ffbb {
    background: linear-gradient(180deg, rgba(139,0,255,0.08), rgba(0,191,255,0.08), rgba(0,255,136,0.08)) !important;
}

.member_c8ffbb:hover {
    background: linear-gradient(90deg, rgba(255,0,128,0.15), rgba(139,0,255,0.15), rgba(0,191,255,0.15)) !important;
    border-radius: 8px !important;
}

.avatar_b558c5 {
    border: 2px solid transparent !important;
}

.member_c8ffbb:hover .avatar_b558c5 {
    border-color: var(--prism-3) !important;
    box-shadow: 0 0 15px var(--prism-3) !important;
}

/* Buttons Neural Glow */
.lookFilled__201d5 {
    position: relative !important;
    overflow: hidden !important;
}

.lookFilled__201d5::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
    transition: left 0.5s ease !important;
}

.lookFilled__201d5:hover::before {
    left: 100% !important;
}

.lookFilled__201d5:hover {
    background: linear-gradient(135deg, var(--prism-1), var(--prism-3), var(--prism-5)) !important;
    animation: glow-pulse 2s ease-in-out infinite !important;
    color: white !important;
}

/* Input Fields Iridescent */
.input_f5a3ef:focus {
    border: 1px solid var(--prism-3) !important;
    box-shadow: 0 0 10px rgba(255,0,128,0.3), 0 0 20px rgba(0,191,255,0.3) !important;
}

/* Scrollbars Prism */
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--prism-1), var(--prism-3), var(--prism-5)) !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--prism-2), var(--prism-4), var(--prism-6)) !important;
    box-shadow: 0 0 15px var(--prism-3) !important;
}

/* Role Badges Gradient */
.roleName_b4c060 {
    background: linear-gradient(90deg, var(--prism-1), var(--prism-3), var(--prism-5)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Emoji Picker Aurora */
.emojiPicker_b3d42c {
    background: linear-gradient(135deg, rgba(255,0,128,0.1), rgba(0,255,136,0.1), rgba(0,191,255,0.1)) !important;
    animation: aurora-wave var(--prism-speed) linear infinite !important;
}

/* User Popout Morph BG */
.userPopout-2j1gM4 {
    background: linear-gradient(135deg, rgba(255,0,128,0.15), rgba(139,0,255,0.15), rgba(0,191,255,0.15)) !important;
    animation: morph-bg 8s ease-in-out infinite !important;
}

.userPopout-2j1gM4 .avatar-2Vndt_ {
    border: 4px solid transparent !important;
    background: linear-gradient(var(--chillax-bg), var(--chillax-bg)) padding-box,
                linear-gradient(135deg, var(--prism-1), var(--prism-3), var(--prism-5)) border-box !important;
}

/* Nitro/Boost Badges Glow */
.premiumSubscriberBadge__5eb17, .nitroBadge_ec7b99, .boostBadge_ec7b99 {
    filter: drop-shadow(0 0 5px var(--prism-3)) !important;
    animation: glow-pulse 3s ease-in-out infinite !important;
}

/* Voice Speaking Indicator */
.speaking__7f7c9 {
    border: 2px solid var(--prism-3) !important;
    box-shadow: 0 0 10px var(--prism-3), 0 0 20px var(--prism-5) !important;
    animation: glow-pulse 1.5s ease-in-out infinite !important;
}

/* Spotify Presence */
.horizontal_e2c7uc {
    background: linear-gradient(90deg, rgba(255,0,128,0.2), rgba(0,255,136,0.2), rgba(0,191,255,0.2)) !important;
}

.spotifyIcon_f87b55 {
    filter: drop-shadow(0 0 10px #1db954) !important;
}

/* Mentions Prism Glow */
.mention_zkgb7 {
    background: linear-gradient(90deg, rgba(255,0,128,0.3), rgba(139,0,255,0.3)) !important;
    transition: all 0.3s ease !important;
}

.mention_zkgb7:hover {
    background: linear-gradient(90deg, rgba(255,0,128,0.5), rgba(139,0,255,0.5)) !important;
    box-shadow: 0 0 15px rgba(255,0,128,0.5) !important;
}

/* Streaming Pills */
.pill__35f72 {
    background: linear-gradient(90deg, var(--prism-1), var(--prism-5)) !important;
    animation: glow-pulse 2s ease-in-out infinite !important;
}

.liveBadge_cf6f51 {
    background: var(--prism-1) !important;
    box-shadow: 0 0 10px var(--prism-1) !important;
}

/* Modals Morph Background */
.modal_a5d4ec {
    background: linear-gradient(135deg, rgba(20,20,30,0.95), rgba(40,20,60,0.95)) !important;
    animation: morph-bg 10s ease-in-out infinite !important;
}

/* Forum Cards */
.container-3wLKDe {
    background: linear-gradient(135deg, rgba(255,0,128,0.08), rgba(139,0,255,0.08)) !important;
    transition: all 0.3s ease !important;
}

.container-3wLKDe:hover {
    background: linear-gradient(135deg, rgba(255,0,128,0.15), rgba(0,191,255,0.15)) !important;
}

/* Avatar Borders */
.avatar-2Vndt_, .avatar_b558c5 {
    border-radius: 50% !important;
    transition: all 0.3s ease !important;
}

/* Interactive Hover Effects */
.interactive_bf202d:hover {
    transform: scale(1.05) !important;
    transition: all 0.2s ease !important;
}

/* Search Bar Iridescent */
.container__55c99 {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

.container__55c99:focus-within {
    border: 1px solid var(--prism-3) !important;
    box-shadow: 0 0 15px rgba(0,191,255,0.3) !important;
}

/* Glowing Titles */
.title_b4c060 {
    color: var(--prism-3) !important;
    text-shadow: 0 0 10px var(--prism-3) !important;
}

/* Discord Preloaded Elements */
.blobContainer_c5cd57 {
    background: linear-gradient(135deg, rgba(255,0,128,0.2), rgba(0,191,255,0.2)) !important;
}

/* Channel Unread/Active */
.iconBadge_c37b4d {
    background: var(--prism-1) !important;
    box-shadow: 0 0 10px var(--prism-1) !important;
}

/* Send Button */
.sendButton_d7d106 {
    color: var(--prism-3) !important;
    transition: all 0.3s ease !important;
}

.sendButton_d7d106:hover {
    color: var(--prism-5) !important;
    filter: drop-shadow(0 0 10px var(--prism-5)) !important;
}

/* Reaction Pills */
.reaction_f5a3ef {
    background: rgba(255,255,255,0.05) !important;
    border: 1px solid transparent !important;
}

.reaction_f5a3ef:hover {
    background: rgba(255,0,128,0.2) !important;
    border-color: var(--prism-3) !important;
}

.reaction_f5a3ef.reacted {
    background: rgba(0,255,136,0.2) !important;
    border-color: var(--prism-4) !important;
}