:root{--bg:#111;--card:#181818;--text:#fff;--muted:#aaa;--accent:#e50914}.light{--bg:#f4f4f4;--card:#fff;--text:#111;--muted:#555;--accent:#e50914}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.header{justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header nav{align-items:center;gap:16px;display:flex}.theme-btn{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:18px}.search-container{background:var(--bg);z-index:10;justify-content:center;padding:16px;display:flex;position:sticky;top:0}.search-container input{background:var(--card);width:60%;max-width:500px;color:var(--text);border:none;border-radius:30px;outline:none;padding:12px 18px}.filters{justify-content:center;gap:14px;padding-bottom:10px;display:flex}.filters button{background:var(--card);color:var(--muted);cursor:pointer;border:none;border-radius:20px;padding:10px 20px}.filters button.active{background:var(--accent);color:#fff}.page{padding-top:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px;display:grid}.movie-card{background:var(--card);border-radius:12px;padding:10px;transition:transform .3s;position:relative}.movie-card:hover{transform:translateY(-6px)}.movie-card img{border-radius:10px;width:100%}.movie-card h3{margin-top:10px;font-size:16px}.movie-card p{color:var(--muted);font-size:14px}.like-btn{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:22px;position:absolute;top:10px;right:10px}.like-btn.liked{color:var(--accent)}.details{gap:40px;max-width:1100px;margin:0 auto;padding:40px;display:flex}.details img{border-radius:12px;flex-shrink:0;width:300px}.details-info{flex-direction:column;display:flex}.details-info h1{margin-bottom:10px;font-size:32px}.meta{color:var(--muted);gap:16px;margin-bottom:16px;font-size:15px;display:flex}.genres{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.genres span{background:var(--card);border-radius:20px;padding:6px 14px;font-size:14px}.overview{max-width:700px;font-size:16px;line-height:1.7}@media (max-width:768px){.search-container input{width:90%}.details{text-align:center;flex-direction:column;align-items:center;padding:20px}.details img{width:90%}.details-info{align-items:center}.overview{max-width:100%}}