:root{--bg-primary: #141414;--bg-secondary: #181818;--bg-overlay: rgba(0, 0, 0, .75);--text-primary: #ffffff;--text-secondary: #b3b3b3;--brand-red: #e50914;--brand-hover: #f40612;--nav-height: 60px;--container-width: 92%;--max-width: 1600px;--transition-fast: .2s ease;--transition-normal: .3s ease-in-out}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}@media(max-width:768px){:root{--nav-height: 50px}body{font-size:12px}}html{overflow-x:hidden}a{text-decoration:none;color:inherit}button{font-family:inherit}.container{width:var(--container-width);max-width:var(--max-width);margin:0 auto}.hidden{display:none}::-webkit-scrollbar{width:8px;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}.loading-screen,.loading-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);position:fixed;top:0;left:0;z-index:2000}.navbar{position:fixed;top:0;width:100%;height:var(--nav-height);z-index:1000;background:linear-gradient(to bottom,rgba(0,0,0,.7) 0%,transparent 100%);transition:background-color var(--transition-normal)}.navbar.scrolled{background-color:var(--bg-primary)}.nav-content{display:flex;align-items:center;justify-content:space-between;height:100%}.nav-left{display:flex;align-items:center;gap:2rem}.brand-logo{font-size:1.5rem;font-weight:800;color:var(--brand-red);letter-spacing:1px}.desktop-menu{display:flex;gap:1.2rem}.desktop-menu a{font-size:.9rem;color:#e5e5e5;transition:color var(--transition-fast)}.desktop-menu a:hover{color:var(--text-secondary)}.nav-right{display:flex;align-items:center;gap:1.5rem}.icon{width:20px;height:20px;cursor:pointer;color:#fff}.search-wrapper{display:flex;align-items:center;border:1px solid transparent;background:transparent;padding:.2rem;border-radius:50px;transition:all .3s ease}.search-wrapper.open{background:#000c;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-right:.8rem}.search-wrapper button{background:none;border:none;padding:.4rem;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background .2s}.search-wrapper button:hover{background:#ffffff1a}.search-wrapper input{width:0;padding:0;border:none;background:transparent;color:#fff;transition:width .3s ease,opacity .3s ease;outline:none;font-size:.95rem;opacity:0}.search-wrapper.open input{width:200px;padding-left:.5rem;opacity:1}.mobile-toggle{display:none;background:transparent;border:none;padding:0;cursor:pointer;color:#fff;width:auto;height:auto}.mobile-toggle:active{transform:scale(.9)}.mobile-drawer{position:fixed;top:0;left:0;width:65%;max-width:260px;height:100vh;background:#141414;z-index:1002;transform:translate(-100%);transition:transform .3s ease;padding:1.5rem;box-shadow:2px 0 15px #0009;border-right:1px solid rgba(255,255,255,.05)}.mobile-drawer.open{transform:translate(0)}.mobile-close-btn{background:transparent;border:none;padding:0;cursor:pointer;color:#ccc;display:flex;align-items:center;justify-content:center}.mobile-close-btn:active{transform:scale(.9)}.backdrop{position:fixed;inset:0;background:#0009;z-index:1001;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.drawer-content{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;height:calc(100% - 50px);padding-right:0}.drawer-section{display:flex;flex-direction:column;gap:.2rem}.drawer-section h4{color:#666;text-transform:uppercase;font-size:.7rem;margin:.5rem 0 .3rem .5rem;letter-spacing:.5px;font-weight:700}.drawer-section a{display:flex;align-items:center;gap:.8rem;font-size:.85rem;font-weight:500;color:#ddd;padding:.4rem .6rem;border-radius:4px;text-decoration:none;transition:background .2s}.drawer-section a:hover{background:#ffffff0d;color:#fff;transform:none}.drawer-section a svg{opacity:.7;transition:opacity .2s}.drawer-section a:hover svg{opacity:1;color:var(--brand-red)}.drawer-links{display:none}.backdrop{position:fixed;inset:0;background:#00000080;z-index:1001}@media(max-width:850px){.desktop-menu{display:none}.mobile-toggle{display:block}.nav-left{gap:.8rem}.brand-logo{font-size:1.1rem}.icon{width:18px;height:18px}.search-wrapper.open input{width:120px;font-size:.85rem}}.movie-card{display:block;width:100%;position:relative;transition:transform var(--transition-normal)}.movie-card:hover{transform:scale(1.05);z-index:10}.poster-container{border-radius:4px;overflow:hidden;position:relative;aspect-ratio:2/3;background-color:#222}.poster-container img{width:100%;height:100%;object-fit:cover;display:block}.card-overlay{position:absolute;top:6px;right:6px}.rating-badge{background:#000000b3;color:#fbbf24;font-weight:700;font-size:.8rem;padding:2px 6px;border-radius:4px;border:1px solid rgba(251,191,36,.5)}.card-info{margin-top:8px;padding:0 2px}.card-info h3{margin:0;font-size:.9rem;font-weight:500;color:#e5e5e5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.card-info p{margin:4px 0 0;font-size:.75rem;color:gray}@media(max-width:768px){.card-info h3{font-size:.75rem}.card-info p{font-size:.65rem}.rating-badge{font-size:.7rem;padding:1px 4px}}.hero{height:85vh;width:100%;background-size:cover;background-position:center top;position:relative}.hero-overlay{width:100%;height:100%;background:linear-gradient(to top,var(--bg-primary) 0%,rgba(20,20,20,.6) 50%,rgba(0,0,0,.7) 100%);display:flex;align-items:center}.hero-container{padding-bottom:5rem}.hero-content{max-width:650px}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.9);line-height:1.1}.hero-desc{font-size:1rem;line-height:1.5;margin-bottom:2rem;text-shadow:0 1px 3px rgba(0,0,0,.9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff}.hero-buttons{display:flex;gap:1rem}.btn-hero{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.6rem;border-radius:4px;font-weight:700;font-size:1rem;transition:opacity .2s}.btn-hero:hover{opacity:.85}.btn-hero.primary{background-color:#fff;color:#000}.btn-hero.secondary{background-color:#6d6d6eb3;color:#fff}@media(max-width:768px){.hero{height:55vh;min-height:400px}.hero-title{font-size:1.4rem;margin-bottom:.5rem}.hero-desc{font-size:.8rem;-webkit-line-clamp:3;margin-bottom:1rem}.btn-hero{padding:.4rem 1rem;font-size:.8rem;gap:.4rem}.hero-container{padding-bottom:3rem}}.content-stack{margin-top:-150px;position:relative;z-index:10;padding-bottom:5rem}.row-section{margin-bottom:3rem;padding-left:4%}.row-header{display:flex;justify-content:space-between;align-items:baseline;padding-right:4%;margin-bottom:.5rem}.row-title{font-size:1.4rem;font-weight:600;margin-bottom:0;color:#e5e5e5;transition:color .2s;cursor:pointer}.see-all{font-size:.9rem;color:#54b9f5;font-weight:600;text-transform:uppercase;transition:color .2s}.see-all:hover,.row-title:hover{color:#fff}.row-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem 1rem;width:100%;padding-right:4%}.grid-item{width:100%}.loading-container{height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--brand-red);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.content-stack{margin-top:0}.row-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem .5rem}.row-title{font-size:1.1rem}.row-section{margin-bottom:2rem}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:70vh;padding:2rem;color:#fff;animation:fadeIn .5s ease}.empty-icon{margin-bottom:1.5rem;color:#333;opacity:.8}.error-code{font-size:6rem;font-weight:900;color:var(--brand-red);line-height:1;text-shadow:0 4px 20px rgba(229,9,20,.3)}.empty-state h2{font-size:2rem;margin-bottom:1rem;font-weight:700}.empty-state p{color:var(--text-secondary);font-size:1.1rem;max-width:400px;margin-bottom:2rem;line-height:1.6}.empty-state .btn{min-width:200px;justify-content:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.error-code{font-size:4rem}.empty-state h2{font-size:1.5rem}.empty-state p{font-size:.95rem}}.detail-page{position:relative;min-height:100vh;color:#fff}.loading-screen{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);position:fixed;top:0;left:0;z-index:2000}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--brand-red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.backdrop-banner{position:fixed;top:0;left:0;width:100%;height:100vh;background-size:cover;background-position:center;z-index:-1}.backdrop-overlay{width:100%;height:100%;background:linear-gradient(to top,var(--bg-primary) 0%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4) 100%)}.content-wrapper{padding-top:calc(var(--nav-height) + 2rem);padding-bottom:4rem}.detail-layout{display:flex;gap:2rem;align-items:flex-start}.detail-poster{flex:0 0 220px;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006}.detail-poster img{width:100%;height:auto;display:block}.movie-metadata{flex:1;background:#0f0f0f66;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);padding:1.5rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;max-width:750px}.movie-metadata h1{font-size:2.2rem;margin:0 0 .5rem;line-height:1.2;font-weight:800}.meta-tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.5rem}.meta-item-wrapper{background:#ffffff1a;padding:3px 10px;border-radius:4px;font-size:.85rem;color:#eee}.rating{color:#fbbf24}.action-buttons{margin-bottom:2rem}.btn-primary{background:linear-gradient(180deg,#e50914,#db0510);color:#fff;box-shadow:0 4px 12px #e509144d}.btn-large{padding:.6rem 2rem;font-size:1rem;border-radius:6px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:.6rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #e5091466}.detail-info-sections{display:flex;flex-direction:column;gap:1.5rem}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1.5px;color:#aaa;margin-bottom:.4rem;font-weight:700;display:block}.overview{font-size:.95rem;line-height:1.6;color:#ddd}.genres{display:flex;gap:.5rem;flex-wrap:wrap}.genre-pill{background:#ffffff14;padding:.3rem .8rem;border-radius:4px;font-size:.8rem;color:#eee}.cast-list{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:#bbb}.season-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.season-item{font-size:.85rem;padding:.6rem .4rem;border-bottom:1px solid rgba(255,255,255,.08)}.season-item:last-child{border-bottom:none}@media(max-width:768px){.content-wrapper{padding-top:80px}.detail-layout{flex-direction:column;align-items:center;gap:0}.detail-poster{width:160px;position:relative;z-index:10;margin-bottom:-80px;box-shadow:0 10px 40px #000c;border:2px solid rgba(255,255,255,.1)}.movie-metadata{width:100%;padding:100px 1.5rem 2rem;background:linear-gradient(to bottom,#141414b3,#0a0a0ae6);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:30px 30px 0 0;margin-top:0;z-index:5;border:none;border-top:1px solid rgba(255,255,255,.1)}.movie-metadata h1{font-size:1.8rem;text-align:center;margin-bottom:1rem}.meta-tags{justify-content:center;gap:.5rem}.action-buttons{display:flex;justify-content:center;width:100%}.btn-large{width:100%;justify-content:center}.overview{text-align:center;font-size:.9rem;line-height:1.6}.genres,.cast-list{justify-content:center}.section-label{text-align:center}.season-list{max-height:250px}}.watch-screen{background-color:#000;min-height:100vh;padding-top:var(--nav-height)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#aaa;padding:1rem 4%;transition:color .2s;font-weight:500}.back-btn:hover{color:#fff}.cinema-mode{width:100%;background:#000;display:flex;justify-content:center}.iframe-wrapper{position:relative;width:100%;max-width:1400px;aspect-ratio:16/9;background:#111}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.watch-info{padding-top:2rem;padding-bottom:2rem;max-width:1200px;margin:0 auto}.watch-details-box{background:#141414f2;border:1px solid #333;border-radius:8px;padding:2rem;margin-top:1rem}.watch-header h1{margin:0 0 1rem;font-size:2rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.watch-meta-row{display:flex;gap:1.5rem;color:#ccc;margin-bottom:1.5rem;align-items:center}.meta-item{display:flex;align-items:center;gap:.4rem}.meta-item.rating{color:#fbbf24}.watch-overview{max-width:800px;line-height:1.6;color:#eee;margin-bottom:3rem;font-size:1.1rem}.episode-selector{display:flex;gap:2rem;margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #333}.select-group{display:flex;flex-direction:column;gap:.5rem}.select-group label{font-size:.8rem;color:#aaa;text-transform:uppercase;font-weight:700}.select-group select{background:#222;color:#fff;border:1px solid #444;padding:.5rem 1rem;border-radius:4px;font-size:1rem;cursor:pointer;min-width:120px}.recommendations-wrapper{margin-top:3rem;padding-bottom:4rem}@media(max-width:768px){.watch-screen{padding-top:var(--nav-height)}.iframe-wrapper{position:sticky;top:var(--nav-height);z-index:50}.watch-header h1{font-size:1.2rem;margin-bottom:.5rem}.watch-meta-row{font-size:.8rem;gap:1rem;margin-bottom:1rem}.watch-overview{font-size:.85rem;line-height:1.4;margin-bottom:2rem}.episode-selector{gap:1rem;flex-wrap:wrap}.select-group label{font-size:.7rem}.select-group select{font-size:.85rem;padding:.3rem;min-width:100px}.recommendations-wrapper{margin-top:2rem}.category-title{font-size:1.2rem;text-align:left;margin-bottom:.8rem;padding-left:0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem .5rem}}.search-page{padding-top:calc(var(--nav-height) + 2rem);padding-bottom:4rem;min-height:100vh}.search-title{margin-bottom:2rem;font-size:1.5rem;color:var(--text-secondary)}.search-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem 1rem}.no-results{font-size:1.2rem;color:#666}.search-loading{text-align:center;font-size:1.2rem;color:#666;margin-top:3rem;display:flex;justify-content:center}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--brand-red);border-radius:50%;animation:spin .8s linear infinite}.page-info{color:#fff;font-weight:600;font-size:.95rem;min-width:60px;text-align:center}@media(max-width:768px){.search-page{padding-top:70px}.search-title{font-size:1.2rem;margin-bottom:1rem}.search-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem .5rem}.pagination{margin-top:2rem}.page-btn{width:36px;height:36px}}.category-page{padding-top:calc(var(--nav-height) + 1.5rem);padding-bottom:4rem;min-height:100vh;overflow-x:hidden}.category-title{font-size:1.8rem;margin-bottom:1.5rem;font-weight:700;color:#fff;padding-left:.5rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.5rem 1rem;width:100%}.grid-item{width:100%;display:flex;justify-content:center}.grid-item .movie-card{width:100%}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--brand-red);border-radius:50%;animation:spin .8s linear infinite;margin:100px auto}.pagination{display:flex;justify-content:center;align-items:center;margin-top:3rem;padding-bottom:3rem}.pagination-wrapper{display:flex;align-items:center;gap:1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:50px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d}.page-btn{background-color:transparent;color:#fff;border:1px solid transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.page-btn:hover:not(:disabled){background-color:#ffffff1a;border-color:#fff3;transform:scale(1.1)}.page-btn:active:not(:disabled){transform:scale(.95)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:#fff;font-weight:600;font-size:.95rem;font-feature-settings:"tnum";min-width:60px;text-align:center;letter-spacing:.5px}@media(max-width:768px){.category-title{font-size:1.2rem;text-align:left;margin-bottom:.8rem;padding-left:0}.category-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.8rem .5rem}.pagination{margin-top:2rem}.page-btn{width:36px;height:36px}}.app-wrapper{min-height:100vh;position:relative;display:flex;flex-direction:column}.main-view{flex:1;width:100%}