:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}.header{background-color:#000;padding:1.5rem}.nav-bar{display:flex;justify-content:space-between;align-items:center}.navbar-title{color:#fff;text-decoration:none}.nav-links{display:flex;gap:1.5rem;color:#fff;list-style:none;margin-right:2rem;font-size:1.2rem}.nav-links a{color:#fff;text-decoration:none}.search-bar{display:block;margin:1rem auto;width:500px;padding:.7rem;font-size:1.2rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.3);box-shadow:0 .2rem .5rem #fff3}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1.5rem}.pagination{display:flex;justify-content:center;gap:3rem}.pagination button{margin:1.5rem 0 2rem;padding:.8rem 2rem;font-size:1.2rem;border-radius:.5rem;border:none;color:#fff;font-weight:700;cursor:pointer}.prev{background-color:#0d6efd}.next{background-color:#198754}.movie-card{display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 .5rem 1rem #ffffff4d}.movie-card img{margin:.5rem 0;border:3px solid rgba(255,255,255,.8);border-radius:.5rem}.movie-title{text-align:center;margin:.5rem 0;font-size:1.2rem;padding:0 .5rem}.rating,.year{margin:.2rem 0;font-size:1rem;font-weight:700}.buttons{display:flex;gap:1.5rem}.add,.remove{color:#fff;font-size:1rem;border-radius:.3rem;border:none;cursor:pointer;margin:1rem 0 .7rem}.add{background-color:green;padding:.5rem 1.3rem}.remove{background-color:red;padding:.5rem}.movie-details{display:flex;justify-content:center}.details-card{max-width:700px;margin:2rem 0;box-shadow:0 .5rem 1rem #fff6}.detail-title{text-align:center;font-size:2rem;margin-top:1rem;padding:0 1rem}.details-card img{display:block;margin:1rem auto;width:300px;border:3px solid rgba(255,255,255,.8)}.details-card h3{font-size:1.6rem;padding-left:1rem}.detail-overview{margin:1rem 0;padding:0 1rem;font-size:1.4rem;line-height:1.2;text-align:justify}.movie-rating,.release-date{font-size:1.2rem;margin-bottom:.5rem;padding-left:1rem}.detail-buttons{padding-left:1rem;margin-bottom:.5rem}.loading{margin-left:1rem;font-size:1.1rem}.no-favorites{height:80vh;display:flex;justify-content:center;align-items:center}.no-favorites p{padding:6rem;font-size:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.4);color:#ff0;box-shadow:0 .5rem 1rem #ffffff4d}@media (max-width: 768px){.nav-bar{flex-direction:column;align-items:center;text-align:center}.nav-links{margin:1rem 0 0;gap:1rem;font-size:1rem}.search-bar{width:90%;font-size:1rem}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.pagination{gap:1rem}.pagination button{padding:.6rem 1.2rem;font-size:1rem}.movie-card img{width:100%;height:auto}.details-card img{width:100%;max-width:250px}.detail-title{font-size:1.5rem}.detail-overview{font-size:1rem;padding:0 1rem}.movie-rating,.release-date{font-size:1rem}.loading{font-size:.9rem}.no-favorites p{padding:4rem 2rem;font-size:1.1rem}}