:root{--color-brand:#4c4cb6;--color-brand-hover:#3f3fa0;--color-primary:#0090bb;--color-primary-hover:#0090bb4d;--color-red:#bb0032;--color-red-hover:#bb00324d;--color-success:#145a14;--color-text-info:#1414a0;--color-text-main:#000;--color-text-white:#fff;--color-light-muted:#ffffff80;--color-bg-success:#dcfadc;--color-bg-red:#fadcdc;--color-bg-info:#dcdcfa;--color-bg-main:#fff;--color-bg-muted:#282828;--color-bg-dark:#141414;--color-overlay:#000000b3;--color-overlay-low:#0003;--color-border:#e6e6e6;--color-box-shadow:2px 4px 6px var(--color-overlay);--color-box-shadow-low:2px 4px 9px var(--color-overlay-low);--font-base:"Inter",sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-base);color:var(--color-text-main);margin:0}body{background:var(--color-bg-main);min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:1rem 0}h1{font-size:2rem}h2{font-size:1.6rem}h3{font-size:1.2rem}h4{font-size:1rem}p{margin:.5rem 0;font-size:1rem;line-height:1.5}a{color:var(--color-primary);cursor:pointer;font-size:1rem;font-weight:700;text-decoration:none;transition:color .3s}@media (pointer:fine){a:hover{text-decoration:underline}}form{background:var(--color-border);border-radius:1rem;width:100%;margin:1rem 0;padding:1.5rem}label{flex-shrink:0;font-size:1rem;font-weight:600}input[type=number]{text-align:center;width:2.5rem;height:1.6rem;padding:.25rem}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea{resize:vertical;width:100%;min-height:8rem;line-height:1.4}input,textarea{border:1px solid var(--color-bg-dark);border-radius:.5rem;padding:.5rem;font-family:inherit;font-size:1rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--color-brand);outline-offset:3px;border-radius:3px}form{flex-direction:column;gap:1rem;display:flex}@media (max-width:768px){textarea{min-height:14rem}h1,h2,h3,h4,h5,h6,p{text-align:center}}.app-shell{padding:.5rem}.shell-header{background-color:var(--color-bg-muted);z-index:90;width:100%;height:4rem;position:fixed;top:0;left:0}.shell-banner{border-radius:1rem;width:100%;height:60vh;min-height:320px;margin-top:4rem;margin-bottom:2rem}.shell-section{margin-bottom:2rem}.shell-title{border-radius:.5rem;width:25%;height:2rem;margin-bottom:1rem}.shell-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.shell-card{aspect-ratio:2/3;border-radius:.5rem;width:100%}@media (max-width:768px){.shell-banner{height:50vh}}.skeleton-base{background-color:var(--color-bg-muted);position:relative;overflow:hidden}.skeleton-base:after{content:"";background:linear-gradient(90deg,transparent,var(--color-light-muted),transparent);animation:1.5s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.toast-wrapper{z-index:9999;flex-direction:column;gap:1rem;display:flex;position:fixed;top:1rem;right:1rem}.toast-container{min-width:280px;max-width:480px;box-shadow:var(--color-box-shadow);cursor:pointer;border-radius:.5rem;animation:.3s forwards slideIn;position:relative;overflow:hidden}.toast-container.hide{animation:.3s forwards slideOut}.toast-content{align-items:center;gap:1rem;padding:1rem;display:flex}.toast-icon{font-size:1.2rem}.toast-close-btn{cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto;font-size:1.5rem}.toast-container.success{border-left:6px solid var(--color-success);background-color:var(--color-bg-success);color:var(--color-success)}.toast-container.error{border-left:6px solid var(--color-red);background-color:var(--color-bg-red);color:var(--color-red)}.toast-container.info{border-left:6px solid var(--color-text-info);background-color:var(--color-bg-info);color:var(--color-text-info)}.toast-progress{background:var(--color-overlay-low);width:100%;height:.4rem;position:absolute;bottom:0;left:0}.toast-progress:after{content:"";height:100%;animation:linear forwards shrink;animation-duration:inherit;background:currentColor;display:block}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes shrink{0%{width:100%}to{width:0%}}.nav-dropdown{flex-direction:column;align-items:center;display:flex;position:relative}.dropdown-trigger{color:var(--color-light-muted);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem;font-weight:700;transition:color .3s}.dropdown-trigger.active{color:var(--color-text-light)}.dropdown-menu{background-color:var(--color-bg-muted);z-index:110;border-radius:1rem;width:100%;min-width:180px;list-style:none}.dropdown-menu li a,.dropdown-btn{color:var(--color-light-muted);cursor:pointer;background:0 0;border:none;width:100%;font-size:1rem;font-weight:700;text-decoration:none}.arrow{margin-left:.25rem;transition:transform .3s;display:inline-block}.dropdown-trigger.active .arrow{transform:rotate(180deg)}@media (pointer:fine){.dropdown-menu li a:hover,.dropdown-trigger:hover,.dropdown-btn:hover{color:var(--color-text-light);box-shadow:none;text-decoration:underline}}@media (min-width:769px){.dropdown-menu{opacity:0;visibility:hidden;padding:.5rem 0;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-1rem)}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}}@media (max-width:768px){.dropdown-menu{opacity:1;visibility:visible;max-height:0;padding:0;transition:max-height .3s,padding .3s;position:relative;overflow:hidden}.dropdown-menu.show{max-height:1000px;padding:.5rem 0}}header{background-color:var(--color-bg-dark);width:100%;height:4rem;color:var(--color-text-white);z-index:90;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;position:fixed;top:0;left:0}.nav{padding:1rem 2rem;display:flex}.menu{gap:2rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.menu-toggle{z-index:120;width:2rem;height:1.8rem;display:none;position:relative}.menu-toggle span{background:var(--color-text-white);border-radius:.15rem;width:100%;height:.2rem;position:absolute;left:0}.menu-toggle span:first-child{top:0}.menu-toggle span:nth-child(2){top:.8rem}.menu-toggle span:nth-child(3){top:1.6rem}.menu-toggle.open span:first-child{top:.8rem;transform:rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0;transform:translate(-1.5rem)}.menu-toggle.open span:nth-child(3){top:.8rem;transform:rotate(-45deg)}.menu-overlay{background:var(--color-overlay);z-index:95;position:fixed;inset:0}.menu li{text-align:center;padding:.5rem 0}.menu a.active{color:var(--color-text-white)}.menu a{color:var(--color-light-muted)}.menu-toggle{cursor:pointer;background:0 0;border:none;font-family:inherit}.menu-toggle span,.menu{transition:all .3s ease-in-out}@media (max-width:768px){.menu-toggle{display:block}.menu{background-color:var(--color-bg-dark);z-index:100;border-bottom-right-radius:1rem;flex-direction:column;gap:1rem;width:60%;max-height:100dvh;padding:3rem 0 2rem;display:flex;position:absolute;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.menu.open{transform:translate(0)}}.footer{background-color:var(--color-bg-muted);color:var(--color-text-white);text-align:center;padding:1rem 0}.banner{border-radius:1rem;width:100%;height:60dvh;min-height:320px;margin-bottom:2rem;position:relative;overflow:hidden}.banner-image{z-index:1;background-position:50%;background-size:cover;animation:10s ease-in-out infinite zoomBg;position:absolute;inset:0}.banner-overlay{cursor:pointer;background:linear-gradient(to top,var(--color-overlay),var(--color-overlay-low));z-index:2;align-items:flex-end;display:flex;position:absolute;inset:0}.banner-content{color:var(--color-text-white);max-width:600px;text-shadow:var(--color-box-shadow);padding:2rem;animation:1s both textFadeUp}@media (max-width:768px){.banner{height:50dvh}}.banner-dots{border-radius:.4rem;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.dot{background:var(--color-light-muted);cursor:pointer;border-radius:50%;width:.8rem;height:.8rem;transition:all .3s}.dot.active{background:var(--color-bg-main);transform:scale(1.3)}@keyframes textFadeUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}@keyframes zoomBg{0%{transform:scale(1)}to{transform:scale(1.15)}}.fade{opacity:0;transition:opacity .4s ease-in-out}.fade.show{opacity:1}.fade.hide{opacity:0}.fade-fast{transition:opacity .2s ease-in-out}.fade-slow{transition:opacity .6s ease-in-out}.favorite-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .3s,background .5s;display:flex}.favorite-btn svg{width:65%;height:65%;display:block}.heart-svg path{stroke:var(--color-red);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%;transition:all .5s ease-in-out}.heart-outline{fill:none;opacity:1;transform:scale(1)}.heart-fill{fill:var(--color-red);opacity:0;transform:scale(0)}.favorite-btn.active .heart-outline{opacity:0;transform:scale(0)}.favorite-btn.active .heart-fill{opacity:1;transform:scale(1)}.favorite-btn.floating{background:var(--color-overlay-low);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:absolute;top:.5rem;right:.5rem}.favorite-btn.floating.active{background:var(--color-light-muted)}@media (pointer:fine){.favorite-btn.floating:not(.active):hover{background:var(--color-overlay)}.favorite-btn:hover{transform:scale(1.15)}}.movie-poster-container{aspect-ratio:2/3;border-radius:1rem;flex-shrink:0;width:100%;position:relative;overflow:hidden}.movie-poster-img{object-fit:cover;width:100%;height:100%;display:block}.poster-sm{width:100%}.poster-md{width:12rem}.poster-lg{width:19rem}@media (pointer:fine){.movie-poster-container.clickable{cursor:pointer;transition:transform .3s}.movie-poster-container.clickable:hover{transform:scale(1.03)}}@media (max-width:768px){.poster-md,.poster-lg{width:80%}}.movie-card{cursor:pointer;flex-direction:column;align-items:center;margin:.25rem 0;transition:transform .3s;display:flex}.movie-card h4{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0;display:-webkit-box;overflow:hidden}@media (pointer:fine){.movie-card:hover{transform:scale(1.03)}}.movie-card-poster-favorite{border-radius:1rem;width:100%;position:relative;overflow:hidden}.skeleton-card{pointer-events:none}.skeleton-card-poster{aspect-ratio:2/3;border-radius:.5rem;width:100%}.skeleton-card-title,.skeleton-card-rating{border-radius:.25rem;height:1rem;margin-top:.5rem}.skeleton-card-title{width:80%}.skeleton-card-rating{width:40%}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem;display:grid}.btn{cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:fit-content;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:active{transform:none}.btn-primary{background-color:var(--color-brand);color:var(--color-text-white)}.btn-secondary{border:2px solid var(--color-primary);color:var(--color-primary);background:0 0}.btn-secondary:active{background-color:var(--color-primary-hover)}.btn-danger{border:2px solid var(--color-red);color:var(--color-red);background:0 0}.btn-danger:active{background-color:var(--color-red-hover)}@media (pointer:fine){.btn:hover{box-shadow:var(--color-box-shadow)}.btn-primary:hover{background-color:var(--color-brand-hover)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-white)}.btn-danger:hover{background-color:var(--color-red);color:var(--color-text-white)}.btn:disabled:hover{background-color:inherit;color:inherit}}.error-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70dvh;padding:2rem;display:flex}.error-wrapper.compact{background:var(--color-border);border-radius:1rem;min-height:auto;margin:2rem 1rem;padding:3rem 1rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-height:70dvh;padding:2rem;display:flex}.empty-state-icon{font-size:5rem;display:block}.favorite-more{justify-content:center;margin:2rem 0;display:flex}.about-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin:3rem 0;display:grid}.feature-card{box-shadow:var(--color-box-shadow-low);border-radius:1rem;padding:2rem}.divider{background:var(--color-bg-muted);border-radius:.25rem;width:100%;height:.25rem;margin:2rem 0}.about-tmdb{flex-direction:column;align-items:center;gap:2rem;margin:2rem 0;display:flex}.tmdb-atribution{box-shadow:var(--color-box-shadow);border-radius:1rem;flex-direction:column;align-items:center;gap:1rem;padding:1rem;display:flex}.tmdb-logo{flex-shrink:0;width:10rem}.cast-container{width:100%}.cast-scroll{gap:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:1rem;display:flex;overflow-x:auto}.cast-card{text-align:center;flex:0 0 8rem}.cast-image-wrapper{border-radius:50%;justify-content:center;align-items:center;width:8rem;height:8rem;margin-bottom:.5rem;display:flex;overflow:hidden}.cast-image{object-fit:cover;width:100%}.cast-info{flex-direction:column;gap:.1rem;padding:0 0 .25rem;display:flex}.cast-name{margin:0;font-size:.9rem;font-weight:700}.cast-character{margin-top:.5rem;font-size:.8rem}@media (max-width:768px){.cast-card{flex:0 0 6rem}.cast-image-wrapper{width:6rem;height:6rem}.cast-container{text-align:center}}.skeleton-details-wrapper{width:100%;margin:0 auto}.skeleton-details{gap:2rem;display:flex}.skeleton-details-poster{aspect-ratio:2/3;border-radius:1rem;width:300px}.skeleton-details-info{flex:1;max-width:63rem}.skeleton-details-title{border-radius:.5rem;width:20rem;height:3rem;margin-bottom:1.5rem}.skeleton-details-subtitle{border-radius:.5rem;width:8rem;height:2rem;margin:2rem 0 1rem}.skeleton-details-group{gap:2rem;width:100%;margin-bottom:1rem;display:flex}.skeleton-details-line{border-radius:.25rem;height:1rem;margin-bottom:.75rem}.skeleton-details-btn{border-radius:.5rem;width:6rem;height:2rem;margin:2rem 0 1rem}.skeleton-details-line.small{width:15%}.skeleton-details-line.medium{width:60%}.skeleton-details-line.full{width:100%}@media (max-width:768px){.skeleton-details{flex-direction:column;align-items:center;width:100%}.skeleton-details-poster{width:80%}.skeleton-details-info{flex-direction:column;align-items:center;width:100%;display:flex}}.skeleton-cast-container{width:100%;margin:2rem 0}.skeleton-cast-title{border-radius:.5rem;width:13rem;height:2rem;margin-top:1.5rem;margin-bottom:1.5rem}.skeleton-cast-scroll{gap:1.5rem;margin-left:-1rem;margin-right:-1rem;padding:1rem;display:flex;overflow-x:hidden}.skeleton-cast-card{text-align:center;flex:0 0 8rem}.skeleton-cast-image{border-radius:50%;width:8rem;height:8rem;margin-bottom:.5rem}.skeleton-cast-info{flex-direction:column;align-items:center;gap:.1rem;display:flex}.skeleton-cast-name{border-radius:.25rem;width:70%;height:.9rem;margin-bottom:.5rem}.skeleton-cast-character{border-radius:.25rem;width:50%;height:.8rem;margin-bottom:3rem}@media (max-width:768px){.skeleton-cast-card{flex:0 0 6rem}.skeleton-cast-image{width:6rem;height:6rem}.skeleton-cast-title{margin-left:auto;margin-right:auto}}.review-inputs,.review-list{flex-direction:column;gap:1rem;width:100%;margin-bottom:1rem;display:flex}.review-rating{align-items:center;gap:1rem;padding:.5rem;display:flex}.review-input-rating{align-items:center;gap:.5rem;display:flex}.review-info{background:var(--color-bg-info);color:var(--color-text-info);border-radius:8px;margin:1rem;padding:1rem;font-size:.9rem}.review-item{border-left:6px solid var(--color-bg-muted);box-shadow:var(--color-box-shadow-low);border-radius:8px;padding:1rem}.review-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}@media (max-width:768px){.review-info{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.review-inputs{width:100%}.review-rating{flex-direction:column;justify-content:center}}.movie-details{align-items:flex-start;gap:2rem;margin-bottom:1rem;display:flex}.movie-info{flex:1}.movie-title-icon{flex-direction:row;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.movie-meta{align-items:center;gap:2rem;margin-bottom:1.5rem;font-size:.9rem;display:flex}@media (max-width:768px){.movie-details,.movie-title-icon{text-align:center;flex-direction:column;align-items:center;margin-bottom:0}.movie-meta{justify-content:center}}.auth-input-wrapper{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:30dvh;margin:2rem 1rem;padding:3rem 1rem;display:flex}.auth-input-group{flex-direction:row;align-items:center;gap:.5rem;display:flex}.auth-input-group input{width:17rem}@media (max-width:768px){.auth-input-group{flex-direction:column}}.modal-overlay{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-main);border-radius:1rem;width:80%;max-width:1000px;animation:.5s slideUp;overflow:hidden}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:baseline;gap:1rem;padding:1rem 1.5rem;display:flex}.modal-close{cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.modal-body{padding:1.5rem}.modal-action{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-action{justify-content:center}}.reviews-grid{flex-direction:column;gap:2rem;display:flex}.review-card{box-shadow:var(--color-box-shadow-low);border-radius:1rem;align-items:stretch;gap:1rem;padding:1rem;display:flex}.review-card-content{flex-direction:column;flex:1;display:flex}.review-card-header{justify-content:space-between;align-items:baseline;margin:0;display:flex}.review-year{margin:0;font-size:1.2rem;font-weight:700}.review-card-date-rating{align-items:end;gap:1.5rem;margin:0 0 1rem;display:flex}.review-card-actions{gap:1rem;margin-top:auto;display:flex}@media (pointer:fine){.review-title-clickable:hover{cursor:pointer;text-decoration:underline}}@media (max-width:768px){.review-card{flex-direction:column;align-items:center}.review-card-content,.review-card-header{text-align:center;align-items:center}.review-card-header{flex-direction:column;gap:.3rem}}.profile-section{box-shadow:var(--color-box-shadow-low);border-radius:1rem;margin:2rem 0;padding:1rem}.section-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.profile-info button{align-self:flex-start;margin-top:1rem}@media (max-width:786px){.profile-section{text-align:center;flex-direction:column;align-items:center;display:flex}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:5rem 1rem 3rem}