@media(prefers-color-scheme:dark){html{color-scheme:dark}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;scroll-behavior:smooth}html,body{width:100%;min-height:100vh}body{background-color:#f9f9f9;color:#333;transition:background-color .3s ease,color .3s ease}.dark-mode{background-color:#1c1c1c;color:#f5f5f5}.movie-card{cursor:pointer;transition:transform .3s ease}.movie-card img{width:100%;border-radius:8px;box-shadow:0 4px 10px #0000001a}.movie-card:hover img{transform:scale(1.05)}.movie-card h2{font-size:1rem;margin-top:.5rem}.movie-card p{font-size:.85rem;color:gray}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:1.5rem;border-radius:8px;width:100%;max-width:500px;position:relative;max-height:90vh;overflow-y:auto;color:#111}.dark-mode .modal-content{background-color:#2a2a2a;color:#f5f5f5}.modal-content iframe{width:100%;height:300px;border-radius:8px;margin-bottom:1rem}.modal-content img{width:100%;margin-bottom:1rem;border-radius:8px}.modal-content button{position:absolute;top:8px;right:12px;background:none;font-size:1.5rem;border:none;color:gray}.modal-content button:hover{color:#000}.dark-mode .modal-content button:hover{color:#fff}.modal-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;text-align:center}.modal-subtext{font-size:.9rem;text-align:center;color:#666;margin-bottom:1rem}.modal-description{margin-top:1rem}.modal-description h3{font-size:1.1rem;margin-bottom:.5rem;color:#222}.modal-description p{font-size:.95rem;line-height:1.5;color:#333}.dark-mode .modal-description p{color:#e0e0e0}.dark-mode .modal-description h3{color:#fff}.dark-mode .modal-subtext{color:#bbb}.dark-mode .genre-dropdown select{background-color:#2b2b2b;color:#f5f5f5;border:1px solid #555}.app-container{background-color:inherit;color:inherit;padding:2rem;margin:0 auto;width:100%;max-width:1200px}h1{font-size:2rem;text-align:center;margin-bottom:1.5rem;color:inherit}form{display:flex;justify-content:center;margin-bottom:1rem}input[type=text]{padding:.5rem 1rem;width:250px;border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none;background-color:#fff;color:#111}.dark-mode input[type=text]{background-color:#333;color:#f5f5f5;border:1px solid #555}button{padding:.5rem 1rem;border:none;background-color:#07f;color:#fff;border-radius:0 5px 5px 0;transition:background .3s ease}button:hover{background-color:#005fcc}.genre-select{display:flex;justify-content:center;margin-bottom:1.5rem}select{padding:.5rem 1rem;border-radius:5px}.dark-mode select{background-color:#333;color:#f5f5f5;border:1px solid #555}h2{text-align:center;margin-bottom:1rem;color:inherit}.loading{text-align:center;margin-top:1rem;color:#07f;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.no-results,.section-title{text-align:center;margin-top:1rem;color:#666}.dark-mode .loading,.dark-mode .no-results,.dark-mode .section-title{color:#ccc}.movie-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;padding:0 1rem;background-color:inherit}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dark-toggle{padding:.5rem 1rem;background:#444;color:#fff;border:none;border-radius:6px}.dark-mode .dark-toggle{background:#e0e0e0;color:#111}.search-bar{display:flex;justify-content:center;margin-bottom:1rem}.search-bar input{padding:.5rem;width:250px;border-radius:4px 0 0 4px;border:1px solid #ccc}.search-bar button{padding:.5rem 1rem;border-radius:0 4px 4px 0;border:none;background-color:#007bff;color:#fff}.genre-dropdown{text-align:center;margin-bottom:1.5rem}.genre-dropdown select{padding:.5rem;border-radius:4px;border:1px solid #ccc}.movie-card{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.movie-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 10px 20px #0003}button{transition:background-color .3s ease,transform .2s ease}button:hover{transform:scale(1.05)}.dark-toggle{transition:background-color .3s ease,transform .2s ease}.dark-toggle:hover{transform:scale(1.05)}.modal-overlay{animation:fadeIn .3s ease}.modal-content{animation:popIn .4s ease}@keyframes fadeIn{0%{background-color:#0000}to{background-color:#000000b3}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.genre-dropdown{animation:slideDown .4s ease}.genre-dropdown select{transition:border-color .3s ease,background-color .3s ease}.genre-dropdown select:focus{border-color:#07f;background-color:#eef6ff}.section-title{animation:fadeUp .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-content button{transition:color .3s ease,transform .2s ease}.modal-content button:hover{color:#f44;transform:rotate(90deg)}.dark-mode .genre-dropdown select{background-color:#333;color:#f5f5f5;border:1px solid #555}input::placeholder{color:#999}.dark-mode input::placeholder{color:#ccc}.genre-dropdown select{background-color:#fff;color:#111;border:1px solid #ccc}