body{margin:0;padding:0}.movie-card{width:220px;overflow:hidden}.movie-poster{position:relative;border-radius:12px;box-shadow:0 10px 20px #0006;overflow:hidden}.movie-poster img{width:100%;display:block}.fav-btn{background:none;border:none;border-radius:50%;width:48px;height:48px;font-size:22px;color:#f5f2f2;cursor:pointer}.fav-btn.active{color:red}.movie-overlay{position:absolute;top:0;left:0;height:100%;width:100%;background:#0006;opacity:0;display:flex;align-items:start;justify-content:right;transition:opacity .3s ease}.movie-card:hover .movie-poster img{transform:scale(1.05)}.movie-card:hover .movie-overlay{opacity:1}.movie-info{padding:10px}.movie-info h3{font-size:1.4rem;font-weight:600;color:#e0e0e0;margin:0 0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-info p{display:flex;justify-content:space-between;align-items:center;font-size:1rem;color:#fff;font-weight:700}.movie-des{display:flex;flex-direction:row;justify-content:space-between}.rating{display:flex;align-items:center;font-weight:600;gap:10px}.rating i{color:gold}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.home{padding:30px;background:#1d2e1b;min-height:100vh;color:#fff}.fullmovie-list{display:flex;gap:3rem}.genre-list{flex:0 0 220px}.genres{list-style:none}.genres a{font-size:large;display:block;color:#ccc;padding:.6rem .75rem;border-radius:6px;margin-bottom:4px;font-weight:200;transition:background-color .2s;text-decoration:none}.genres a:hover{color:#fff}.search-form{display:flex;justify-content:center;margin-bottom:30px}.search-input{background-color:#264026;color:#ccc;font-weight:550;width:300px;padding:10px 15px;border-radius:6px 0 0 6px;border:none;box-shadow:0 10px 20px #0000001a;outline:none;font-size:1rem}.search-button{padding:10px 20px;background:#132013;border:none;color:#fff;font-size:1rem;border-radius:0 6px 6px 0;cursor:pointer;transition:background .3s ease}.search-button:hover{background:#264026}.error-msg{color:#f55;text-align:center;margin-bottom:20px;font-weight:700}.Loading{color:#ccc;text-align:center}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2em}header{color:#fff;display:flex;justify-content:space-between;align-items:center;position:sticky}a{font-weight:700}.left-content a{color:#edecec;font-size:1.5rem;font-weight:700;text-decoration:none}.rigth-content a{color:#fff;margin-left:20px;padding:10px;text-decoration:none;font-size:1rem;transition:color .2s ease}.rigth-content a:hover{text-decoration:underline;text-decoration-color:#eceeec;text-underline-offset:4px}body{background:#132013;font-family:sans-serif}.favorites{padding:30px;background:#132013;min-height:100vh;color:#fff}.favorites h2{margin-bottom:2rem;text-align:center;font-size:2.5rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.favorites-empty{text-align:center;padding:4rem 2rem;background:#132013;background-color:#ffffff0d;border-radius:12px;margin:2rem auto;max-width:600px}.favorites-empty h2{margin-bottom:1rem;font-size:2rem;color:#e50914}.favorites-empty p{color:#999;font-size:1.2rem;line-height:1.6}.back{text-decoration:none;color:#ccc}.back:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}.movie-list{border-radius:40px;padding:20px;flex-grow:1;background-color:#132013}.movie-grid1{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7em}