*{margin:0;padding:0;box-sizing:border-box}html{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{display:flex;flex-direction:column;align-items:center}body>*{width:100%;padding-inline:6.7px}img{display:block;width:15vw;min-width:100px;max-width:250px;border-radius:9px}a{text-decoration:none;font-weight:700;cursor:pointer}header{position:relative;display:flex;flex-wrap:wrap;gap:1em;padding-block:1em;align-items:center;justify-content:center;height:clamp(250px,15vw,500px);margin-bottom:2.5rem;background-image:url(/assets/header-bg-DlBfrmKh.png);background-color:#000000b3;background-blend-mode:darken;background-size:cover;background-position:0 -40vw;background-repeat:no-repeat;color:#f5f5f5}header a{color:#f5f5f5}header h1{font-size:3rem}.search{--search-width: clamp(100px, 100%, 600px);width:var(--search-width);position:absolute;display:flex;bottom:-18px;inset-inline:auto}.search>*{padding:5px;width:25%;height:40px;border:1px solid rgba(128,128,128,.35)}.search>input{width:inherit;border-right:0;border-radius:6px 0 0 6px}.search>button{cursor:pointer;border-radius:0 6px 6px 0}.empty-movie-list-btn{font-weight:700;text-align:center;color:#000}.empty-movie-list-btn:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-square-rounded-plus-filled'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20stroke-width='1'%20stroke='%23000000'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202l.324%20.001l.318%20.004l.616%20.017l.299%20.013l.579%20.034l.553%20.046c4.785%20.464%206.732%202.411%207.196%207.196l.046%20.553l.034%20.579c.005%20.098%20.01%20.198%20.013%20.299l.017%20.616l.005%20.642l-.005%20.642l-.017%20.616l-.013%20.299l-.034%20.579l-.046%20.553c-.464%204.785%20-2.411%206.732%20-7.196%207.196l-.553%20.046l-.579%20.034c-.098%20.005%20-.198%20.01%20-.299%20.013l-.616%20.017l-.642%20.005l-.642%20-.005l-.616%20-.017l-.299%20-.013l-.579%20-.034l-.553%20-.046c-4.785%20-.464%20-6.732%20-2.411%20-7.196%20-7.196l-.046%20-.553l-.034%20-.579a28.058%2028.058%200%200%201%20-.013%20-.299l-.017%20-.616c-.003%20-.21%20-.005%20-.424%20-.005%20-.642l.001%20-.324l.004%20-.318l.017%20-.616l.013%20-.299l.034%20-.579l.046%20-.553c.464%20-4.785%202.411%20-6.732%207.196%20-7.196l.553%20-.046l.579%20-.034c.098%20-.005%20.198%20-.01%20.299%20-.013l.616%20-.017c.21%20-.003%20.424%20-.005%20.642%20-.005zm0%206a1%201%200%200%200%20-1%201v2h-2l-.117%20.007a1%201%200%200%200%20.117%201.993h2v2l.007%20.117a1%201%200%200%200%201.993%20-.117v-2h2l.117%20-.007a1%201%200%200%200%20-.117%20-1.993h-2v-2l-.007%20-.117a1%201%200%200%200%20-.993%20-.883z'%20fill='currentColor'%20stroke-width='0'%20/%3e%3c/svg%3e");background-size:cover;display:inline-block;height:27px;width:27px;margin-right:3px;vertical-align:middle}.movie-list{display:flex;flex-direction:column;gap:1rem}.empty-movie-list{text-align:center;color:#acacac;text-shadow:0 0 1px #ABABAB}.movie-card{position:relative;width:100%;list-style:none;padding-block:1em;display:grid;grid-template-areas:"title title title title" "duration genre genre watchlist" "summary summary summary summary";grid-template-columns:auto minmax(auto,75px);grid-template-rows:auto auto 1fr auto;max-width:1200px;margin-inline:auto;margin-bottom:1rem;padding:.25em;background-color:#f5f5f5df;background-blend-mode:lighten;background-size:cover;background-position:top;border-radius:4.6px;line-height:1.375rem}.movie-card:hover{background-color:#f5f5f5c6;transition:.25s ease-in;text-shadow:0 0 4px white}.movie-card:not(:last-of-type):after{content:"";position:absolute;border:1px solid rgba(128,128,128,.35);width:95%;bottom:-18px;left:2.5%}.movie-card>*{align-self:center;justify-self:center}.movie-poster{display:none;margin:.25rem;border:1px solid rgba(68,68,68,.562)}.movie-title{grid-area:title;align-self:end;justify-self:start}.movie-rating{grid-area:rating;font-size:1.15rem;margin-left:12px;vertical-align:10%}.movie-rating:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-star-filled'%20width='32'%20height='32'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23000000'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M8.243%207.34l-6.38%20.925l-.113%20.023a1%201%200%200%200%20-.44%201.684l4.622%204.499l-1.09%206.355l-.013%20.11a1%201%200%200%200%201.464%20.944l5.706%20-3l5.693%203l.1%20.046a1%201%200%200%200%201.352%20-1.1l-1.091%20-6.355l4.624%20-4.5l.078%20-.085a1%201%200%200%200%20-.633%20-1.62l-6.38%20-.926l-2.852%20-5.78a1%201%200%200%200%20-1.794%200l-2.853%205.78z'%20stroke-width='1'%20fill='%23FFD700'%20/%3e%3c/svg%3e");background-size:cover;display:inline-block;height:20px;width:20px;margin-right:5px;vertical-align:-3px}.movie-duration{grid-area:duration}.movie-genre{grid-area:genre}.movie-year{display:none}.watchlist-btn{grid-area:watchlist;height:fit-content;width:fit-content;justify-self:start;padding:.25em;cursor:pointer;border:none;background:none;font-weight:700;font-size:1.15rem}.watchlist-btn:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-square-rounded-plus-filled'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20stroke-width='1'%20stroke='%23000000'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202l.324%20.001l.318%20.004l.616%20.017l.299%20.013l.579%20.034l.553%20.046c4.785%20.464%206.732%202.411%207.196%207.196l.046%20.553l.034%20.579c.005%20.098%20.01%20.198%20.013%20.299l.017%20.616l.005%20.642l-.005%20.642l-.017%20.616l-.013%20.299l-.034%20.579l-.046%20.553c-.464%204.785%20-2.411%206.732%20-7.196%207.196l-.553%20.046l-.579%20.034c-.098%20.005%20-.198%20.01%20-.299%20.013l-.616%20.017l-.642%20.005l-.642%20-.005l-.616%20-.017l-.299%20-.013l-.579%20-.034l-.553%20-.046c-4.785%20-.464%20-6.732%20-2.411%20-7.196%20-7.196l-.046%20-.553l-.034%20-.579a28.058%2028.058%200%200%201%20-.013%20-.299l-.017%20-.616c-.003%20-.21%20-.005%20-.424%20-.005%20-.642l.001%20-.324l.004%20-.318l.017%20-.616l.013%20-.299l.034%20-.579l.046%20-.553c.464%20-4.785%202.411%20-6.732%207.196%20-7.196l.553%20-.046l.579%20-.034c.098%20-.005%20.198%20-.01%20.299%20-.013l.616%20-.017c.21%20-.003%20.424%20-.005%20.642%20-.005zm0%206a1%201%200%200%200%20-1%201v2h-2l-.117%20.007a1%201%200%200%200%20.117%201.993h2v2l.007%20.117a1%201%200%200%200%201.993%20-.117v-2h2l.117%20-.007a1%201%200%200%200%20-.117%20-1.993h-2v-2l-.007%20-.117a1%201%200%200%200%20-.993%20-.883z'%20fill='currentColor'%20stroke-width='0'%20/%3e%3c/svg%3e");background-size:cover;display:inline-block;height:27px;width:27px;margin-right:3px;vertical-align:sub}.remove-btn{grid-area:watchlist;height:fit-content;width:fit-content;justify-self:start;padding:.25em;cursor:pointer;border:none;background:none;font-weight:700;font-size:1.15rem}.remove-btn:before{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20class='icon%20icon-tabler%20icon-tabler-square-rounded-minus-filled'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20stroke-width='1.5'%20stroke='%23000000'%20fill='none'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cpath%20stroke='none'%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M12%202l.324%20.001l.318%20.004l.616%20.017l.299%20.013l.579%20.034l.553%20.046c4.785%20.464%206.732%202.411%207.196%207.196l.046%20.553l.034%20.579c.005%20.098%20.01%20.198%20.013%20.299l.017%20.616l.005%20.642l-.005%20.642l-.017%20.616l-.013%20.299l-.034%20.579l-.046%20.553c-.464%204.785%20-2.411%206.732%20-7.196%207.196l-.553%20.046l-.579%20.034c-.098%20.005%20-.198%20.01%20-.299%20.013l-.616%20.017l-.642%20.005l-.642%20-.005l-.616%20-.017l-.299%20-.013l-.579%20-.034l-.553%20-.046c-4.785%20-.464%20-6.732%20-2.411%20-7.196%20-7.196l-.046%20-.553l-.034%20-.579a28.058%2028.058%200%200%201%20-.013%20-.299l-.017%20-.616c-.003%20-.21%20-.005%20-.424%20-.005%20-.642l.001%20-.324l.004%20-.318l.017%20-.616l.013%20-.299l.034%20-.579l.046%20-.553c.464%20-4.785%202.411%20-6.732%207.196%20-7.196l.553%20-.046l.579%20-.034c.098%20-.005%20.198%20-.01%20.299%20-.013l.616%20-.017c.21%20-.003%20.424%20-.005%20.642%20-.005zm3%209h-6l-.117%20.007a1%201%200%200%200%20.117%201.993h6l.117%20-.007a1%201%200%200%200%20-.117%20-1.993z'%20stroke-width='0'%20fill='currentColor'%20/%3e%3c/svg%3e");background-size:cover;display:inline-block;height:27px;width:27px;margin-right:3px;vertical-align:sub}.movie-summary{grid-area:summary;align-self:start;opacity:.75;width:100%;font-weight:600}.short{max-height:70px;overflow:hidden}.read-more-btn{border:none;background:none;font-weight:700;font-size:.95rem;text-decoration:underline}.read-more-btn:hover{cursor:pointer}.read-more-btn:active{font-size:.9rem}@media (min-width: 450px){.movie-card{grid-template-areas:"poster title title title" "poster duration genre watchlist" "poster summary summary summary";grid-template-columns:auto minmax(auto,75px) minmax(auto,175px) 1fr}.movie-card>*{padding:.25em}.movie-poster{display:inline-block;grid-area:poster;padding:.25rem}.movie-year{display:block}.add-to-watchlist-btn{justify-self:start}}@media (max-width: 450px){.movie-card{padding-inline:1rem;padding-block:.75rem}}