@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";:root{--daisy-white:#fbf9e7;--buttercup:#fdb813;--sky-blue:#82c8e5;--lime:#7cfc00;--bg-primary:#fbf9e7;--bg-secondary:#fff;--bg-tertiary:#f5f2d8;--bg-elevated:#fff9d6;--bg-dark:#1a1a2e;--accent:#fdb813;--accent-hover:#e5a510;--accent-secondary:#82c8e5;--accent-secondary-hover:#6ab8d8;--accent-pop:#1a1a2e;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#8a8a9a;--text-on-accent:#1a1a2e;--text-on-dark:#fbf9e7;--border:#e8e5cc;--border-light:#f0edd8;--rating-star:#fdb813;--danger:#f44;--success:#1a1a2e;--warning:#fdb813;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--shadow-sm:0 2px 8px #1a1a2e0f;--shadow-md:0 4px 20px #1a1a2e14;--shadow-lg:0 8px 40px #1a1a2e1f;--shadow-glow:0 0 30px #fdb81333;--shadow-blue-glow:0 0 30px #82c8e533;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-body:"DM Sans", -apple-system, system-ui, sans-serif;--font-heading:"Playfair Display", Georgia, serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}input,textarea,select{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;font-size:16px}ul,ol{list-style:none}h1,h2,h3{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.25rem}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.page{min-height:100vh;padding-top:80px}.btn{border-radius:var(--radius-full);letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--accent-secondary);color:var(--text-on-accent)}.btn-secondary:hover{background:var(--accent-secondary-hover);box-shadow:var(--shadow-blue-glow);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:2px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#fdb8130d}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 16px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-tertiary)}.btn-dark{background:var(--bg-dark);color:var(--text-on-dark)}.btn-dark:hover{background:#2a2a4e;transform:translateY(-1px)}.btn-sm{padding:8px 16px;font-size:.8rem}.btn-lg{padding:16px 32px;font-size:1rem}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);padding:20px}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:600}.input{background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);padding:12px 16px;font-size:16px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #fdb81326}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.badge-accent{color:#c48e00;background:#fdb81326}.badge-blue{color:#4a99b8;background:#82c8e533}.badge-lime{color:#1a1a2e;background:#1a1a2e26}.stars{gap:2px;display:inline-flex}.star{color:var(--border);cursor:pointer;transition:color var(--transition-fast);font-size:1.1rem}.star.filled{color:var(--rating-star)}.star:hover{color:var(--accent)}.avatar{background:var(--accent-secondary);border:2px solid var(--bg-secondary);width:40px;height:40px;color:var(--text-on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-sm{width:32px;height:32px;font-size:.7rem}.avatar-lg{width:56px;height:56px;font-size:1rem}.avatar-xl{width:80px;height:80px;font-size:1.4rem}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--bg-primary);margin-left:-8px}.avatar-stack .avatar:first-child{margin-left:0}.poster{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base);aspect-ratio:2/3;background:var(--bg-tertiary);position:relative;overflow:hidden}.poster img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.poster:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.poster:hover img{transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-slide-in-right{animation:.4s forwards slideInRight}.skeleton{background:linear-gradient(90deg, var(--bg-tertiary) 25%, var(--border) 50%, var(--bg-tertiary) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@media (width<=768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 16px}.page{padding-top:64px}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:100;background:#fbf9e7d9;height:64px;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar-logo{flex-direction:column;gap:0;line-height:1;text-decoration:none;display:flex}.logo-top,.logo-bottom{letter-spacing:-.03em;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:900;display:block}.logo-top{font-size:1.1rem}.logo-bottom{margin-top:-2px;font-size:1.1rem}.navbar-links{align-items:center;gap:8px;display:flex}.nav-link{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;padding:8px 14px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}@media (width<=480px){.nav-link{padding:6px 8px;font-size:.8rem}.navbar-links{gap:2px}}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{background:var(--accent);color:var(--text-on-accent);font-weight:600}.nav-btn-logout:hover{color:var(--danger)}.movie-card{flex-direction:column;gap:10px;text-decoration:none;display:flex}.movie-card-sm .poster{width:120px}.movie-card-md .poster{width:180px}.movie-card-lg .poster{width:240px}.poster-placeholder{background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;display:flex}.poster-overlay{opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 50%,#000000b3 100%);align-items:flex-end;padding:12px;display:flex;position:absolute;inset:0}.poster:hover .poster-overlay{opacity:1}.poster-year{color:#fff;border-radius:var(--radius-full);background:#00000080;padding:2px 8px;font-size:.75rem;font-weight:600}.movie-card-info{flex-direction:column;gap:4px;display:flex}.movie-card-title{font-family:var(--font-body);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.landing-page{overflow:hidden}.hero{align-items:center;min-height:85vh;padding-top:80px;display:flex;position:relative}.hero-backdrop{background:radial-gradient(at 30% 40%,#fdb8131f 0%,#0000 50%),radial-gradient(at 70% 60%,#82c8e51a 0%,#0000 50%),radial-gradient(at 50% 80%,#7cfc000f 0%,#0000 40%);position:absolute;inset:0}.hero-gradient{background:linear-gradient(to bottom, transparent 60%, var(--bg-primary) 100%);position:absolute;inset:0}.hero-content{text-align:center;max-width:700px;margin:0 auto;position:relative}.hero-title{letter-spacing:-.03em;color:var(--text-primary);margin:20px 0 24px;font-size:4.5rem;font-weight:900;line-height:1.05}.hero-title span{color:var(--text-primary)}.hero-accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-pop) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto 36px;font-size:1.15rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.features{padding:100px 24px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;transition:all var(--transition-base);padding:32px 24px}.feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.feature-icon-wrap{border-radius:var(--radius-md);background:var(--bg-tertiary);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.feature-card h3{font-family:var(--font-body);margin-bottom:8px;font-size:1.05rem}.feature-card p{font-size:.85rem;line-height:1.6}.trending{padding:60px 24px 80px}.trending h2{margin-bottom:32px}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}.cta{padding:60px 24px 80px}.cta-card{background:var(--bg-dark);border-radius:var(--radius-lg);text-align:center;color:var(--text-on-dark);border:none;padding:60px 40px}.cta-card h2{color:var(--text-on-dark);margin-bottom:12px}.cta-card p{color:#fbf9e7b3;margin-bottom:28px;font-size:1rem}.footer{border-top:1px solid var(--border);text-align:center;padding:40px 24px}.footer a:hover{color:var(--accent)}@media (width<=768px){.hero-title{font-size:2.8rem}.features-grid{grid-template-columns:repeat(2,1fr)}.trending-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}}@media (width<=480px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:100px 24px 24px;display:flex}.login-container{width:100%;max-width:420px}.login-logo{flex-direction:column;align-items:center;margin-bottom:32px;line-height:1;text-decoration:none;display:flex}.login-logo-top,.login-logo-bottom{letter-spacing:-.03em;color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:900;display:block}.login-logo-top{font-size:2.6rem}.login-logo-bottom{margin-top:-4px;font-size:2.6rem}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px}.social-buttons{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.btn-social{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:.9rem;font-weight:600;display:flex}.btn-google{color:#333;background:#fff}.btn-google:hover{background:#f8f8f8;box-shadow:0 2px 8px #0000001a}.divider{color:var(--text-muted);align-items:center;gap:16px;margin-bottom:20px;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.login-form{flex-direction:column;gap:16px;display:flex}.login-error{color:var(--danger);border-radius:var(--radius-sm);background:#dc35451a;padding:8px 12px;font-size:.8rem}.login-toggle{text-align:center;margin-top:20px;font-size:.85rem}.onboard-progress{margin-bottom:24px}.progress-bar{background:var(--border);border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.progress-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:8px;font-size:.72rem;display:block}.onboard-photo-picker{cursor:pointer;border:3px solid var(--border);width:140px;height:140px;transition:border-color var(--transition-fast);border-radius:50%;margin:0 auto 12px;overflow:hidden}.onboard-photo-picker:hover{border-color:var(--accent)}.onboard-photo-preview{object-fit:cover;width:100%;height:100%}.onboard-photo-placeholder{background:var(--bg-tertiary);width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}.onboard-fav-picked{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px;display:flex}.onboard-fav-poster{border-radius:var(--radius-md);background:var(--bg-tertiary);width:100px;height:150px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;overflow:hidden}.onboard-fav-poster img{object-fit:cover;width:100%;height:100%}.onboard-film-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.onboard-film-item{background:var(--bg-tertiary);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:8px 12px;display:flex}.import-section{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden}.import-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.import-toggle{color:var(--text-muted);font-size:1.2rem}.import-body{padding:0 16px 16px}.search-page{padding-top:100px}.search-header{margin-bottom:40px}.search-header h1{margin-bottom:24px}.search-bar{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-full);transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:4px 20px;display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #fdb81326}.search-icon{flex-shrink:0;font-size:1.1rem}.search-input{flex:1;padding:14px 0;font-size:1rem}.search-clear{color:var(--text-muted);padding:4px;font-size:.9rem}.search-clear:hover{color:var(--text-primary)}.search-results-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}@media (width<=768px){.search-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}}.star-rating{gap:4px;display:inline-flex}.star-btn{cursor:pointer;transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.star-btn:hover{transform:scale(1.2)}.movie-detail-page{padding-bottom:80px}.movie-backdrop{z-index:-1;background-position:top;background-size:cover;height:50vh;position:fixed;top:0;left:0;right:0}.movie-backdrop-overlay{background:linear-gradient(to bottom, #fbf9e74d 0%, #fbf9e7b3 60%, var(--bg-primary) 100%);position:absolute;inset:0}.movie-detail-content{gap:40px;padding-top:40px;display:flex}.movie-detail-poster{flex-shrink:0;width:280px}.movie-detail-poster img{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg)}.movie-detail-info{flex:1}.movie-detail-info h1{margin-bottom:12px;font-size:2.5rem}.movie-meta{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-bottom:16px;font-size:.9rem;display:flex}.movie-genres{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.movie-overview{color:var(--text-secondary);max-width:600px;margin-bottom:32px;font-size:.95rem;line-height:1.8}.movie-rating-section{flex-direction:column;gap:12px;margin-bottom:32px;display:inline-flex}.movie-cast h3{margin-bottom:16px}.cast-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.cast-item{align-items:center;gap:12px;display:flex}.cast-name{font-size:.85rem;font-weight:600}.cast-char{font-size:.75rem}.movie-similar{margin-top:60px}.movie-similar h2{margin-bottom:24px}.similar-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}@media (width<=768px){.movie-detail-content{text-align:center;flex-direction:column;align-items:center}.movie-detail-poster{width:200px}.movie-meta,.movie-genres{justify-content:center}.movie-overview{max-width:none}}.dashboard-page{padding-top:100px}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;display:flex}.dashboard-header h1{margin-bottom:4px}.groups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.group-card{cursor:pointer;gap:16px;padding:16px;text-decoration:none;display:flex}.group-card:hover{border-color:var(--accent)}.group-card-cover{border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.group-card-emoji{font-size:2rem}.group-card-info{flex-direction:column;justify-content:center;gap:8px;display:flex}.group-card-info h3{font-family:var(--font-body);font-size:1rem;font-weight:700}.group-card-meta{align-items:center;gap:8px;display:flex}.modal h3{margin-bottom:24px}.modal-form{flex-direction:column;gap:20px;display:flex}.invite-success{text-align:center}.invite-link-box{background:var(--bg-primary);border:2px solid var(--accent);border-radius:var(--radius-md);margin-bottom:20px;padding:20px}.invite-code{letter-spacing:.15em;color:var(--text-primary);margin-bottom:8px;font-size:1.8rem;font-weight:800;display:block}.invite-link-url{color:var(--text-muted);word-break:break-all;font-size:.75rem}.invite-actions{justify-content:center;gap:12px;display:flex}.invite-success-icon{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}@media (width<=600px){.dashboard-header{text-align:center;flex-direction:column;align-items:stretch;gap:16px}.dashboard-header div:last-child{flex-direction:column;width:100%}.dashboard-header .btn{width:100%}.invite-actions{flex-direction:column}.empty-state div[style*=flex]{flex-direction:column;width:100%}.empty-state .btn{width:100%}}.group-page{padding-top:100px;padding-bottom:80px}.group-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.group-header h1{margin-bottom:8px;line-height:1.2}.group-profile-section{flex-shrink:0}.group-photo{border-radius:var(--radius-lg);background:var(--bg-tertiary);border:2px solid var(--border);width:80px;height:80px;transition:all .3s;position:relative;overflow:hidden}.group-photo.editable{cursor:pointer}.group-photo.editable:hover{border-color:var(--accent);transform:translateY(-2px)}.group-photo img{object-fit:cover;width:100%;height:100%}.group-photo-placeholder{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.edit-photo-overlay{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.group-photo:hover .edit-photo-overlay{opacity:1}.group-members-preview{align-items:center;gap:12px;display:flex}.group-header-actions{flex-shrink:0;gap:8px;display:flex}.invite-banner{background:var(--bg-tertiary);border:1px dashed var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;margin-bottom:28px;padding:10px 16px;display:flex}.group-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:24px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.tab-badge{background:var(--accent);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:.7rem;font-weight:700}.activity-list{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:16px;display:flex}.activity-content p{font-size:.9rem;line-height:1.5}.watchlist-add{margin-bottom:32px;position:relative}.search-dropdown{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);z-index:50;box-shadow:var(--shadow-lg);position:absolute;top:64px;left:0;right:0;overflow:hidden}.search-result-item{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.search-result-item:hover{background:var(--bg-tertiary)}.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px;display:grid}.group-members{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.member-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.member-card-interactive{cursor:pointer;transition:transform .2s,background .2s}.member-card-interactive:hover{transform:translateY(-2px);background:var(--card-hover)!important}.member-view-profile{color:var(--accent-pop);opacity:0;margin-left:auto;font-size:.8rem;font-weight:600;transition:opacity .2s}.member-card-interactive:hover .member-view-profile{opacity:1}.member-info{flex:1}.member-card-interactive:hover .member-view-profile{opacity:1;transform:translate(0)}.empty-icon-wrap{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.empty-state{text-align:center;padding:60px 40px}.empty-icon{margin-bottom:12px;font-size:3rem;display:block}.empty-state h3{margin-bottom:8px}.empty-state p{max-width:400px;margin:0 auto 20px;font-size:.9rem}@media (width<=600px){.group-header{flex-direction:column;gap:16px}.group-header-actions{flex-wrap:wrap}}.join-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.join-container{width:100%;max-width:420px;padding:0 24px}.join-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);padding:48px 32px}.join-icon-wrap{background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.join-group-name{font-family:var(--font-heading);color:var(--accent-hover);margin:4px 0 0;font-size:1.6rem}.join-members{justify-content:center;gap:0;display:flex}.join-members .avatar{box-shadow:0 0 0 2px var(--bg-secondary);margin-left:-6px}.join-members .avatar:first-child{margin-left:0}.profile-page{padding-top:100px;padding-bottom:80px}.profile-header{align-items:flex-start;gap:32px;margin-bottom:40px;display:flex}.favourite-banner-wrap{border-radius:var(--radius-lg);background-color:var(--bg-primary);width:100%;height:100%;position:relative;overflow:hidden}.profile-photo{cursor:pointer;border:3px solid var(--border);width:120px;height:120px;transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0;overflow:hidden}.profile-photo:hover{border-color:var(--accent)}.profile-photo img{object-fit:cover;width:100%;height:100%}.profile-photo-placeholder{background:var(--bg-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;display:flex}.photo-hint{color:var(--text-muted);font-size:.65rem}.profile-info{flex:1}.profile-name{cursor:pointer;margin-bottom:0;font-size:1.6rem;display:inline-block;position:relative}.profile-name-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.edit-hint{color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast);margin-left:8px;font-size:.65rem;font-weight:400}.profile-name:hover .edit-hint,.profile-bio:hover .edit-hint{opacity:1}.profile-bio{cursor:pointer;margin-bottom:16px;font-size:.9rem;display:inline-block;position:relative}.inline-edit{align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.inline-edit .input{flex:1}.profile-stats{gap:32px;display:flex}.stat{flex-direction:column;display:flex}.stat-num{color:var(--accent);font-size:1.4rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem}.favourite-section{margin-bottom:40px}.section-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:0;font-size:.8rem;font-weight:600}.change-btn{opacity:.6;font-size:.75rem;text-decoration:none}.change-btn:hover{opacity:1;color:var(--accent)}.btn-change-fav{color:var(--text-muted);border-color:var(--border);padding:4px 12px;font-size:.75rem}.btn-change-fav:hover{color:var(--accent);border-color:var(--accent);background:#00e0540d}.favourite-card-wrapper{flex-direction:column;gap:16px;display:flex}.favourite-card{aspect-ratio:21/7;cursor:pointer;border-radius:0;width:100%;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003;background:#000!important;height:auto!important}@media (width<=768px){.favourite-card{aspect-ratio:16/7}}.favourite-card:hover{transform:scale(1.01)}.favourite-backdrop{background-position:50% 20%;background-size:cover;background-color:var(--bg-primary);width:102%;height:102%;transition:all .5s;position:absolute;top:-1px;left:-1px}.favourite-overlay{background:linear-gradient(#0000 0%,#0a0a0a4d 35%,#0a0a0acc 65%,#0a0a0afa 100%);position:absolute;inset:0}.favourite-content{z-index:10;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:20px;left:24px;right:24px}@media (width<=768px){.favourite-content{align-items:flex-start;bottom:24px;left:20px;right:20px}}.favourite-title{color:#fff;text-shadow:0 4px 20px #000,0 2px 5px #000;letter-spacing:-.02em;margin:0;line-height:1.1}@media (width<=768px){.favourite-title{font-size:1.6rem}}.favourite-meta-row{align-items:baseline;gap:12px;margin-top:0;display:flex}.favourite-year-inline{color:#fff9;font-size:1.1rem;font-weight:400;font-family:var(--font-primary);letter-spacing:.05em}.favourite-overview-inline{color:#fff;-webkit-line-clamp:2;line-clamp:2;text-shadow:0 4px 12px #000000e6;-webkit-box-orient:vertical;max-width:70%;margin-top:12px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.favourite-logo{align-items:center;max-width:60%;margin-bottom:8px;display:flex}.favourite-logo img{object-fit:contain;filter:drop-shadow(0 4px 12px #000c);max-width:100%;max-height:48px}@media (width<=768px){.favourite-logo img{max-height:36px}}.favourite-logo-overlay{z-index:5;justify-content:center;align-items:center;width:80%;max-width:400px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.favourite-logo-overlay img{object-fit:contain;filter:drop-shadow(0 0 20px #000c);width:100%;max-height:180px}.favourite-logo-overlay,.favourite-center-fallback{z-index:5;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:80%;max-width:450px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.fallback-logo{object-fit:contain;filter:drop-shadow(0 0 30px #000);width:100%;max-height:180px}.fallback-title{color:#fff;text-shadow:0 10px 40px #000000e6;margin:0;font-family:Playfair Display,serif;font-size:3.5rem}.favourite-text-title{text-shadow:0 2px 10px #000c}.favourite-info{position:absolute;bottom:24px;left:24px;right:24px}.favourite-label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:600}.favourite-title{font-family:var(--font-heading);text-shadow:0 4px 30px #000000e6,0 2px 10px #000000e6,0 0 1px #00000080;letter-spacing:-.01em;margin:0;font-size:2.8rem;font-weight:900;line-height:1;color:#fff!important}@media (width<=768px){.favourite-title{font-size:1.8rem}}.favourite-year-inline{color:#ffffffd9;opacity:1;vertical-align:middle;text-shadow:0 2px 8px #000000e6;font-size:.9rem;font-weight:700}.favourite-meta-info{border-left:3px solid var(--accent);background:#ffffff08;border-radius:12px;margin-top:8px;padding:20px 24px}.favourite-overview-text{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.overview-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-right:8px;font-size:.75rem;font-weight:700}.btn-logout-profile{color:var(--text-muted);border-color:var(--border);margin-top:16px;padding:6px 16px;font-size:.8rem}.btn-logout-profile:hover{color:#ff4d4d;background:#ff4d4d1a;border-color:#ff4d4d}.favourite-empty{background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);width:100%;height:120px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex}.favourite-empty:hover{border-color:var(--accent);color:var(--text-primary)}.picker-overlay{margin-bottom:24px}.picker-bar{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px 16px;display:flex}.picker-input{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px}.picker-close{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.picker-close:hover{color:var(--text-primary)}.picker-results{background:var(--bg-secondary);border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;max-height:400px;overflow-y:auto}.picker-item{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.picker-item:hover{background:var(--bg-tertiary)}.picker-poster{background:var(--bg-tertiary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:60px;display:flex;overflow:hidden}.picker-poster img{object-fit:cover;width:100%;height:100%}.picker-avatar{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.picker-avatar img{object-fit:cover;width:100%;height:100%}.cast-browser-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cast-browser{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.cast-grid{background:var(--border);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;display:grid}.cast-card{background:var(--bg-secondary);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.cast-card:hover{background:var(--bg-tertiary)}.cast-card-avatar{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.cast-card-avatar img{object-fit:cover;width:100%;height:100%}.cast-card-info{flex:1;min-width:0}.cast-card-char{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.cast-card-actor{font-size:.72rem}.cast-card-cta{color:var(--accent);flex-shrink:0;font-size:.7rem;font-weight:600}.inline-picker{position:relative}.profile-tabs-wrapper{width:100%;margin-bottom:24px;position:relative}.profile-tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:2px solid var(--border);-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.profile-tabs::-webkit-scrollbar{display:none}.profile-name-row{align-items:center;gap:12px;margin-bottom:24px;display:flex;position:relative}.profile-name{letter-spacing:-.02em;cursor:pointer;font-size:2.5rem;font-weight:900;font-family:"Inter", var(--font-body);margin:0;transition:color .2s}.tab{color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:12px 20px;font-size:.9rem;font-weight:500}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.section-actions{margin-bottom:20px}.rankings-list{flex-direction:column;gap:8px;display:flex}.ranking-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:16px;padding:12px 16px;display:flex}.ranking-item:hover{border-color:var(--accent)}.ranking-number{min-width:36px;color:var(--accent);font-size:1.2rem;font-weight:800}.ranking-poster{background:var(--bg-tertiary);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:54px;display:flex;overflow:hidden}.ranking-poster img{object-fit:cover;width:100%;height:100%}.ranking-info{flex:1}.ranking-title{font-size:.9rem;font-weight:600}.ranking-controls{align-items:center;gap:4px;display:flex}.rank-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.rank-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.rank-btn:disabled{opacity:.3;cursor:default}.rank-btn-remove:hover:not(:disabled){color:var(--danger)}.character-reviews-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.character-review-card{padding:20px}.char-card-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.char-avatar{background:var(--bg-tertiary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.char-avatar img{object-fit:cover;width:100%;height:100%}.char-avatar-lg{width:64px;height:64px}.char-name{font-size:.95rem;font-weight:700}.char-actor{font-size:.75rem}.char-rating{gap:2px;margin-bottom:8px;display:flex}.char-review-text{color:var(--text-secondary);margin-bottom:12px;font-size:.85rem;line-height:1.6}.char-remove{cursor:pointer;opacity:.5;transition:opacity var(--transition-fast);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.char-remove:hover{opacity:1}.char-card-body{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.char-card-main{flex:1;min-width:0}.char-movie-badge{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.char-movie-poster{object-fit:cover;width:48px;height:72px;box-shadow:var(--shadow-sm);border-radius:6px}.char-movie-poster-placeholder{background:var(--bg-tertiary);border-radius:6px;justify-content:center;align-items:center;width:48px;height:72px;display:flex}.char-movie-title{text-align:center;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:56px;font-size:.65rem;line-height:1.2;display:-webkit-box;overflow:hidden}@media (width<=768px){.char-card-body{flex-direction:row}.char-movie-badge{align-self:flex-start}}.char-modal-header{align-items:center;gap:16px;margin-bottom:8px;display:flex}.char-rating-input{gap:6px;display:flex}.star-btn-lg{cursor:pointer;transition:transform var(--transition-fast)}.star-btn-lg:hover{transform:scale(1.2)}.input-label{color:var(--text-secondary);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.empty-state-sm{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0006;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);padding:32px}@media (width<=768px){.profile-header{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-bottom:30px}.profile-stats{justify-content:center;gap:24px}.profile-name{font-size:1.4rem}.profile-bio{font-size:.85rem}.profile-page{padding-top:80px}}.modal-actions{justify-content:flex-end;gap:12px;display:flex}@media (width<=600px){.profile-header{text-align:center;flex-direction:column;align-items:center}.profile-stats{justify-content:center}.character-reviews-grid{grid-template-columns:1fr}}@media (width<=768px){input,textarea,.input{font-size:16px!important}}.profile-photo-section{position:relative}.edit-photo-btn{background:var(--accent);border:4px solid var(--bg-primary);color:#fff;cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:0;right:0;box-shadow:0 2px 10px #0000004d}.edit-photo-btn:hover{background:var(--accent-pop);transform:scale(1.1)}.cropper-container{aspect-ratio:1;border-radius:var(--radius-md);touch-action:none;border:1px solid var(--border);background:#000;width:100%;position:relative;overflow:hidden}.cropper-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cropper-viewport img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;height:auto}.cropper-overlay{pointer-events:none;z-index:10;box-sizing:content-box;border:400px solid #000000b3;border-radius:50%;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.favourite-card{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);cursor:pointer;border-radius:20px;height:380px;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;box-shadow:0 10px 40px #00000080;mask-image:radial-gradient(#fff,#000);background:#000!important}.favourite-card-wrapper{padding:0;background:0 0!important}.favourite-card-box{border-radius:20px;background:0 0!important}.profile-social-actions{align-items:center;gap:16px;display:flex}.like-stack-container{border:1px solid var(--border);background:#ffffff08;border-radius:100px;align-items:center;gap:12px;padding:6px 12px;display:flex}.avatar-stack.mini{align-items:center;display:flex}.avatar-stack.mini .avatar{border:2px solid var(--bg-primary);background:var(--bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:-8px;font-size:10px;display:flex;overflow:hidden}.avatar-stack.mini .avatar:first-child{margin-left:0}.avatar-stack.mini .avatar img{object-fit:cover;width:100%;height:100%}.like-info{align-items:center;gap:8px;display:flex}.like-count{font-size:.9rem;font-weight:700}.like-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.like-btn:hover{transform:scale(1.2)}.mutuals-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;display:grid}.mutual-item{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.mutual-item:hover .ranking-poster{border-color:var(--accent);transform:translateY(-4px)}.mutual-title{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.hover-card{position:relative}.card-actions-bottom{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;display:flex}.icon-btn-sm{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn-sm:hover{color:var(--text-primary);background:#ffffff0d}.icon-btn-sm.text-danger:hover{color:#ff4d4d;background:#ff4d4d1a}.avatar-xs{width:24px;height:24px}.avatar-more{color:var(--text-muted);font-weight:700;background:var(--bg-tertiary)!important}.category-analysis-tab{padding-bottom:40px}.category-analysis-card{flex-direction:column;align-items:center;padding:32px;display:flex}.category-analysis-card h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:center;width:100%;margin:0 0 24px;font-size:.9rem;font-weight:700}.pie-container{justify-content:center;align-items:center;gap:40px;width:100%;max-width:600px;display:flex}.pie-chart{filter:drop-shadow(0 8px 16px #0000004d);flex-shrink:0;width:220px;height:220px;transform:rotate(-90deg)}.pie-legend{flex-direction:column;flex:1;gap:12px;display:flex}.legend-item{align-items:center;gap:10px;font-size:.9rem;display:flex}.dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}.label-name{color:var(--text-primary);text-align:left;flex:1;font-weight:600}.label-pct{color:var(--accent-pop);font-family:monospace;font-weight:700}@media (width<=600px){.pie-container{flex-direction:column;gap:32px}.pie-chart{width:180px;height:180px}}.card-actions{opacity:0;background:var(--bg-card);z-index:10;border-radius:8px;gap:8px;padding:4px;transition:opacity .2s;position:absolute;top:10px;right:10px;box-shadow:0 4px 12px #0000004d;display:flex!important}.movie-rating-card:hover .card-actions,.character-card:hover .card-actions,.ranking-item:hover .card-actions{opacity:1!important}.action-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.action-btn:hover{color:var(--text-primary);border-color:var(--accent);background:var(--card-hover)}.delete-btn:hover{color:#ff4d4f!important;border-color:#ff4d4f!important}.tabs-cue-wrap{width:100%;max-width:120px;height:4px;margin:4px auto 0;display:none;position:relative}@media (width<=768px){.tabs-cue-wrap{display:block}}.tabs-indicator-track{background:var(--bg-tertiary);border-radius:1px;width:100%;height:2px;position:relative}.tabs-indicator{background:var(--accent);border-radius:1px;width:20%;height:100%;transition:left .1s ease-out;position:absolute;top:0;left:0}.like-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.like-btn:hover{background:#ff30400d;transform:scale(1.1)}.like-btn.liked{color:#ff3040}.like-btn.liked:active{transform:scale(.9)}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.like-btn.liked svg{animation:.3s cubic-bezier(.175,.885,.32,1.275) heart-pop}.like-count{color:#1a1a2e;font-size:1rem;font-weight:700;transition:color .3s}.profile-page{-webkit-overflow-scrolling:touch;overflow:hidden auto}html,body,#root{overscroll-behavior-y:none}.mutual-watches-section{margin:40px 0;padding:0}.mutual-count{color:var(--accent);margin-left:4px}.netflix-slider-wrap{width:calc(100% + 40px);margin:0 -20px;padding:10px 0;position:relative}.netflix-slider{scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:16px;padding:0 20px 20px;display:flex;overflow-x:auto}.netflix-slider::-webkit-scrollbar{display:none}.netflix-card{aspect-ratio:2/3;cursor:pointer;border-radius:var(--radius-md);background-color:var(--bg-secondary);border:1px solid #ffffff1a;flex-shrink:0;width:160px;min-width:160px;transition:transform .3s cubic-bezier(.25,.46,.45,.94),z-index .3s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}@media (width<=768px){.netflix-card{width:130px;min-width:130px}}.netflix-card:hover{z-index:5;border-color:var(--accent);transform:scale(1.05);box-shadow:0 8px 24px #00000080}.netflix-poster-wrap{width:100%;height:100%;position:relative}.netflix-poster-wrap img{object-fit:cover;width:100%;height:100%;display:block}.netflix-poster-placeholder{background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.netflix-card-overlay{opacity:0;background:linear-gradient(#0000 0%,#000000e6 100%);padding:12px 8px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.netflix-card:hover .netflix-card-overlay{opacity:1}.netflix-card-title{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 4px #000c;margin:0;font-size:.75rem;font-weight:700;overflow:hidden}