*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#000;color:#fff}a{text-decoration:none;color:purple;transition:.5s}:hover{color:#fff}#navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#eee}#navbar h2 a{display:flex;align-items:center;gap:.5rem}#navbar form{display:flex;gap:.5rem}#navbar input{padding:.2rem .8rem;border-radius:4px;border:none}#navbar form button{padding:.3rem;border-radius:4px;border:2px solid darkblue;color:wheat;display:flex;align-items:center;background-color:#00008b;cursor:pointer;transition:.4s}#navbar form button:hover{background-color:transparent;border:2px solid blue}@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}}.movie-skeleton-page{color:#fff;display:flex;flex-direction:column;max-width:600px;margin:2rem auto;background:#111;border-radius:8px;padding:1rem}.skeleton-icon{display:inline-block;width:24px;height:24px;background:linear-gradient(90deg,#222 25%,#333,#222 75%);border-radius:6px;margin-right:.5rem;vertical-align:middle}.movie-skeleton-img{width:100%;border-radius:8px;margin-bottom:1rem;object-fit:cover;background:#222}.movie-skeleton-title{height:40px;width:90%;border-radius:8px;margin:0 auto 1rem;display:block}.movie-skeleton-tagline{height:28px;width:70%;border-radius:8px;margin:0 auto 2rem;display:block}.movie-skeleton-info{height:28px;width:80%;border-radius:8px;margin:0 auto 1rem;display:block}.movie-skeleton-description{min-height:120px;width:98%;border-radius:8px;margin:0 auto 1.5rem;display:block;background:#222}.movie-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.5rem}.movie-card{text-align:center;font-size:1.1rem;font-weight:500;color:#fff;margin-bottom:.3rem;letter-spacing:.5px;text-shadow:0 1px 4px #000a}.movie-card .movie-card-rating{display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:1rem;margin-bottom:.3rem}.star-icon{font-size:1.1rem}.movie-page{color:#fff;display:flex;flex-direction:column;max-width:600px;margin:2rem auto}.movie-page svg{font-size:1.5rem;color:purple}.movie-page img,.movie-page card h2,.movie-page card h3,.movie-page card p{max-width:100%;border-radius:8px;margin-bottom:1rem}.movie-page img{max-width:100%;object-fit:cover;border-radius:12px;margin-left:auto;margin-right:auto;margin-bottom:1.5rem;box-shadow:0 2px 12px #69696977;display:block}.movie-page .movie-card h2{font-size:1.2rem}.movie-page .movie-card h3{display:flex;align-items:center;justify-content:center;gap:.4rem}.tagline{text-align:center;font-size:1.25rem;font-style:italic;color:#e0e0e0;margin-bottom:2rem;margin-top:2.5rem;display:block}.info h3{margin-bottom:1rem;display:flex;align-items:center;gap:.55rem}.description{padding-bottom:10rem}.description p{line-height:1.6;text-align:justify}.info p{display:flex;flex-direction:column;margin-bottom:1.5rem}.carousel-list.animating{pointer-events:none;z-index:1}.carousel-list.animating.right{animation:carousel-slide-right .5s cubic-bezier(.77,0,.175,1)}.carousel-list.animating.left{animation:carousel-slide-left .5s cubic-bezier(.77,0,.175,1)}@keyframes carousel-slide-right{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:.8;transform:translate(-30px) scale(.98)}to{opacity:.5;transform:translate(-80px) scale(.97)}}@keyframes carousel-slide-left{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:.8;transform:translate(30px) scale(.98)}to{opacity:.5;transform:translate(80px) scale(.97)}}.carousel-list.animating{opacity:.3;transform:scale(.97) translateY(10px);pointer-events:none}.carousel-nav{display:flex;align-items:center}.carousel-arrow{background:var(--color-bg);color:var(--color-secondary);border:2px solid var(--color-border);border-radius:50%;width:54px;height:54px;font-size:2.2rem;font-weight:700;cursor:pointer;margin:0 .7rem;transition:background .3s,border .3s;display:flex;align-items:center;justify-content:center}.carousel-arrow.left{margin-right:.5rem}.carousel-item img{width:100%;height:260px;object-fit:cover;border-radius:10px;margin-bottom:.7rem}.carousel-item:hover{transform:scale(1.05);background:var(--color-card-hover)}.carousel-list{display:flex;overflow-x:auto;overflow-y:hidden;gap:1rem;width:100vw}.carousel-list .carousel-movie-title{color:var(--color-text);font-size:.95rem;text-align:center;margin-top:.3rem}.carousel-list::-webkit-scrollbar{display:none}.carousel-item{width:210px;min-width:210px;max-width:210px;height:340px;background:var(--color-card);border-radius:12px;box-shadow:0 4px 16px #000a;display:flex;flex-direction:column;align-items:center;padding:1rem;transition:transform .3s;box-sizing:border-box}.carousel-arrow:hover{background:var(--color-primary);border:2px solid var(--color-border-hover);color:var(--color-text)}.genre-list-title{font-size:1rem;color:var(--color-text-secondary);margin-bottom:.5rem;display:block}.genre-list-item{background:var(--color-bg-dark);border-radius:4px;padding:.2rem .6rem;color:var(--color-secondary);font-size:.95rem;border:1px solid var(--color-border);transition:background .3s,border .3s;cursor:pointer}.genre-list-item.selected{background:var(--color-primary);color:#fff;border:1px solid var(--color-border-hover)}.clear-genre-btn{margin-top:.7rem;background:var(--color-bg);color:wheat;border:2px solid var(--color-border);border-radius:4px;padding:.4rem 1rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:border .3s,background .3s}.clear-genre-btn:hover{background:#00008b;border:2px solid var(--color-border-hover);color:#fff}.container{margin-top:3.5rem}.container .title{font-size:1.5rem;text-align:center;color:var(--color-secondary);margin:1rem 0}.carousel-section{margin-bottom:3rem}.movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem;max-width:900px;margin:0 auto}.movies-container div{width:22%;min-width:180px;color:wheat;margin-bottom:1.2rem;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-bg);padding:.5rem}.movies-container div img,.movies-container div h3{margin-bottom:.5rem}.movies-container div a{padding:.5rem .3rem;border-radius:4px;border:2px solid darkblue;color:wheat;align-items:center;background-color:var(--color-primary);font-weight:700;text-align:center;transition:.4s}.movies-container div a:hover{background-color:transparent;border:2px solid var(--color-border-hover)}.movies-container :hover{background-color:var(--color-bg-dark);cursor:pointer;transform:scale(1.02);transition:.3s}@media (max-width: 700px){.movies-container{flex-direction:column;padding:.5rem;max-width:100%}.movies-container div{width:100%;min-width:unset;margin-bottom:1rem}}:root{--site-bg: #0D0D0D;--section-bg: #222;--button-bg: rgb(255, 255, 255);--button-bg-hover: #d8d8d8;--navbar-bg: rgb(14, 9, 0);--card-bg: #111;--card-bg-hover: darkblue;--card-border: darkblue;--card-border-hover: blue;--title-color: wheat;--text-main: #fff;--text-secondary: #ccc;--accent-color: yellow}.genre-list-item.selected{background:#00008b;color:#fff;border:1px solid blue}.clear-genre-btn{margin-top:.7rem;background:#111;color:wheat;border:2px solid darkblue;border-radius:4px;padding:.4rem 1rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:border .3s,background .3s}.clear-genre-btn:hover{background:#00008b;border:2px solid blue;color:#fff}.search-type-select{margin-top:1rem;background:#111;color:wheat;border:2px solid darkblue;border-radius:4px;padding:.5rem 1rem;font-size:1rem;font-weight:700;outline:none;transition:border .3s}.search-type-select:focus{border:2px solid blue}.genre-list-container{margin-top:1rem;text-align:left}.genre-list-title{font-size:1rem;color:#ccc;margin-bottom:.5rem;display:block}.genre-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.genre-list-item{background:#222;border-radius:4px;padding:.2rem .6rem;color:wheat;font-size:.95rem;border:1px solid darkblue;transition:background .3s,border .3s;cursor:pointer}.genre-list-item:hover{background:#00008b;border:1px solid blue;color:#fff}.container .title{font-size:2.5rem;text-align:center;color:wheat;margin:2rem 0 1rem}.title .query-text{color:#00008b}.movies-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}.movies-container div{width:30%;color:wheat;margin-bottom:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#111;padding:1rem}.movies-container div img{max-width:100%}.movies-container div img,.movies-container div h3{margin-bottom:1rem}.movies-container div svg{color:#ff0}.movies-container div a{padding:1rem .5rem;border-radius:4px;border:2px solid darkblue;color:wheat;align-items:center;background-color:#00008b;font-weight:700;text-align:center;transition:.4s}.movies-container div a:hover{background-color:transparent;border:2px solid blue}