:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow-x:hidden}body{margin:0;position:relative}#root,body{min-height:100vh;width:100%}#root{display:flex;flex-direction:column}a{color:#646cff;font-weight:500;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{background-color:#fff;color:#213547}a:hover{color:#747bff}button{background-color:#f9f9f9}}.main-content{box-sizing:border-box;flex:1 1;padding:2rem;width:100%}.main-content,.movie-card{display:flex;flex-direction:column}.movie-card{background-color:#1a1a1a;border-radius:8px;height:100%;overflow:hidden;position:relative;transition:transform .2s}.movie-card:hover{transform:translateY(-5px)}.movie-poster{aspect-ratio:2/3;position:relative;width:100%}.movie-poster img{height:100%}.movie-overlay{background:linear-gradient(180deg,#0000001a,#000c);bottom:0;display:flex;flex-direction:column;justify-content:flex-end;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:opacity .2s}.movie-card:hover .movie-overlay{opacity:1}.favorite-btn{align-items:center;background-color:#00000080;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:background-color .2s;width:40px}.favorite-btn:hover{background-color:#000c}.favorite-btn.active{color:#ff4757}.rating-select{background-color:#000000b3;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem}.movie-info{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem}.movie-info h3{font-size:1rem;margin:0}.movie-info p{color:#999;font-size:.9rem}.user-rating{color:gold;font-size:.9rem;margin-top:auto}@media (max-width:768px){.movie-card{font-size:.9rem}.movie-info{padding:.75rem}.favorite-btn{font-size:1.2rem;height:32px;width:32px}}.movie-poster img{border-radius:8px;height:300px;object-fit:cover;width:100%}.home{padding:2rem 0;width:100%}.home,.search-form{box-sizing:border-box}.search-form{display:flex;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:0 1rem}.search-input{background-color:#333;border:none;border-radius:4px;color:#fff;flex:1 1;font-size:1rem;padding:.75rem 1rem}.search-input:focus{box-shadow:0 0 0 2px #666;outline:none}.search-button{background-color:#646cff;border-radius:4px;color:#fff;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s;white-space:nowrap}.search-button:hover{background-color:#f40612}@media (max-width:639px){.home{padding:1rem 0}.search-form{margin-bottom:1rem}}.favorites{box-sizing:border-box;padding:2rem;width:100%}.favorites h2{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.favorites-empty{background-color:#ffffff0d;border-radius:12px;margin:2rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.favorites-empty h2{color:#e50914;font-size:2rem;margin-bottom:1rem}.favorites-empty p{color:#999;font-size:1.2rem;line-height:1.6}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.movies-grid>*{animation:fadeIn .3s ease-out forwards}.movies-grid{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem;width:100%}.navbar{align-items:center;background-color:#000;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:2rem}.nav-link{border-radius:4px;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}@media (max-width:768px){.navbar{padding:1rem}.navbar-brand{font-size:1.2rem}.navbar-links{gap:1rem}.nav-link{padding:.5rem}}
/*# sourceMappingURL=main.05b3d215.css.map*/