:root{--primary-color: #e50914;--background-color: #141414;--text-white: #ffffff;--text-gray: #e5e5e5;--gray-dark: #181818}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}a{text-decoration:none;color:inherit}.homeScreen{min-height:100vh}.watermark{text-align:center;padding:30px 0 20px;font-size:.85rem;color:#fff9}.heart{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media(max-width:480px){.watermark{font-size:.75rem;padding-bottom:15px}}.nav{position:fixed;top:0;padding:20px;width:100%;height:60px;z-index:1000;background:linear-gradient(to bottom,#000000b3,#0000);transition:all .5s ease-in}.nav__black{background-color:#111}.nav__contents{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;padding:10px 20px;height:60px}.nav__logo{position:fixed;left:20px;width:80px;object-fit:contain;cursor:pointer}.nav__avatar{position:fixed;right:20px;width:30px;cursor:pointer}.nav__search{position:fixed;right:80px}.nav__searchInput{background-color:#00000080;border:1px solid white;color:#fff;padding:5px 10px;border-radius:0;outline:none;transition:width .5s;width:0px;width:200px}.nav__searchInput::placeholder{color:#ccc}.nav__links{position:fixed;left:120px;display:flex;gap:20px}.nav__link{color:#fff;cursor:pointer;font-weight:500;transition:color .3s}.nav__link:hover{color:#e5e5e5}@media(max-width:600px){.nav__links{display:none}.nav__logo{width:60px}.nav__avatar{width:25px;right:10px}.nav__search{right:50px}.nav__searchInput{width:0px;width:150px}}@media(min-width:600px){.nav__logo{width:100px}}.banner{color:#fff;object-fit:contain;height:448px}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px}.banner__button{cursor:pointer;color:#fff;outline:none;border:none;font-weight:700;border-radius:.2vw;padding:.5rem 2rem;margin-right:1rem;background-color:#33333380;transition:all .2s}.banner__button:hover{color:#000;background-color:#e6e6e6}.banner--fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111);position:absolute;bottom:0;width:100%}@media(max-width:768px){.banner{height:300px;object-fit:cover}.banner__contents{padding-top:100px;height:auto}.banner__title{font-size:2rem}.banner__description{width:auto;max-width:300px;font-size:.8rem}.banner__button{font-size:.8rem;padding-left:1rem;padding-right:1rem}}header.banner{position:relative}.modal__overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.modal__content{position:relative;width:90%;max-width:900px;aspect-ratio:16 / 9;background:#000}.modal__close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}@media(max-width:480px){.modal__close{top:-35px;font-size:1.2rem}}.row{margin-left:20px;color:#fff}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px}.row__posters::-webkit-scrollbar{display:none}.row__poster{max-height:100px;object-fit:contain;margin-right:10px;width:100%;transition:transform .45s;cursor:pointer}.row__poster:hover{transform:scale(1.08);opacity:1}.row__posterLarge{max-height:250px}.row__posterLarge:hover{transform:scale(1.09)}.searchScreen{min-height:100vh;background-color:#111;color:#fff;padding-top:80px}.searchScreen__results{padding:20px}.searchScreen__results>h2{margin-bottom:20px;font-size:1.5rem;font-weight:500}.searchScreen__grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.searchScreen__poster{max-height:250px;object-fit:contain;transition:transform .45s;cursor:pointer}.searchScreen__poster:hover{transform:scale(1.08)}.searchScreen__noResults{margin-top:50px;color:gray}@media(max-width:768px){.searchScreen__results>h2{font-size:1.2rem}.searchScreen__poster{max-height:150px}}.myListScreen{min-height:100vh;background-color:#111;color:#fff}.myListScreen__body{padding-top:100px;padding-left:30px;padding-right:30px}.myListScreen__body>h1{font-size:2rem;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:10px}.myListScreen__empty{text-align:center;margin-top:50px;color:gray;font-size:1.2rem}.myListScreen__grid{display:flex;flex-wrap:wrap;gap:20px}.myListScreen__card{position:relative;transition:transform .3s}.myListScreen__card:hover{transform:scale(1.05)}.myListScreen__poster{max-height:200px;object-fit:contain;cursor:pointer;border-radius:4px}.myListScreen__removeBtn{position:absolute;bottom:5px;right:5px;background-color:#000000b3;color:#fff;border:1px solid red;padding:5px 10px;font-size:.7rem;border-radius:4px;opacity:0;transition:opacity .2s}.myListScreen__card:hover .myListScreen__removeBtn{opacity:1}.myListScreen__removeBtn:hover{background-color:red}@media(max-width:768px){.myListScreen__body>h1{font-size:1.5rem}.myListScreen__grid{justify-content:center}.myListScreen__poster{max-height:150px}}