body {
    background-color: #f8f9fa;
    font-family:
        system-ui,
        -apple-system,
        "Segoe UI",
        Roboto,
        "Helvetica Neue",
        "Noto Sans",
        "Liberation Sans",
        Arial,
        sans-serif;
}

#banner {
    transition: box-shadow 0.3s ease;
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 123, 255, 0.05);
}

.img-thumbnail {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.play-btn {
    min-width: 80px;
    transition: all 0.2s ease-in-out;
}

.play-btn.btn-danger {
    box-shadow: 0 0 10px rgba(220, 53, 69, 0.4);
}

form .form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}

#load {
    transition: opacity 0.3s ease;
}