@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--text:#64748b;--text-h:#0f172a;--bg:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed14;--accent-border:#7c3aed4d;--surface:#ffffffb3;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--shadow-glow:0 0 0 3px #7c3aed26;--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-subtle:linear-gradient(135deg, #7c3aed0d 0%, #a855f705 100%);letter-spacing:-.01em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=768px){:root{font-size:15px}}body.dark-mode{--text:#94a3b8;--text-h:#f1f5f9;--bg:#0c0a13;--bg-card:#161322;--border:#94a3b81a;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-bg:#a78bfa1a;--accent-border:#a78bfa4d;--surface:#161322cc;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 1px 3px #0003;--shadow-lg:0 12px 40px #0006, 0 4px 12px #0003;--shadow-glow:0 0 0 3px #a78bfa33;--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-subtle:linear-gradient(135deg, #7c3aed14 0%, #a855f708 100%);color:var(--text);background:var(--bg)}body.light-mode{--text:#64748b;--text-h:#0f172a;--bg:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed14;--accent-border:#7c3aed4d;--surface:#ffffffb3;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f, 0 1px 3px #0000000a;--shadow-lg:0 12px 40px #0000001a, 0 4px 12px #0000000f;--shadow-glow:0 0 0 3px #7c3aed26;--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-subtle:linear-gradient(135deg, #7c3aed0d 0%, #a855f705 100%);color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){body:not(.light-mode){--text:#94a3b8;--text-h:#f1f5f9;--bg:#0c0a13;--bg-card:#161322;--border:#94a3b81a;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-bg:#a78bfa1a;--accent-border:#a78bfa4d;--surface:#161322cc;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 1px 3px #0003;--shadow-lg:0 12px 40px #0006, 0 4px 12px #0003;--shadow-glow:0 0 0 3px #a78bfa33;--gradient-hero:linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%);--gradient-subtle:linear-gradient(135deg, #7c3aed14 0%, #a855f708 100%);color:var(--text);background:var(--bg)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;transition:background-color .4s,color .4s}#root{flex-direction:column;width:100%;max-width:1320px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}@media (width<=768px){#root{padding:0 16px}}h1,h2,h3,h4{color:var(--text-h);margin:0;font-family:Inter,system-ui,sans-serif}h1{letter-spacing:-.04em;font-size:2.5rem;font-weight:800;line-height:1.15}@media (width<=768px){h1{font-size:1.75rem}}h2{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}p{margin:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#fff}.header-top{justify-content:space-between;align-items:center;gap:16px;padding:28px 0 24px;display:flex}.header-top h1{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;display:flex}.header-top h1 .emoji{-webkit-text-fill-color:initial;font-size:1.8rem}.theme-toggle{background:var(--bg-card);color:var(--text-h);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--accent-border);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.controls-container{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;padding:16px 20px;transition:border-color .25s,box-shadow .25s;display:flex}.controls-container:focus-within{border-color:var(--accent-border);box-shadow:var(--shadow-md), var(--shadow-glow)}.search-bar-container{flex:1;min-width:240px;position:relative}.search-bar-container:before{content:"🔍";pointer-events:none;z-index:1;opacity:.6;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 16px 12px 40px;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .25s,box-shadow .25s}.search-input::placeholder{color:var(--text);opacity:.5}.search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.select-input{border:2px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;outline:none;min-width:150px;padding:12px 36px 12px 16px;font-family:Inter,sans-serif;font-size:.9375rem;transition:border-color .25s,box-shadow .25s}.select-input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.select-input:hover{border-color:var(--accent-border)}.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:0 0 60px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}}@media (width>=1024px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}.netflix-card{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;aspect-ratio:2/3;box-shadow:var(--shadow-sm);border-radius:12px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1),border-color .35s;position:relative;overflow:hidden}.netflix-card:hover{z-index:10;box-shadow:var(--shadow-lg);border-color:#7c3aed33;transform:scale(1.05)translateY(-6px)}.netflix-card-image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.netflix-card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.netflix-card:hover .netflix-card-image-wrapper img{transform:scale(1.06)}.netflix-card-details{opacity:0;box-sizing:border-box;color:#fff;background:linear-gradient(#0000 0%,#00000026 40%,#0009 65%,#000000eb 100%);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:16px;transition:opacity .35s;display:flex;position:absolute;top:0;left:0}.netflix-card:hover .netflix-card-details{opacity:1}.netflix-card-actions{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.nf-actions-left{gap:8px;display:flex}.nf-btn-play{color:#0f172a;cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding-left:3px;font-size:13px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.nf-btn-play:hover{background-color:#e2e8f0;transform:scale(1.1)}.nf-btn-action{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#ffffff1a;border:1.5px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.nf-btn-action:hover{background-color:#fff3;border-color:#fff;transform:scale(1.1)}.nf-actions-left .nf-liked{color:#c4b5fd;background-color:#a78bfa40;border-color:#a78bfa}.netflix-card-meta{align-items:center;gap:8px;margin-bottom:6px;font-size:.8rem;font-weight:500;display:flex}.nf-match{color:#4ade80;font-size:.8rem;font-weight:700}.nf-year{opacity:.8}.nf-age{letter-spacing:.04em;border:1px solid #ffffff4d;border-radius:4px;padding:1px 6px;font-size:.65rem;font-weight:600}.netflix-card-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:80px 20px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text);font-size:.9375rem;font-weight:500}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 20px;display:flex}.empty-state-icon{opacity:.5;font-size:3rem;line-height:1}.empty-state-title{color:var(--text-h);font-size:1.125rem;font-weight:600}.empty-state-subtitle{color:var(--text);max-width:360px;font-size:.9375rem}.results-bar{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.results-count{color:var(--text);font-size:.875rem;font-weight:500}.results-count strong{color:var(--text-h);font-weight:700}.section-label{color:var(--accent);letter-spacing:.02em;text-transform:uppercase;font-size:.875rem;font-weight:600}.footer{text-align:center;border-top:1px solid var(--border);margin-top:auto;padding:32px 0}.footer p{color:var(--text);opacity:.7;font-size:.8125rem}.footer a{color:var(--accent);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}@media (width<=640px){.header-top{text-align:center;flex-direction:column;gap:12px;padding:20px 0 16px}.controls-container{flex-direction:column;gap:10px;padding:14px}.search-bar-container{min-width:unset}.select-input{min-width:unset;width:100%}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.netflix-card-details{padding:10px}.netflix-card-title{font-size:.8rem}.nf-btn-play,.nf-btn-action{width:30px;height:30px;font-size:12px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.grid .netflix-card{animation:.5s both fadeInUp}.grid .netflix-card:first-child{animation-delay:20ms}.grid .netflix-card:nth-child(2){animation-delay:40ms}.grid .netflix-card:nth-child(3){animation-delay:60ms}.grid .netflix-card:nth-child(4){animation-delay:80ms}.grid .netflix-card:nth-child(5){animation-delay:.1s}.grid .netflix-card:nth-child(6){animation-delay:.12s}.grid .netflix-card:nth-child(7){animation-delay:.14s}.grid .netflix-card:nth-child(8){animation-delay:.16s}.grid .netflix-card:nth-child(9){animation-delay:.18s}.grid .netflix-card:nth-child(10){animation-delay:.2s}.grid .netflix-card:nth-child(n+11){animation-delay:.22s}