:root{--font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 300;--color-light: rgba(255, 255, 255, .87);--color-dark: #242424;--link-color: #fff;--link-hover-color: #fff;--button-bg-color: #1a1a1a;--button-hover-border-color: #646cff;--focus-outline-color: -webkit-focus-ring-color;--h1-font-size: 3.2em;--h1-line-height: 1.1;--button-padding: .6em 1.2em;--button-border-radius: 8px;--button-font-size: 1em;--button-font-weight: 500;--transition-duration: .25s;color-scheme:dark;color:var(--color-light);background-color:var(--color-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;position:relative;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover-color)}h1{font-size:var(--h1-font-size);line-height:var(--h1-line-height)}button{border-radius:var(--button-border-radius);border:1px solid transparent;padding:var(--button-padding);font-size:var(--button-font-size);font-weight:var(--button-font-weight);font-family:inherit;background-color:var(--button-bg-color);cursor:pointer;transition:border-color var(--transition-duration)}button:hover{border-color:none;background-color:#ffffff1a}button:focus,button:focus-visible{outline:4px auto var(--focus-outline-color)}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#fff}button{background-color:#f9f9f9}}.main-content{flex:1;padding:2rem;box-sizing:border-box;width:100%;display:flex;flex-direction:column}*{background-color:#1c1c1c;color:#fdfdfd}.home-container{padding:2rem 0;width:100%;box-sizing:border-box}.home-search-links{display:flex;gap:1rem;justify-content:center}.home-link-button{color:#fff;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;border-radius:7px;background-color:#333;transition:background-color .2s}.home-link-button:hover{background-color:#666}.home-link-button.active{background-color:#e50914}.home-link-button.active:hover{background-color:#7a0208}.home-loading .home-error{display:flex;justify-content:center;align-items:center;height:100%}.home-page-buttons{display:flex;padding:.5rem 0;gap:1.5rem;justify-content:center;align-items:center}.home-page-button{padding:0rem;background-color:transparent;color:#fff;border-radius:7px;font-weight:500;font-size:1.5rem}.home-page-number{color:#fff;font-size:.9rem}@media (max-width: 768px){.home-page{padding:1rem 0}.home-search-links{padding:.2rem .5rem}.home-link-button{font-size:.8rem}.home-page-buttons{padding:1rem 0 0}.home-page-button{font-size:.9rem}.home-page-number{font-size:.7rem}}.movieCard-container{background-color:transparent}.movieCard-link{text-decoration:none;color:#fff}.movieCard-link:hover{color:inherit}.movieCard{position:relative;max-width:300px;overflow:hidden;transition:transform .4s;height:adjust-content;display:flex;flex-direction:column}.movieCard:hover{transform:rotate(.4deg) scale(1.05);cursor:pointer}.movieCard-poster{position:relative;aspect-ratio:2/3;width:100%}.movieCard-poster img{width:100%;height:100%;object-fit:cover;border-radius:5px}.movieCard-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0000001a,#000c);border-radius:5px;opacity:0;transition:opacity .2s;display:flex;flex-direction:column;justify-content:flex-end;padding:1rem}.movieCard:hover .movieCard-overlay{opacity:1}.movieCard-favorite-btn{position:absolute;top:.6rem;right:.6rem;color:#fff;font-size:1rem;padding:0;background-color:#0000004d;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.movieCard-favorite-btn:hover{background-color:#000c}.movieCard-info{background:transparent;padding:.4rem .2rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.movieCard-title{background-color:transparent;font-size:.9rem;margin:0}.movieCard-info p{background-color:transparent;color:#999;font-size:.7rem}.MovieCard-addToList-btn{background-color:#0000004d;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s}.MovieCard-addToList-btn:hover{background-color:#000c}.MovieCard-addToList-btn:after{content:" Add to List"}@media (max-width: 550px){.movieCard{font-size:.8rem;max-width:120px}}@media (max-width: 768px){.movieCard-link{text-decoration:none;color:inherit}.movieCard-link:hover{color:inherit}.movieCard-poster img{border-radius:10px}.movieCard-title{background-color:transparent;font-size:.7rem;margin:0}.movieCard-info p{background-color:transparent;color:#999;font-size:.5rem}.movieCard-favorite-btn{background-color:#000000e6;top:.4rem;width:20px;height:20px;font-size:.6rem}.MovieCard-addToList-btn{background-color:#000000e6;position:absolute;top:.4rem;right:2rem;width:20px;height:20px;padding:0;font-size:.9rem}.MovieCard-addToList-btn:after{content:""}.movieCard:hover .movieCard-overlay{opacity:.8}}.addToListWindow-container{background-color:transparent;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1rem}.addToListWindow-container h2{background-color:#171717;margin:0;padding:1rem;color:#fdfdfd}.addToListWindow-header{background-color:transparent;display:flex;justify-content:flex-end;align-items:center}.createNewList-button{background-color:#333;border:none;border-radius:10px;color:#fdfdfd;cursor:pointer;font-size:.9rem;padding:.8rem 1rem;margin:.2rem;transition:all .3s}.createNewList-button:hover{background-color:#666;transform:scale(1.1);border:none}.addToListWindow-buttons-grid{background-color:#171717;color:#fdfdfd;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:center}.addToListWindow-add-btn{background-color:#0003;border:none;border-radius:10px;color:#fdfdfd;cursor:pointer;font-size:1rem;padding:.8rem 1rem;margin:.4rem;transition:all .3s}.addToListWindow-add-btn:hover{background-color:#ffffff1a;transform:translateY(-5px);border:none}.addToListWindow-add-btn.in-list{background-color:#e50914}.addToListWindow-add-btn.in-list:hover{background-color:#7a0208;transform:translateY(-5px);border:none}.floating-background{background-color:#42424266;width:100vw;height:100vh;position:fixed;top:0;left:0;cursor:pointer;z-index:9}.floating-container{background-color:#171717;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;z-index:10;padding:2rem;width:60%;height:fit-content;border-radius:10px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 10px #00000080;overflow:auto}.floating-controls{background-color:#171717;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.floating-controls h2{background-color:transparent}.floating-close{border-radius:50px;background-color:transparent;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;justify-content:center;align-items:center;margin:0;padding:0;color:#fdfdfd;border:none}.floating-close:hover{background-color:#ffffff1a}.floating-close:after{display:inherit-block;content:"×"}@media (max-width: 639px){.floating-container{width:90%;border-radius:20px}.floating-close{font-size:36px}}.createListForm-content{background-color:#171717;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:1rem}.createListForm-content input{background-color:#1c1c1c;color:#fdfdfd;border:none;border-bottom:1px solid #fdfdfd;padding:.5rem;margin:.5rem;border-radius:10px;font-size:larger}.createListForm-content input:focus{outline:none}.list-description-input{height:100px}.createListForm-content p{background-color:#171717;color:#fdfdfd;margin:0;padding:.5rem}.createListForm-buttons{background-color:transparent;display:flex;justify-content:center;align-items:center;gap:1rem}.create-list-button{background-color:#e50914;color:#fdfdfd;border:none;padding:.5rem;margin:0;margin-top:2rem;width:150px;border-radius:10px;cursor:pointer}.create-list-button:hover{background-color:#7a0208}.create-list-button.no{background-color:#00000080}.create-list-button.no:hover{background-color:#fff3}.delete-list-button{background-color:#e50914;color:#fdfdfd;border:none;padding:.5rem;margin:0;margin-top:2rem;width:150px;border-radius:10px;cursor:pointer}.delete-list-button:hover{background-color:#7a0208}@media (max-width: 639px){.createListForm-content input{font-size:large}}.searchForm-form{max-width:600px;margin:0 auto 1rem;display:flex;gap:1rem;padding:1rem;box-sizing:border-box}.searchForm-input{flex:1;padding:.75rem 1rem;border:none;border-radius:7px;background-color:#333;color:#fff;font-size:1rem}.searchForm-input:focus{outline:none;box-shadow:0 0 0 1px #666}.searchForm-button{padding:.75rem 1.5rem;background-color:#e50914;color:#fff;border-radius:7px;font-weight:500;transition:background-color .6s;white-space:nowrap}.searchForm-button:hover{background-color:#7a0208}@media (max-width: 768px){.searchForm-form{margin-bottom:1rem;max-width:600px;margin:0 auto 1rem;display:flex;gap:.5rem;padding:0 .5rem;box-sizing:border-box}}.favorites-container{padding:2rem 0;width:100%;box-sizing:border-box}.favorites-container h2{margin-bottom:2rem;text-align:center;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.favorites-empty{padding:2rem 0;width:100%;box-sizing:border-box}.favorites-empty h2{margin-bottom:2rem;text-align:center;font-size:2rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.favorites-empty p{color:#999;font-size:1.2rem;line-height:1.6;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.favorites-movies-container{background-color:transparent;width:100%;margin:auto;box-sizing:border-box}.favorites-movies-grid{display:grid;background-color:transparent;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 1rem;padding:0 1rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.favorites-container{padding:.5rem 0}.favorites-movies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0 .8rem;padding:0 1rem;width:100%;box-sizing:border-box}}.actor-container{background-color:transparent;position:relative;overflow:hidden;height:fit-content;display:flex;flex-direction:column;transition:transform .4s}.actor-container:hover{transform:rotate(-.7deg) scale(1.05);cursor:pointer}.actor-link{background-color:transparent}.actor-container img{width:100%;height:100%;object-fit:cover;border-radius:10px}.actor-container p{margin:0}.actorName{font-size:.9rem;font-weight:400}.actorCharacter{font-size:.7rem;font-style:italic;font-weight:200;color:#ffffffb3}@media (max-width: 768px){.actor-container{max-width:90px}.actor-container p{font-size:.6rem}}.movieDetails-content{position:relative;overflow:hidden;background:linear-gradient(to bottom,#0000,#0006);transition:transform .2s;height:100%;display:flex;flex-direction:row;padding:1rem;z-index:1}.movieDetails-background{position:absolute;top:0;left:0;width:100%;margin:auto;background-size:cover;background-position:center;filter:blur(15px) brightness(.5);z-index:-1}.poster{background-color:transparent;max-height:fit-content;width:320px;aspect-ratio:2/3;object-fit:cover;border-radius:12px}.showMore-btn:hover{cursor:pointer;color:#ffffff80}.movieDetails-favorite-btn{position:absolute;top:.6rem;right:.6rem;font-size:1rem;padding:.5rem;background-color:#0000004d;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.movieDetails-favorite-btn:hover{background-color:#000c}.movieDetails-addToList-btn{background-color:#0000004d;position:absolute;top:.6rem;right:3rem;color:#fff;width:max-content;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;transition:all .3s}.movieDetails-addToList-btn:hover{background-color:#000c}.movieDetails-tagline{margin:0;font-size:.8rem;font-weight:200;font-style:italic}.movieDetails-date{margin:0;font-size:1rem;font-weight:200}.movieDetails-overview{margin:0;font-size:1.2rem;font-weight:200}.movieDetails-description{background-color:transparent;padding:1rem;display:flex;flex-direction:column;gap:1rem;width:100%}.movieDetails-name{background-color:transparent;margin:0;font-size:2rem;font-weight:300}.movieDetails-trailer{background-color:transparent;font-size:1.2rem;font-weight:200;border-radius:10px}.cast-background{background:linear-gradient(to top,#0000,#00000080)}.movieDetails-cast{display:grid;background-color:transparent;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:1rem;padding:1.2rem;width:100%;box-sizing:border-box}.movieDetails-subtitle{background-color:transparent;margin:0 1rem;font-size:2rem;font-weight:300}@media (max-width: 768px){.movieDetails-content{flex-direction:column}.movieDetails-background{width:100%;height:100%}.poster{width:300px;height:420px;margin:1rem auto;padding:0;border-radius:20px}.movieDetails-description{padding:.5rem}.movieDetails-description h2{font-size:1.5rem}.movieDetails-date{font-size:.8rem}.movieDetails-overview{font-size:1rem}.movieDetails-trailer{margin:auto}.movieDetails-cast{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));padding:1rem;gap:.5rem}}.listsPage-container{padding:2rem 0;width:100%;box-sizing:border-box}.listsPage-header{margin:0 2rem 2rem;text-align:center;font-size:1.3rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.listsPage-button-container{display:flex;justify-content:right;gap:1rem;margin:2rem}.listsPage-content{background-color:transparent;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box;border-radius:10px}.listsPage-list-link{background-color:#333;border-radius:10px;color:#fff;padding:1rem;transition:all .3s;cursor:pointer;max-width:300px;text-align:center}.listsPage-list-card{background-color:transparent;border-radius:10px;color:#fff;padding:1rem;transition:all .3s;cursor:pointer;text-align:center;max-width:300px}.listsPage-list-link:hover{background-color:#7a0208;transform:translateY(-5px);border:none}.listsPage-list-card h3,p{background-color:transparent}@media (max-width: 768px){.listsPage-container{padding:.5rem 0}.listsPage-header{margin:0 1rem;font-size:1.3rem}.listsPage-button-container{margin:1rem}.listsPage-content{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;padding:0 1rem}.listsPage-list-card{padding:.5rem}.listsPage-list-card h3{font-size:1rem}.listsPage-list-card p{font-size:.8rem}}.listDetails-container{padding:2rem 1rem;width:100%;box-sizing:border-box}.listDetails-header{background-color:transparent;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0}.listDetails-name{margin:0 4rem 2rem;text-align:right;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.listDetails-edit-btn{background-color:transparent;border:none;border-radius:10px;color:#fdfdfd;cursor:pointer;font-size:1rem;padding:.5rem;margin:.8rem;transition:all .3s}.listDetails-edit-btn:hover{background-color:#fff3;transform:scale(1.1)}.listDetails-description{font-size:1.2rem;text-align:left}.listDetails-empty-text{font-size:1.2rem;text-align:center}.listDetails-movies-container{width:100%;margin:auto;box-sizing:border-box}.listDetails-movies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;padding:1rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.listDetails-container{padding:1rem 0}.listDetails-header{flex-direction:column;margin-bottom:2rem}.listDetails-buttons-container{display:flex;justify-content:right;align-items:center;margin:0 1rem}.listDetails-edit-btn{margin:0 .3rem;font-size:.7rem}.listDetails-movies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:0 .8rem;padding:0 1rem;width:100%;box-sizing:border-box}.listDetails-name{margin:0 2rem;font-size:1.5rem}.listDetails-length{padding:0 1rem;font-size:.8rem}.listDetails-description{font-size:1rem;padding:0 1rem}}.navbar{background-color:#111;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-brand{background-color:transparent;font-size:1.5rem;font-weight:700}.brand-link{background-color:transparent;color:#fff;padding:.5rem 1rem;border-radius:5px}.brand-link:hover{color:#ccc;background-color:#0006}.navbar-links{background-color:transparent;display:flex;gap:1rem}.nav-link{background-color:transparent;font-size:1rem;padding:.5rem 1rem;border-radius:5px;transition:background-color .2s;color:#fff}.nav-link:hover{background-color:#0006;color:#ccc}@media (max-width: 768px){.navbar{padding:.8rem}.navbar-brand{font-size:1rem}.navbar-links{gap:.9rem}.nav-link{font-size:.9rem;padding:.4rem}}