/* VidoGet Custom Styles */

body {
    background-color: #0b0c10;
}

/* Simulated starry background based on the image */
.stars-bg {
    background-image: 
        radial-gradient(1px 1px at 10% 20%, rgba(255, 255, 255, 0.4) 1px, transparent 0),
        radial-gradient(1px 1px at 30% 80%, rgba(167, 139, 250, 0.5) 1px, transparent 0),
        radial-gradient(1px 1px at 50% 40%, rgba(96, 165, 250, 0.5) 1px, transparent 0),
        radial-gradient(2px 2px at 70% 60%, rgba(255, 255, 255, 0.3) 1px, transparent 0),
        radial-gradient(1px 1px at 90% 10%, rgba(250, 204, 21, 0.3) 1px, transparent 0);
    background-size: 200px 200px;
}

/* Gradient Blobs */
.gradient-glow {
    background: radial-gradient(circle, rgba(139,92,246,0.25) 0%, rgba(139,92,246,0) 70%);
}

.gradient-glow-cyan {
    background: radial-gradient(circle, rgba(6,182,212,0.2) 0%, rgba(6,182,212,0) 70%);
}

/* Platform Pills */
.platform-pill {
    @apply flex items-center gap-2 px-4 py-1.5 rounded-full text-[11px] font-medium transition-colors cursor-pointer;
    background-color: #1a1c23;
    border: 1px solid #2a2d3a;
    color: #9ca3af;
}

.platform-pill:hover {
    @apply bg-gray-800 text-white border-gray-600;
}

/* Animations */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 0 20px rgba(139,92,246,0.3);
    }
    50% {
        box-shadow: 0 0 30px rgba(139,92,246,0.6);
    }
}

.analyze-loading {
    animation: pulse-glow 1.5s infinite ease-in-out;
}

.spin-icon {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* History Drawer Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #0d0e14;
    border-radius: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #2b2e3d;
    border-radius: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #474b61;
}