body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

button:hover {
    opacity: 0.9;
    transition: opacity 0.2s ease-in-out;
}

#audio-player {
    width: 100%;
    max-width: 300px;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    h1 {
        font-size: 1.25rem;
    }
    .max-w-2xl {
        max-width: 100%;
    }
    button {
        font-size: 0.875rem;
    }
}

#status {
    font-size: 0.9rem;
    color: #4a5568;
}