@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0a0000;--bg-secondary:#ffffff08;--bg-glass:#0f0000cc;--accent-primary:#e50914;--accent-hover:#b81d24;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#ff000026;--glass-border:1px solid #ff00001a;--shadow-sm:0 4px 6px -1px #00000080;--shadow-lg:0 10px 25px -5px #e5091426}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#0a0000;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 50%,#e5091414 0,#0000 50%),radial-gradient(circle at 85% 30%,#b81d2414 0,#0000 50%);color:#f8fafc;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;background:#e50914;background:var(--accent-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.btn:hover{background:#b81d24;background:var(--accent-hover);box-shadow:0 4px 12px #6366f14d;transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid #ff000026;border:1px solid var(--border-color)}.btn-outline:hover{background:#ffffff08;background:var(--bg-secondary);box-shadow:none}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#0f0000cc;background-color:var(--bg-glass);border-bottom:1px solid #ff00001a;border-bottom:var(--glass-border);padding:15px 0;position:sticky;top:0;z-index:100}.navbar .container{align-items:center;display:flex;justify-content:space-between}.nav-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#6366f1);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.nav-links{align-items:center;display:flex;gap:20px}.nav-link{color:#94a3b8;color:var(--text-secondary);font-weight:500;transition:color .2s}.nav-link.active,.nav-link:hover{color:#f8fafc;color:var(--text-primary)}.page{padding:40px 0}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:30px}.search-container{display:flex;margin:0 auto 40px;max-width:600px;position:relative;width:100%}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--bg-secondary);border:1px solid #ff00001a;border:var(--glass-border);border-radius:50px;box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-sm);color:#f8fafc;color:var(--text-primary);font-family:inherit;font-size:1.1rem;outline:none;padding:16px 120px 16px 24px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#e50914;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.search-btn{border-radius:40px;bottom:6px;padding:0 24px;position:absolute;right:6px;top:6px}.media-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.media-card{aspect-ratio:2/3;background-color:#1a1d24;border-radius:12px;box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.media-card:hover{box-shadow:0 10px 25px -5px #e5091426;box-shadow:var(--shadow-lg);transform:translateY(-8px) scale(1.02);z-index:10}.media-poster-container{height:100%;left:0;position:absolute;top:0;width:100%}.media-poster{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.media-card:hover .media-poster{transform:scale(1.1)}.no-poster{align-items:center;color:#94a3b8;color:var(--text-secondary);font-size:.9rem;height:100%;justify-content:center}.media-info,.no-poster{display:flex;width:100%}.media-info{background:linear-gradient(0deg,#000000f2 0,#000000b3 40%,#0000);bottom:0;flex-direction:column;left:0;padding:40px 16px 16px;position:absolute;transform:translateY(50px);transition:transform .3s ease}.media-card:hover .media-info{transform:translateY(0)}.media-title{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #000c;white-space:nowrap}.media-meta{align-items:center;color:#e2e8f0;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px;text-shadow:0 1px 2px #000c}.media-type{background:#e50914;background:var(--accent-primary);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:capitalize}.add-btn{font-size:.9rem;opacity:0;padding:8px 16px;transition:opacity .3s ease;width:100%}.media-card:hover .add-btn{opacity:1}@media (max-width:768px){.media-info{transform:translateY(0)}.add-btn{display:none;opacity:1}}.vault-list{display:flex;flex-direction:column;gap:16px}.vault-item{background:#ffffff08;background:var(--bg-secondary);border:1px solid #ff00001a;border:var(--glass-border);border-radius:12px;display:flex;overflow:hidden;transition:all .2s ease}.vault-item:hover{background:#ffffff14}.vault-poster{height:150px;object-fit:cover;width:100px}.vault-info{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:20px}.vault-details{display:flex;flex-direction:column;gap:8px}.vault-title{font-size:1.25rem;font-weight:600}.vault-actions{align-items:center;display:flex;gap:16px}.status-select{background:#0000004d;border:1px solid #ff00001a;border:var(--glass-border);border-radius:6px;color:#f8fafc;color:var(--text-primary);cursor:pointer;font-family:inherit;outline:none;padding:8px 12px}.status-select option{background:#0a0000;background:var(--bg-primary)}.remove-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#f87171;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.remove-btn:hover{background:#ef444433}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px)}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0000cc;background:var(--bg-glass);border:1px solid #ff00001a;border:var(--glass-border);border-radius:16px;box-shadow:0 10px 25px -5px #e5091426;box-shadow:var(--shadow-lg);max-width:400px;padding:40px;text-align:center;width:100%}.login-title{font-size:1.8rem;margin-bottom:10px}.login-subtitle{color:#94a3b8;color:var(--text-secondary);margin-bottom:30px}.google-btn{background:#fff;color:#333;font-size:1rem;width:100%}.google-btn:hover{background:#f1f1f1}.suggestions-dropdown{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0000cc;background:var(--bg-glass);border:1px solid #ff00001a;border:var(--glass-border);border-radius:16px;box-shadow:0 10px 25px -5px #e5091426;box-shadow:var(--shadow-lg);left:0;list-style:none;overflow:hidden;padding:8px;position:absolute;top:calc(100% + 8px);width:100%;z-index:50}.suggestion-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:8px;transition:all .2s ease}.suggestion-item:hover{background:#ffffff1a}.suggestion-no-poster,.suggestion-poster{border-radius:6px;height:60px;object-fit:cover;width:40px}.suggestion-no-poster{align-items:center;background:#1a1d24;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.7rem;justify-content:center}.suggestion-info{display:flex;flex-direction:column}.suggestion-title{font-size:1rem;font-weight:500}.suggestion-meta{color:#94a3b8;color:var(--text-secondary);font-size:.8rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.modal-content{background:#0a0000;background:var(--bg-primary);border:1px solid #ff00001a;border:var(--glass-border);border-radius:16px;box-shadow:0 25px 50px -12px #e5091440;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.modal-close{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px;z-index:10}.modal-close:hover{background:#e50914;background:var(--accent-primary)}.modal-header-bg{background-position:50%;background-size:cover;height:300px;position:relative;width:100%}.modal-header-bg:after{background:linear-gradient(0deg,#0a0000,#0000);background:linear-gradient(to top,var(--bg-primary),#0000);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.modal-body{display:flex;flex-direction:column;margin-top:-120px;padding:40px;position:relative;z-index:2}.modal-top-section{display:flex;gap:40px;margin-bottom:40px}.modal-bottom-section{display:flex;flex-direction:column;gap:40px}.modal-poster{border-radius:12px;box-shadow:0 10px 25px #000c;flex-shrink:0;height:300px;width:200px}.modal-info{flex:1 1}.modal-title{font-size:2.2rem;font-weight:800;margin-bottom:12px;text-shadow:0 2px 4px #000c}.modal-meta{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.95rem;gap:12px;margin-bottom:24px}.modal-overview{color:#cbd5e1;font-size:1.05rem;line-height:1.7;max-width:600px}.modal-trailer-section{margin:0 auto;max-width:800px;width:100%}.trailer-container{border-radius:12px;box-shadow:0 8px 20px #0009;height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.trailer-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.modal-cast-section{margin-bottom:24px}.modal-cast-list{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-color:#e50914 #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin}.modal-cast-list::-webkit-scrollbar{height:6px}.modal-cast-list::-webkit-scrollbar-thumb{background-color:#e50914;background-color:var(--accent-primary);border-radius:10px}.cast-item{cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;transition:transform .2s;width:100px}.cast-item:hover{transform:translateY(-4px)}.cast-photo{object-fit:cover}.cast-photo,.cast-photo-fallback{border-radius:8px;height:150px;margin-bottom:8px;width:100%}.cast-photo-fallback{align-items:center;background:#1a1d24;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:center}.cast-name{font-size:.9rem;font-weight:600}.cast-character,.cast-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cast-character{color:#94a3b8;color:var(--text-secondary);font-size:.8rem}.modal-recommendation-list{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scrollbar-color:#e50914 #0000;scrollbar-color:var(--accent-primary) #0000;scrollbar-width:thin}.modal-recommendation-list::-webkit-scrollbar{height:6px}.modal-recommendation-list::-webkit-scrollbar-thumb{background-color:#e50914;background-color:var(--accent-primary);border-radius:10px}.recommendation-card{cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;transition:transform .2s;width:120px}.recommendation-card:hover{transform:translateY(-4px)}.recommendation-poster-wrapper{border-radius:8px;margin-bottom:8px;overflow:hidden;position:relative;width:100%}.recommendation-poster{border:1px solid #ffffff1a;box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-sm);display:block;height:180px;object-fit:cover;width:100%}.recommendation-poster-fallback{background:#1a1d24;border:1px solid #ffffff1a;color:#94a3b8;color:var(--text-secondary);font-size:.8rem;height:180px}.recommendation-overlay,.recommendation-poster-fallback{align-items:center;display:flex;justify-content:center;width:100%}.recommendation-overlay{background:#0009;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s}.recommendation-card:hover .recommendation-overlay{opacity:1}.recommendation-add-btn{align-items:center;background:#e50914;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .2s,background .2s;width:40px}.recommendation-add-btn:hover{background:#b81d24;background:var(--accent-hover);transform:scale(1.1)}.recommendation-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f8fafc;color:var(--text-primary);display:-webkit-box;font-size:.85rem;font-weight:500;line-height:1.2;overflow:hidden}@media (max-width:768px){.container{padding:0 16px}.page-title{font-size:2rem;margin-bottom:20px}.navbar .container{align-items:center!important;flex-direction:column!important;gap:12px!important;padding:4px 16px!important}.nav-brand{font-size:1.4rem!important;margin-bottom:2px}.nav-links{-webkit-overflow-scrolling:touch;display:flex!important;gap:16px!important;justify-content:flex-start!important;overflow-x:auto!important;padding:6px 4px!important;scrollbar-width:none!important;white-space:nowrap!important;width:100%!important}.nav-links::-webkit-scrollbar{display:none!important}.nav-link{flex-shrink:0!important;font-size:.95rem!important}.btn{font-size:.9rem;padding:8px 12px}.search-input{font-size:16px;padding:14px 60px 14px 20px}.search-btn{padding:0 16px}.media-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.media-title{font-size:.95rem}.media-meta{font-size:.75rem}.media-type{font-size:.7rem;padding:2px 6px}.vault-item{align-items:stretch!important;flex-direction:row!important}.vault-poster{flex-shrink:0!important;height:120px!important;width:80px!important}.vault-info{align-items:stretch!important;flex:1 1!important;flex-direction:column!important;gap:8px!important;justify-content:space-between!important;padding:12px!important}.vault-details{gap:4px!important}.vault-title{font-size:1.05rem!important;line-height:1.2}.vault-actions{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;width:100%!important}.status-select{font-size:.78rem!important;height:30px!important;padding:4px 8px!important}.remove-btn{height:30px!important;padding:6px!important;width:30px!important}.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header-bg{height:180px}.modal-body{flex-direction:column;margin-top:-80px;padding:20px}.modal-top-section{align-items:center;flex-direction:column;gap:20px;margin-bottom:30px;text-align:center}.modal-poster{height:210px;width:140px}.modal-title{font-size:1.6rem}.modal-meta{flex-wrap:wrap;font-size:.85rem;justify-content:center;margin-bottom:16px}.modal-overview{font-size:.95rem;text-align:left}.modal-bottom-section{gap:30px}.modal-cast-list,.modal-recommendation-list{-webkit-overflow-scrolling:touch;gap:12px}.cast-item{width:90px}.cast-photo,.cast-photo-fallback{height:135px}.recommendation-card{width:110px}.recommendation-poster,.recommendation-poster-fallback{height:165px}.episode-card-row{flex-direction:column!important;gap:10px!important}.episode-card-row div[style*="width: 130px"],.episode-card-row img{height:150px!important;width:100%!important}}
/*# sourceMappingURL=main.a67c5303.css.map*/