:root{--primary-color:#e50914;--bg-color:#141414;--card-bg:#1f1f1f;--text-primary:#fff;--text-secondary:#b3b3b3;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#141414;background-color:var(--bg-color);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);margin:0}*{box-sizing:border-box}button{border:none;cursor:pointer;outline:none;transition:all .2s ease}.App{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-form{background:var(--card-bg);border:1px solid #333;border-radius:12px;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;max-width:600px;padding:2rem;width:100%}.search-label{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-align:center}.search-input{background-color:#000;border:2px solid #333;border-radius:6px;color:#fff;font-size:1.1rem;padding:1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #e5091440;outline:none}.search-button{background-color:var(--primary-color);border-radius:6px;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase}.search-button:hover{background-color:#f40612;box-shadow:0 4px 12px #e5091466;transform:translateY(-2px)}.search-button:active{transform:translateY(0)}.search-error{animation:fadeIn .3s ease-out;background-color:#ff44441a;border:1px solid #f443;border-radius:6px;color:#f44;font-weight:500;padding:.75rem;text-align:center}.favourites-container{width:100%}.favourites-title{align-items:center;border-left:5px solid var(--primary-color);display:flex;font-size:2rem;margin-bottom:1.5rem;padding-left:1rem}.movie-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));list-style:none;padding:0}.no-movies{background:#ffffff08;border:2px dashed #333;border-radius:12px;color:var(--text-secondary);font-size:1.2rem;margin-top:3rem;padding:3rem;text-align:center}.movie-card{animation:fadeIn .4s ease-out;background-color:var(--card-bg);border:1px solid #333;border-radius:8px;box-shadow:0 4px 6px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.movie-card:hover{border-color:#555;box-shadow:0 12px 24px #0009;transform:translateY(-5px)}.movie-poster{cursor:pointer;height:300px;object-fit:cover;transition:opacity .2s;width:100%}.movie-card:hover .movie-poster{opacity:.9}.movie-info{flex-grow:1;padding:1rem}.movie-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-year{background:#ffffff1a;border-radius:4px;display:inline-block;margin:0;padding:2px 6px}.movie-year,.remove-btn{color:var(--text-secondary);font-size:.9rem}.remove-btn{background-color:initial;border-top:1px solid #333;font-weight:500;padding:1rem;transition:all .2s;width:100%}.remove-btn:hover{background-color:#2a2a2a;color:var(--primary-color)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:var(--card-bg);border:1px solid #444;border-radius:16px;box-shadow:0 25px 50px #0009;max-width:500px;padding:2.5rem;position:relative;text-align:center;width:90%}.modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;top:1rem;width:32px}.modal-close:hover{background:var(--primary-color);transform:rotate(90deg)}.modal-poster{border:4px solid #fff;border-radius:8px;box-shadow:0 8px 24px #00000080;margin-bottom:1.5rem;max-width:200px}.modal-title{font-size:2rem;line-height:1.2;margin-bottom:.5rem}.modal-meta{color:var(--text-secondary);font-size:1.1rem;margin-bottom:.5rem}
/*# sourceMappingURL=main.19c0806c.css.map*/