@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
body { font-family: 'Inter', sans-serif; }

.glow-effect {
    box-shadow: 0 0 20px rgba(99, 102, 241, 0.3);
}

.pulse-glow {
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: 0 0 20px rgba(99, 102, 241, 0.3); }
    50% { box-shadow: 0 0 30px rgba(99, 102, 241, 0.6); }
}

.gradient-border {
    background: linear-gradient(45deg, #6366f1, #ec4899, #3b82f6);
    padding: 2px;
    border-radius: 12px;
}

.gradient-border > div {
    background: #0f172a;
    border-radius: 10px;
}

.chat-scroll {
    scrollbar-width: thin;
    scrollbar-color: #4f46e5 #1e293b;
}

.chat-scroll::-webkit-scrollbar {
    width: 6px;
}

.chat-scroll::-webkit-scrollbar-track {
    background: #1e293b;
}

.chat-scroll::-webkit-scrollbar-thumb {
    background: #4f46e5;
    border-radius: 3px;
}

.blackout {
    width: 100%;
    height: auto;
    background: black; /* fallback if filter unsupported */
    filter: brightness(0) saturate(0);
    -webkit-filter: brightness(0) saturate(0); /* vendor prefix */
    object-fit: contain;
}

/*.blackout::before { !* from chat gpt somehow works *!*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: black;*/
/*    pointer-events: none;*/
/*}*/