:root{--primary: #e50914;--bg: #141414;--text: #ffffff;--hover-bg: #333333}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden}header{position:fixed;top:0;width:100%;height:70px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,#000000e6,#0000);z-index:1000;transition:background .3s}header.scrolled{background:var(--bg)}.nav-left{display:flex;align-items:center;gap:30px}.logo{color:var(--primary);font-size:2rem;font-weight:900;text-decoration:none;cursor:pointer;letter-spacing:1px}.nav-links{display:flex;gap:30px}.nav-toggle{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1}.nav-links a{color:#e5e5e5;text-decoration:none;font-size:.95rem;font-weight:500;cursor:pointer;transition:color .2s;position:relative;padding-bottom:5px}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:#fff;font-weight:700;cursor:default;pointer-events:none}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--primary);border-radius:2px}.nav-right{display:flex;align-items:center;gap:15px}.search-box{display:flex;align-items:center;background:#000000b3;border:1px solid #fff;padding:5px 10px;border-radius:4px}.search-box input{background:transparent;border:none;color:#fff;outline:none;width:200px;font-size:.9rem}.search-box input::placeholder{color:#aaa}.settings-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;line-height:1}#hero-section{height:80vh;background-size:cover;background-position:center;position:relative;display:flex;align-items:center;transition:background-image .5s ease-in-out}.hero-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#141414,#14141400 60%),linear-gradient(to top,#141414,#14141400 20%)}.hero-content{position:relative;z-index:10;padding:0 4%;max-width:50%}.hero-title{font-size:3.5rem;font-weight:900;margin:0 0 1rem;line-height:1.1}.hero-desc{font-size:1.1rem;line-height:1.5;margin-bottom:1.5rem;text-shadow:1px 1px 2px black}.hero-btn{background:#fff;color:#000;border:none;padding:10px 25px;font-size:1.2rem;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.2s}.hero-btn:hover{background:#ffffffb3}.hero-carousel{overflow:hidden}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000073;color:#fff;border:none;width:48px;height:72px;font-size:1.75rem;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;transition:background .2s}.hero-nav:hover{background:#000000b3}.hero-nav.prev{left:0;border-radius:0 4px 4px 0}.hero-nav.next{right:0;border-radius:4px 0 0 4px}.hero-dots{position:absolute;bottom:2rem;right:4%;display:flex;gap:8px;z-index:15}.hero-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;background:#fff6;cursor:pointer;transition:background .2s,transform .2s}.hero-dot.active{background:var(--primary);transform:scale(1.15)}.hero-dot:hover{background:#ffffffb3}.hero-content{animation:hero-fade-in .45s ease}@keyframes hero-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.service-nav{display:none;flex-wrap:wrap;gap:10px;padding:0 4%;margin-top:-5vh;position:relative;z-index:20;padding-bottom:1.5rem}.service-nav.visible{display:flex}.service-chip{background:#333;border:1px solid #555;color:#e5e5e5;padding:8px 18px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:500;font-family:inherit;transition:background .2s,border-color .2s,color .2s}.service-chip:hover{background:#444;border-color:#888;color:#fff}.service-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.service-nav.visible+.content-section{margin-top:0}.content-section{padding:0 4%;margin-top:-5vh;position:relative;z-index:20;padding-bottom:2rem}.row-title{font-size:1.2rem;margin:0 0 10px;color:#e5e5e5}.row-wrapper{position:relative;display:flex;align-items:center}.scroll-btn{position:absolute;top:0;bottom:0;width:40px;background:#00000080;color:#fff;border:none;font-size:2rem;cursor:pointer;z-index:10;opacity:0;transition:opacity .3s,background .2s;display:flex;align-items:center;justify-content:center}.row-wrapper:hover .scroll-btn{opacity:1}.scroll-btn:hover{background:#000c}.scroll-btn.left{left:0}.scroll-btn.right{right:0}.row-posters{display:flex;overflow-y:hidden;overflow-x:auto;padding:10px 0;gap:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.row-posters::-webkit-scrollbar{display:none}.row-poster{width:180px;border-radius:4px;cursor:pointer;transition:transform .3s;object-fit:cover;flex-shrink:0}.row-poster:hover{transform:scale(1.08);z-index:9}@media(max-width:768px){.scroll-btn{display:none!important}}#search-view{padding:100px 4% 2rem}#search-grid,.browse-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.title-page{padding-top:70px;min-height:100vh;background:var(--bg)}.title-page-back{position:fixed;top:80px;left:4%;background:#0000008c;color:#fff;border:none;font-size:1rem;font-weight:700;cursor:pointer;z-index:100;padding:8px 12px;border-radius:4px}.title-page-content{width:100%;max-width:none;height:auto;min-height:calc(100vh - 70px);border-radius:0;box-shadow:none}.title-page-error{padding:120px 4% 2rem;color:#aaa}.modal-overlay{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:2000;justify-content:center;align-items:center;padding:0}.close-btn{position:absolute;top:15px;right:15px;background:#0009;color:#fff;border:none;border-radius:50%;width:35px;height:35px;font-size:1.2rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.details-modal-content{background:var(--bg);width:90%;max-width:850px;height:90vh;border-radius:10px;overflow-y:auto;position:relative;box-shadow:0 0 20px #00000080}.modal-hero{height:350px;background-size:cover;background-position:center;position:relative}.modal-hero-gradient{position:absolute;bottom:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg) 0%,rgba(20,20,20,0) 80%)}.modal-info{padding:20px 40px;position:relative;margin-top:-80px;z-index:5}.modal-title{font-size:2.5rem;margin:0 0 1rem}.season-selector{background:#222;color:#fff;border:1px solid #444;padding:10px;font-size:1.1rem;border-radius:4px;margin-bottom:20px}.ep-list{display:flex;flex-direction:column;gap:15px;border-top:1px solid #333;padding-top:20px}.ep-item{display:flex;gap:20px;align-items:center;padding:15px;border-radius:8px;cursor:pointer;transition:background .2s;border-bottom:1px solid #222}.ep-item:hover{background:var(--hover-bg)}.ep-number{font-size:1.5rem;color:#555;width:30px;text-align:center}.ep-img{width:150px;height:84px;object-fit:cover;border-radius:4px}.ep-details{flex:1}.ep-title{font-weight:700;margin:0 0 5px;font-size:1rem;display:flex;align-items:center;gap:10px}.ep-desc{font-size:.85rem;color:#aaa;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ep-item.unreleased{opacity:.5;cursor:not-allowed}.ep-item.unreleased:hover{background:transparent}.unreleased-badge{background:var(--primary);color:#fff;font-size:.7rem;padding:3px 6px;border-radius:3px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.movie-meta{display:flex;gap:15px;margin-bottom:20px;align-items:center;color:#aaa;font-weight:700}.movie-desc{font-size:1.1rem;line-height:1.5;color:#ddd;margin-bottom:30px}.settings-content{background:#1e1e1e;width:90%;max-width:500px;border-radius:10px;padding:30px;position:relative;box-shadow:0 0 20px #000c}.settings-content h2{margin-top:0;border-bottom:1px solid #333;padding-bottom:10px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.setting-row label{font-size:1.1rem}.setting-row select,.setting-row input[type=checkbox]{padding:5px;font-size:1rem}.settings-btns{display:flex;gap:10px;margin-top:20px}.settings-btns button{flex:1;padding:10px;border:none;border-radius:4px;font-weight:700;cursor:pointer;color:#fff}.btn-view{background:#333}.btn-view:hover{background:#444}.btn-clear{background:var(--primary)}.btn-clear:hover{background:#b80710}#data-viewer{background:#000;padding:10px;border-radius:4px;font-family:monospace;font-size:.8rem;max-height:150px;overflow-y:auto;margin-top:15px;color:#0f0}.disclaimer-overlay{z-index:4000}.disclaimer-content{background:#1e1e1e;width:90%;max-width:560px;border-radius:10px;padding:28px 32px;box-shadow:0 0 30px #000000e6;border:1px solid #333}.disclaimer-content h2{margin:0 0 1rem;color:var(--primary);font-size:1.5rem}.disclaimer-body{color:#ccc;font-size:.95rem;line-height:1.6;max-height:50vh;overflow-y:auto}.disclaimer-body p{margin:0 0 1rem}.disclaimer-body p:last-child{margin-bottom:0}.disclaimer-btn{margin-top:1.5rem;width:100%;justify-content:center}#player-view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;background:#000;z-index:3000;overflow:hidden;pointer-events:none}.player-back{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));background:#0000008c;color:#fff;border:none;font-size:1.25rem;font-weight:700;cursor:pointer;z-index:20;padding:8px 12px;border-radius:4px;pointer-events:auto;touch-action:manipulation}#iframe-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:auto}#player-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;pointer-events:auto;touch-action:auto}@media(max-width:768px){header{height:56px;padding:0 16px;background:#000000f2}header.scrolled{background:var(--bg)}.nav-left{gap:12px;min-width:0;flex:1}.logo{font-size:1.35rem;white-space:nowrap}.nav-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-toggle.open{color:var(--primary)}.nav-links{display:none;position:fixed;top:56px;left:0;right:0;flex-direction:column;gap:0;background:#141414fa;border-bottom:1px solid #333;padding:8px 0;z-index:999}.nav-links.open{display:flex}.nav-links a{padding:14px 20px;font-size:1rem;border-bottom:1px solid #222}.nav-links a.active:after{display:none}.nav-links a.active{color:var(--primary);background:#e5091414}.nav-right{gap:8px;flex-shrink:0}.search-box{padding:4px 8px;max-width:140px}.search-box input{width:100%;min-width:0;font-size:.85rem}.settings-btn{width:36px;height:36px;font-size:1.25rem}#hero-section{height:65vh;min-height:420px;align-items:flex-end;padding-bottom:2rem}.hero-content{max-width:100%;padding:0 16px 16px}.hero-title{font-size:1.75rem;line-height:1.15;word-break:break-word}.hero-desc{font-size:.9rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-btn{font-size:1rem;padding:10px 20px}.hero-nav{display:none}.hero-dots{right:16px;bottom:1.5rem}.service-nav{padding:0 16px 1rem;margin-top:-2rem;gap:8px}.service-chip{padding:6px 14px;font-size:.8rem}.content-section{padding:0 16px;margin-top:-2rem}.service-nav.visible+.content-section{margin-top:0}.row-title{font-size:1rem}.row-poster{width:120px}#search-view{padding:72px 16px 2rem}#search-grid,.browse-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.details-modal-content{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-hero{height:200px}.modal-info{padding:16px;margin-top:-40px}.modal-title{font-size:1.5rem;line-height:1.2;word-break:break-word}.movie-desc{font-size:.95rem}.ep-item{flex-wrap:wrap;gap:12px;padding:12px}.ep-number{font-size:1.1rem;width:24px}.ep-img{width:100px;height:56px;flex-shrink:0}.ep-details{min-width:0;flex:1 1 calc(100% - 140px)}.ep-title{flex-wrap:wrap;font-size:.9rem}.settings-content{width:95%;padding:20px;max-height:90vh;overflow-y:auto}.setting-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-btns{flex-direction:column}.title-page{padding-top:56px}.title-page-back{top:64px;left:16px}.disclaimer-content{padding:20px;max-height:90vh;overflow-y:auto}.disclaimer-content h2{font-size:1.25rem}.disclaimer-body{font-size:.9rem}}
