@import"https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Roboto,Arial,sans-serif;background-color:#141414;color:#fff;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");background-size:180px 180px}.app{padding:20px;max-width:1200px;width:100%}.search-container{position:relative;width:100%;max-width:600px;margin:0 auto}.search-bar{display:flex;gap:10px;margin-top:10px;justify-content:center;width:100%}.search-bar input{padding:10px;font-size:16px;border:none;border-radius:5px;flex:1;max-width:600px}.search-bar button{padding:10px 20px;font-size:16px;background-color:#e50914;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-bar button:hover{background-color:#f40612}.movie-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;padding:0 10px;margin:40px auto 0}.suggestions-list{list-style:none;padding:0;margin:0;border:1px solid #444;background-color:#222;color:#fff;position:absolute;top:100%;left:0;right:0;z-index:10;box-shadow:0 4px 6px #0000001a}.suggestion-item{padding:10px;border-bottom:1px solid #333;cursor:pointer;display:flex;align-items:center;height:50px}.suggestion-item:hover{background-color:#444}.suggestion-item:last-child{border-bottom:none}.suggestions-list.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width: 768px){.movie-card{width:240px;height:360px}.movie-title{font-size:18px}.movie-meta{font-size:12px}}.movie-card{position:relative;width:220px;height:320px;max-width:220px;transition:transform .3s ease,box-shadow .3s ease;animation:none;border-radius:6px}.movie-card:hover{transform:scale(1.1);box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff1a}.movie-poster{position:relative;width:100%;height:100%;overflow:hidden;border-radius:6px}.movie-poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.movie-card:hover .movie-poster img{transform:scale(1.1)}.movie-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 40%,rgba(0,0,0,.4) 70%,transparent 100%);padding:40px 20px 20px;transform:translateY(15px);opacity:0;transition:all .3s ease}.movie-card:hover .movie-overlay{transform:translateY(0);opacity:1}.movie-title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.5);line-height:1.2}.movie-card .movie-title{font-size:16px;font-weight:600}.movie-card .movie-meta{font-size:12px;color:#b3b3b3}.movie-card .genre-tags .tag{font-size:10px;padding:2px 6px;border-radius:8px}.movie-meta{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:12px}.rating{color:gold;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}.year,.duration{color:#b3b3b3;font-weight:500}.movie-details{display:flex;flex-direction:column;gap:8px}.genre-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 4px #667eea4d;letter-spacing:.5px;text-transform:uppercase}.director{color:#d1d5db;font-size:12px;font-weight:400;font-style:italic;margin-top:2px}.movie-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.movie-card:hover:before{opacity:1}@keyframes subtleFadeIn{0%{opacity:.8;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.movie-card{width:180px;height:260px}.movie-title{font-size:14px}.movie-meta{font-size:11px}}.open-popup-button{position:absolute;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;border:2px solid white;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease,opacity .2s;opacity:0;visibility:hidden}.movie-card:hover .open-popup-button,.open-popup-button.always-visible{opacity:1;visibility:visible}.open-popup-button:hover{transform:scale(1.1);box-shadow:0 0 15px #00d4ffcc}.open-popup-button:active{transform:scale(.9);box-shadow:0 2px 4px #0003}.open-popup-button img{filter:invert(1) grayscale(1) brightness(1.7) drop-shadow(0 0 2px #fff8);width:32px;height:32px;pointer-events:none}.open-popup-button[aria-pressed=true] img{filter:invert(1) grayscale(1) brightness(2) drop-shadow(0 0 4px #fff8)}.open-popup-button:after{@keyframes placeholderPulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}}:is() .movie-card.placeholder{background:linear-gradient(135deg,#23272f 60%,#1a1d22);min-height:340px;max-width:260px;border-radius:18px;box-shadow:0 2px 8px #0000001a;opacity:.5;margin:0 auto;animation:placeholderPulse 1.2s infinite ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center}.movie-details-page{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-image{width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.4)}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}.content-container{position:relative;z-index:2;display:flex;width:100%;height:100vh;padding:40px 80px;gap:60px;align-items:center;transform:translateY(-20px)}.poster-section{flex-shrink:0}.poster-card{position:relative;width:320px;height:480px;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080}.poster-image{width:100%;height:100%;object-fit:cover}.streaming-badge{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(60deg,rgba(0,0,0,.6),transparent);padding:20px 15px 15px;color:#fff;text-align:left;display:flex;align-items:center;gap:5px;font-size:14px;font-weight:700}.info-section{flex:1;color:#fff;max-width:800px}.movie-header{margin-bottom:30px}.movie-title{font-size:48px;font-weight:700;margin:0 0 15px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.movie-subtitle{display:flex;align-items:center;gap:15px;font-size:16px;color:#b3b3b3;flex-wrap:wrap}.rating-badge{background:#666;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.rating-section{display:flex;align-items:center;gap:30px;margin-bottom:30px}.rating-disc{width:70px;height:70px;border-radius:50%;background:conic-gradient(#00d4ff calc(var(--rating, 0) * 36deg),#1a1a1a calc(var(--rating, 0) * 36deg));display:flex;align-items:center;justify-content:center;position:relative}.rating-disc:before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;background:#1a1a1a}.rating-number{font-size:20px;font-weight:700;color:#fff;z-index:1}.btn-play-trailer{background:linear-gradient(135deg,#00d4ff,#09c);border:none;color:#fff;padding:12px 25px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;margin-bottom:40px}.btn-play-trailer:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d4ff4d}.play-icon{font-size:16px}.movie-description{margin-bottom:30px}.tagline{font-size:20px;font-style:italic;color:#00d4ff;margin-bottom:20px;font-weight:500}.overview h3{font-size:24px;margin-bottom:15px;color:#fff}.overview p{font-size:16px;line-height:1.6;color:#ccc;margin:0}.crew-info{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.director-info h4{font-size:18px;margin:0 0 5px;color:#fff}.director-info p{font-size:14px;color:#b3b3b3;margin:0}.back-button{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,rgba(0,0,0,.6),transparent);color:#fff;padding:15px 25px;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;box-shadow:none;z-index:2000}.back-button:hover{background:linear-gradient(135deg,rgba(55,55,55,.8),transparent)}.back-button .arrow{font-size:28px}@media (max-width: 1200px){.content-container{padding:40px;gap:40px}.movie-title{font-size:36px}.poster-card{width:280px;height:420px}}@media (max-width: 768px){.content-container{flex-direction:column;padding:20px;gap:30px}.poster-card{width:240px;height:360px}.movie-title{font-size:28px}.movie-subtitle{font-size:14px}}body.popup-active{overflow:hidden}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:20px}.header-content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.header-title{margin-bottom:12px;font-weight:200;letter-spacing:.5px}.header-title h1{font-family:Roboto,Arial,sans-serif;font-weight:400;letter-spacing:.5px}.created-by{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px;font-size:1.1rem;color:#b0b0b0;font-weight:400;opacity:.92;white-space:nowrap;height:40%}.created-by:hover,.floating-created-by:hover{color:#b0b0b0!important;transform:scale(1.08);transition:transform .2s,box-shadow .2s}.floating-created-by{position:absolute;left:95%;top:60%;background:none;min-width:260px;max-width:400px;width:max-content;padding:6px 24px 6px 16px;border-radius:24px;box-shadow:none;z-index:20;cursor:pointer}.github-avatar-img{width:45px;height:45px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px #0000001f;background:#fff;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.created-by:hover .github-avatar-img,.floating-created-by:hover .github-avatar-img{transform:scale(1.12);box-shadow:0 0 16px 4px #fff5,0 2px 12px #0000002e}.created-by-name{font-weight:600;color:#fff;margin-left:4px}.fab{position:fixed;bottom:32px;right:32px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 16px #1e40af40,0 1.5px 6px #0000001f;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;transition:box-shadow .2s,transform .2s}.fab:hover{box-shadow:0 8px 32px #2563eb88,0 2px 12px #0000002e;transform:scale(1.08)}.fab-icon{width:36px;height:36px;filter:brightness(0) invert(1) grayscale(1) opacity(.95)}.fab-counter{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;background:#e50914;color:#fff;font-size:1rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #e509142e;border:2px solid #fff;z-index:2;pointer-events:none;transition:background .2s}.ai-similar-movie-grid{width:90%;max-width:1200px;margin:32px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.ai-top-bar{width:100%;max-width:1400px;display:flex;align-items:center;justify-content:space-between;margin-top:24px;margin-bottom:16px;padding:0 20px;box-sizing:border-box}.ai-back-btn-popup{background:#e50914;color:#fff;border:none;border-radius:5px;padding:8px 18px;font-size:16px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.ai-back-btn-popup:hover{background:#f40612}.ai-suggested-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#141414fa;z-index:1000;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden}.ai-suggested-overlay:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1001;opacity:.18;background-image:url('data:image/svg+xml;utf8,<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noiseFilter)"/></svg>');background-repeat:repeat}body{overflow-x:hidden!important}.ai-suggested-header{width:100%;display:flex;align-items:center;justify-content:flex-start;padding:24px 32px 12px;background:#181818;box-shadow:0 2px 8px #0003}.ai-back-btn{background:#e50914;color:#fff;border:none;border-radius:5px;padding:8px 18px;font-size:16px;margin-right:24px;cursor:pointer;transition:background .2s}.ai-back-btn:hover{background:#f40612}.ai-liked-desk{width:90%;max-width:900px;margin:24px auto 0;background:#232323;border-radius:12px;padding:20px 32px;box-shadow:0 2px 12px #00000026}.ai-liked-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.ai-liked-movie{background:#292929;color:#fff;border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:10px}.ai-toggle-like-btn{background:gold;color:#232323;border:none;border-radius:4px;padding:4px 10px;font-size:13px;cursor:pointer;font-weight:600}.ai-clear-btn{background:#444;color:#fff;border:none;border-radius:5px;padding:8px 18px;font-size:15px;cursor:pointer;margin-top:8px;transition:background .2s}.ai-clear-btn:disabled{background:#222;color:#888;cursor:not-allowed}.ai-empty{color:#aaa;font-style:italic}.ai-movie-grid{width:90%;max-width:1200px;margin:32px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.carousel-container{width:100%;position:relative}.carousel-viewport{width:100%;overflow-x:hidden;overflow-y:visible;border-radius:8px;scrollbar-width:none}.carousel-viewport::-webkit-scrollbar{display:none}.ai-liked-moviecard-row{display:flex;gap:24px;width:max-content;align-items:center}.ai-infinite-scroll{animation:ai-showcase-loop 24s linear infinite}@keyframes ai-showcase-loop{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 900px){.ai-movie-grid{grid-template-columns:repeat(2,1fr)}.ai-liked-desk{padding:16px 8px}}@media (max-width: 600px){.ai-movie-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.ai-liked-moviecard-row{width:100vw;gap:12px;height:260px}.ai-clear-btn-container{margin-left:0;margin-top:12px}}