/* Modal Styles */ .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); justify-content: center; align-items: center; }
/* Filter Bar */ .filter-bar { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-top: 1rem; }
@keyframes slideDown { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
function openReminderModal(movieTitle) { currentMovieTitle = movieTitle; document.getElementById("modalMovieTitle").innerText = movieTitle; modal.style.display = "flex"; }
