@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--color-bg: rgba(17, 24, 39, .9);--color-card-bg: #111827;--color-tag-bg: #1f2937;--gradient-bg: linear-gradient(to right, #111827, #000000);--color-element-bg: #374151;--red: #e00000;--color-text: #ffffff;--color-muted: #cbd5e1;--color-extra-muted: #adaebc;--color-primary: #8056e0;--color-primary-hover: #6e39e9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:var(--gradient-bg);color:var(--color-text)}.hidden{display:none}section{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;width:100%}@media (min-width: 1200px){button{transition:all .15s ease-in-out}button:hover{background-color:var(--color-primary-hover);cursor:pointer}}nav{padding:1rem;border-bottom:1px solid rgba(229,231,235,.1)}.nav-logo-container a{display:inline-flex;justify-content:start;align-items:center;gap:.25rem;text-decoration:none}.nav-logo-container span{align-self:flex-end;font-size:1.25rem;line-height:1.25rem;font-weight:700;color:var(--color-text)}.nav-logo-container a:hover{color:var(--color-text);text-decoration:underline}@media (min-width: 1200px){nav{padding:1rem 4rem}}main{display:flex;justify-content:start;align-items:center;flex-direction:column;gap:3rem;min-height:90vh}@media (min-width: 768px){main{justify-content:center;gap:6rem}}header{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;padding:2rem 1rem}h1{font-size:2.25rem;text-align:center;line-height:2.25rem;font-weight:700}header p{text-align:center;font-weight:400;color:var(--color-muted)}@media (min-width: 600px){h1{font-size:2.5rem;line-height:4rem}}@media (min-width: 768px){h1{font-size:3.25rem;line-height:4rem}}@media (min-width: 1200px){h1{font-size:4.5rem;line-height:5rem}p{font-size:1.25rem;line-height:1.25rem}}.search-panel{min-height:70vh}form{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-direction:column;background-color:var(--color-bg);width:90%;padding:1.5rem;border-radius:.75rem}.toggle{display:flex;background-color:var(--color-element-bg);border-radius:.5rem}.toggle button{width:50%;display:flex;justify-content:center;align-items:center;background-color:var(--color-element-bg);font-weight:400;transition:all .15s ease-in-out}.toggle span img{display:none}.toggle .active{background-color:var(--color-primary)}form div{width:100%;height:3rem;display:flex;justify-content:center;align-items:center}form input{padding:0 1.25rem 0 2.5rem;height:100%;width:100%;border-radius:.5rem;background-color:var(--color-element-bg);color:var(--color-text);border:none;font-size:1rem;font-weight:400;font-family:Poppins,sans-serif;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M13%206.5C13%207.93437%2012.5344%209.25938%2011.75%2010.3344L15.7063%2014.2937C16.0969%2014.6844%2016.0969%2015.3188%2015.7063%2015.7094C15.3156%2016.1%2014.6812%2016.1%2014.2906%2015.7094L10.3344%2011.75C9.25938%2012.5375%207.93437%2013%206.5%2013C2.90937%2013%200%2010.0906%200%206.5C0%202.90937%202.90937%200%206.5%200C10.0906%200%2013%202.90937%2013%206.5ZM6.5%2011C7.09095%2011%207.67611%2010.8836%208.22208%2010.6575C8.76804%2010.4313%209.26412%2010.0998%209.68198%209.68198C10.0998%209.26412%2010.4313%208.76804%2010.6575%208.22208C10.8836%207.67611%2011%207.09095%2011%206.5C11%205.90905%2010.8836%205.32389%2010.6575%204.77792C10.4313%204.23196%2010.0998%203.73588%209.68198%203.31802C9.26412%202.90016%208.76804%202.56869%208.22208%202.34254C7.67611%202.1164%207.09095%202%206.5%202C5.90905%202%205.32389%202.1164%204.77792%202.34254C4.23196%202.56869%203.73588%202.90016%203.31802%203.31802C2.90016%203.73588%202.56869%204.23196%202.34254%204.77792C2.1164%205.32389%202%205.90905%202%206.5C2%207.09095%202.1164%207.67611%202.34254%208.22208C2.56869%208.76804%202.90016%209.26412%203.31802%209.68198C3.73588%2010.0998%204.23196%2010.4313%204.77792%2010.6575C5.32389%2010.8836%205.90905%2011%206.5%2011Z'%20fill='%239CA3AF'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center left .75rem}form input::placeholder{color:var(--color-extra-muted)}form button{border-radius:.5rem;width:100%;height:3rem;border:none;background-color:var(--color-primary);color:var(--color-text);font-family:Poppins,sans-serif;font-weight:500}@media (min-width: 600px){form{max-width:540px}}@media (min-width: 768px){form{width:80%;max-width:680px}}@media (min-width: 1200px){form{width:55%;max-width:990px}.toggle{display:flex;justify-content:center;background:none;gap:1rem}.toggle span{display:flex;gap:.5rem;font-weight:400}.toggle span img{display:block}input{height:3.5rem}}.recommendation-title-container{display:flex;justify-content:start;align-items:center;gap:1rem;padding-top:1rem;flex-direction:column}h2{font-weight:700;font-size:1.5rem;text-align:center}.already-watched{display:flex;justify-content:start;align-items:center;flex-direction:column;gap:1rem}p{font-weight:400;color:var(--color-muted);text-align:center}.new-recommendation-button{background-color:var(--color-primary);height:2.5rem;color:var(--color-text);border-radius:.75rem;width:100%;border:none}.recommendation-credits{width:80%;max-width:680px;font-size:.875rem;color:var(--color-extra-muted)!important}@media (min-width: 600px){.moviecard-section{width:100%}}@media (min-width: 768px){.moviecard-section{display:grid;grid-template-columns:repeat(2,50%);max-width:700px;justify-items:center;padding-bottom:3rem}}@media (min-width: 1200px){.moviecard-section{grid-template-columns:repeat(3,1fr);max-width:1200px}}footer{margin-top:1rem;padding:2rem 1rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;background-color:var(--color-card-bg);font-size:.875rem;border-top:1px solid rgba(229,231,235,.1)}.footer-logo-container{display:flex;justify-content:center;align-items:center;gap:.25rem}.footer-logo-container img{height:1.3rem;width:1.3rem}.footer-logo-container span{font-weight:700;font-size:1.25rem;align-self:flex-end}.copyright{justify-self:end;align-self:center;font-size:.875rem;color:var(--color-extra-muted)}@media (min-width: 1200px){footer{padding:2rem 5rem;background-color:var(--color-bg)}.footer-logo-container span{font-weight:700;font-size:1.25rem;line-height:1.25rem}}.poster-wrapper{position:relative}.movie-card{display:flex;width:22.375rem;height:100%;border-radius:.75rem;justify-content:space-between;flex-direction:column;align-items:center;gap:.75rem;background-color:var(--color-card-bg);padding-bottom:1rem}.movie-poster{height:auto;width:22.375rem;border-radius:.75rem .75rem 0 0}.movie-heading{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;gap:.5rem}.movie-title{font-size:1.25rem}.movie-year{color:var(--color-extra-muted);font-size:1rem;font-weight:500}.genre-tags{display:flex;flex-wrap:wrap;gap:.5rem;width:80%;justify-content:center;align-items:center}.genre-tag{background-color:var(--color-tag-bg);border-radius:.75rem;width:auto;height:1.5rem;padding:.75rem;display:flex;justify-content:center;align-items:center;font-size:.85rem;font-weight:400}.movie-overview{font-size:.8rem;font-weight:400;width:80%}.movie-overview a{font-size:.8rem;font-weight:500;color:var(--color-muted)}.watch-providers{width:100%;height:2rem;display:flex;align-items:center;justify-content:center;gap:1rem}.movie-links{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%}.link{width:45%;height:2.5rem;color:var(--text-color);border-radius:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:all .15s ease-in-out}.tmdb-link{background-color:var(--color-tag-bg)}.trailer-link{background-color:var(--color-primary)}.link:hover{background-color:var(--color-primary-hover)}.badge{border-radius:625rem;height:1.45rem;width:2.5rem;display:flex;justify-content:center;align-items:center;color:var(--color-bg);font-weight:500;position:absolute;top:1rem;right:1rem;z-index:1000}.badge-excellent{background-color:#090}.badge-good{background-color:#32cd32}.badge-okay{background-color:#ff0}.badge-bad{background-color:orange}.badge-terrible{background-color:#ff1a1a}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-box{background-color:var(--color-tag-bg);background-image:linear-gradient(90deg,var(--color-tag-bg) 20%,var(--color-tag-bg) 20%,var(--color-element-bg) 40%,var(--color-tag-bg) 100%);background-repeat:no-repeat;background-size:200% 100%;border-radius:.75rem;animation:shimmer 1.25s linear infinite}.skeleton-poster{height:33.5625rem;width:22.375rem;border-radius:.75rem .75rem 0 0}.skeleton-badge{position:absolute;top:1rem;right:1rem;height:1.45rem;width:2.5rem;z-index:1000;border-radius:625rem;background-color:var(--color-card-bg)}.skeleton-title{width:80%;height:1.25rem}.skeleton-year{width:30%;height:1rem}.skeleton-genre-tag{width:4.5rem;height:1.5rem}.skeleton-overview{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;height:auto;width:80%}.skeleton-line{height:.85rem;width:70%}.skeleton-line.medium{width:80%}.skeleton-line.short{width:60%}.skeleton-provider-logo{height:2.5rem;width:2.5rem}.skeleton-link{width:45%;height:2.5rem}.dropdown-wrapper{position:relative}.dropdown{position:absolute;top:100%;background-color:#fff;color:#000;width:100%;height:20rem;overflow-y:auto;z-index:1000}.dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-muted)}.dropdown-item:hover{background-color:#eee;text-decoration:underline;cursor:pointer}.dropdown-poster{width:3rem;height:auto;object-fit:cover;aspect-ratio:2 / 3;border-radius:.25rem}.error-message{width:70%;max-width:680px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;border-radius:.75rem;font-size:1rem;color:var(--color-text);background-color:var(--red)}@media (min-width: 768px){.error-message{width:30%}}