@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap');

:root {
    --primary: #0ea5e9;
    --secondary: #7c3aed;
    --accent: #ec4899;
    --dark: #0f172a;
    --light: #f8fafc;
    --glow: rgba(14, 165, 233, 0.5);
}

body {
    font-family: 'Space Mono', monospace;
    background-color: var(--dark);
    color: var(--light);
}

/* Animation for buttons */
@keyframes pulse {
    0%, 100% {
        box-shadow: 0 0 0 0 var(--glow);
    }
    50% {
        box-shadow: 0 0 10px 5px var(--glow);
    }
}

.pulse {
    animation: pulse 2s infinite;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .controls {
        bottom: 1rem;
        gap: 0.5rem;
    }
    .control-btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.8rem;
    }
}