.App{text-align:center;display:flex;flex-direction:column;min-height:100vh}.header-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.my-lists-button{background-color:#e51a1a;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s;width:auto}.my-lists-button:hover{background-color:#f33}.App-header{background:linear-gradient(to right,#00f,#000);padding:20px 20px 50px}h1{text-shadow:2px 2px #e51a1a}@media (max-width: 600px){.movie-card{width:100%}}button{width:30%}.app-main{flex:1;display:flex;flex-direction:column;min-height:0}.main-content{flex:1;display:flex;flex-direction:column;overflow:auto}.movie-container{display:flex;flex-wrap:wrap;justify-content:space-around;padding:10px;flex:1}.App-footer{justify-content:center;display:flex;height:100%;width:100%;background-color:#1c1c76}.App-footer p,.title{color:#fff}.controls-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.controls-row{flex-direction:column;align-items:center}.header-content{flex-direction:column;gap:15px}.load-more button{width:auto;min-width:120px}}.search-section{margin-right:80px}.load-more button{width:15%;height:7vh;border-radius:10px;background-color:green;margin-top:30px}.page-number{color:#fff}.load-more{margin-bottom:20px}.search-section{width:100%;max-width:500px;display:flex}.search-bar-container{display:flex;gap:2px;width:100%}input{width:100%;height:40px;padding-right:30px;border-radius:4px;border:1px solid #ccc;padding-left:10px}.search-button{width:55px;margin-left:10px;border-radius:50%;height:40px;background-color:#000;flex-shrink:0}@media (max-width: 768px){.search-section,.search-bar-container{width:100%}}@media (max-width: 480px){.search-button{width:40px;height:40px}.now-playing-button{padding:8px;font-size:14px}}.search-button:hover{background-color:#2d2df4}.clear-search{position:absolute;right:5px;background:none;border:none;cursor:pointer;height:20px;width:20px;display:flex;align-items:center;justify-content:center;padding:0;margin-left:0}.close{color:#000;font-size:18px;margin-right:40px}.search-bar-container{display:flex;align-items:center;width:100%;margin-right:30px}.search-bar{position:relative;display:flex;align-items:center;height:30px}.now-playing-button{background-color:red;color:#fff;border:none;border-radius:4px;padding:8px 12px;margin-left:10px;cursor:pointer;font-weight:500;transition:background-color .2s;height:40px;white-space:nowrap}.sort-filter-container{display:flex;gap:20px;flex-wrap:wrap}.sort-section,.filter-section{display:flex;align-items:center;gap:10px}label{color:#f0f8ff;white-space:nowrap}select{padding:5px;border-radius:4px;border:1px solid #ccc}@media (max-width: 768px){.sort-filter-container{flex-direction:column;align-items:flex-start;width:100%}.sort-section,.filter-section{width:100%;justify-content:space-between}select{flex-grow:1;max-width:200px}}@media (max-width: 480px){.sort-section,.filter-section{flex-direction:column;align-items:flex-start;gap:5px}select{width:100%;max-width:none}}.movie-list{display:flex;height:100%;width:100%;flex-wrap:wrap;gap:60px;padding:40px;justify-content:space-evenly}@media (max-width: 768px){.movie-list{gap:30px;padding:20px}}@media (max-width: 480px){.movie-list{gap:20px;padding:15px}}.card-content{display:block;border:2px solid gold;height:auto;min-height:400px;width:280px;text-align:center;border-radius:20px;box-shadow:0 0 8px 2px gold;background-color:#4f0b8f;text-wrap:wrap}@media (max-width: 768px){.card-content{width:240px;min-height:350px}}@media (max-width: 480px){.card-content{width:100%;max-width:280px;min-height:300px}}.card-content:hover{box-shadow:0 0 20px 5px gold}.movie-card img{width:100%;height:70%;border-top-right-radius:18px;border-top-left-radius:18px}.card-content p{font-weight:700}.movie-card p{font-size:13px;color:#fff}.movie-card h5{font-size:16px;color:gold;font-family:Times New Roman,Times,serif}.card-actions{display:flex;justify-content:space-around;margin-top:10px;padding:0 20px}.favorite-btn,.watched-btn{background:none;border:none;font-size:24px;cursor:pointer;transition:color .2s;padding:0;margin:0;width:auto;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent}.favorite-btn:hover,.watched-btn:hover,.favorite-btn:focus,.watched-btn:focus,.favorite-btn:active,.watched-btn:active{background:none;outline:none;box-shadow:none}.favorite-btn:hover{color:#ccc;transform:scale(1.2)}.favorite-btn.active{color:red}.watched-btn:hover{color:#ccc;transform:scale(1.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;overflow-y:auto;padding:20px}.modal-content{background-color:#141414;border-radius:8px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;color:#fff;box-shadow:0 5px 15px #00000080}.modal-close{position:absolute;top:10px;right:10px;background:#00000080;border:none;color:#fff;font-size:24px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.modal-backdrop{height:300px;background-size:cover;background-position:center top;position:relative}.modal-backdrop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#14141400,#141414)}.modal-body{padding:20px;position:relative;margin-top:-60px}.modal-overview p{color:#fff;font-size:15px}.modal-info{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;justify-content:center}.modal-info p{margin:0;color:#fff;font-size:13px}.modal-overview{margin-bottom:20px}.modal-overview h3{margin-bottom:10px;color:#fff}.trailer-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-top:10px}.trailer-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.card-content{cursor:pointer;transition:transform .2s}.card-content:hover{transform:scale(1.05)}.my-lists-page{width:100%;padding:20px;color:#fff}.lists-header{display:flex;align-items:center;margin-bottom:30px}.lists-header h1{margin:0 auto}.back-button{background-color:#1c1c76;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s;width:auto}.back-button:hover{background-color:#2a2a9e}.lists-container{display:flex;flex-direction:column;gap:40px}.list-section{width:100%}.list-section h2{font-size:1.5rem;margin-bottom:20px;border-bottom:1px solid #444;padding-bottom:10px}.movies-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.empty-message{color:#aaa;font-style:italic;padding:20px;text-align:center;width:100%;background:#0003;border-radius:5px}@media (max-width: 768px){.movies-grid{justify-content:center}}body{margin:0;font-family:Arial,sans-serif;background-color:#141414}button{background-color:#282c34;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .4s ease}button:hover{background-color:#777;color:#fff}