:root{--bg-base:#06090e;--bg-surface:#0c1017;--bg-card:rgba(18,24,38,0.65);--bg-card-hover:rgba(28,38,60,0.85);--border-subtle:rgba(255,255,255,0.07);--border-focus:rgba(99,102,241,0.4);--primary:#6366f1;--primary-glow:rgba(99,102,241,0.35);--accent-emerald:#10b981;--accent-emerald-glow:rgba(16,185,129,0.25);--accent-amber:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--font-inter:"Inter",system-ui,-apple-system,sans-serif;--transition:all 0.24s cubic-bezier(0.16,1,0.3,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-inter);background-color:var(--bg-base);color:var(--text-main);line-height:1.5;overflow-x:hidden;background-image:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(99,102,241,.12),transparent 70%),radial-gradient(circle at 80% 30%,rgba(16,185,129,.06),transparent 50%);background-attachment:fixed;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24)}.container{max-width:1440px;margin:0 auto;padding:0 28px}.navbar{position:-webkit-sticky;position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(6,9,14,.75);border-bottom:1px solid var(--border-subtle);transition:var(--transition)}.navbar-inner{justify-content:space-between;height:72px}.nav-brand,.navbar-inner{display:flex;align-items:center}.nav-brand{gap:12px;font-weight:800;font-size:19px;letter-spacing:-.5px}.nav-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 0 16px var(--primary-glow)}.brand-tag{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:var(--radius-full);background:rgba(16,185,129,.15);color:var(--accent-emerald);border:1px solid rgba(16,185,129,.3);margin-left:6px}.nav-links{gap:28px}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{font-size:14px;font-weight:500;color:var(--text-muted);transition:var(--transition);gap:6px}.nav-link.active,.nav-link:hover{color:#fff}.nav-actions{display:flex;align-items:center;gap:16px}.search-trigger-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-full);font-size:13px;cursor:pointer;transition:var(--transition)}.search-trigger-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.status-badge{display:flex;align-items:center;gap:7px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);color:#34d399;padding:6px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.pulse-dot{width:6px;height:6px;background:var(--accent-emerald);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 7px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.hero-billboard{position:relative;min-height:520px;border-radius:var(--radius-lg);overflow:hidden;margin:28px 0 48px;border:1px solid var(--border-subtle);display:flex;align-items:flex-end;padding:56px 48px;background-size:cover;background-position:center 25%;box-shadow:0 25px 50px -12px rgba(0,0,0,.8)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,9,14,.1),rgba(6,9,14,.6) 50%,rgba(6,9,14,.96)),linear-gradient(90deg,rgba(6,9,14,.95),rgba(6,9,14,.4) 60%,transparent);z-index:1}.hero-content{position:relative;z-index:2;max-width:680px}.hero-pill{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.18);border:1px solid var(--border-focus);color:#a5b4fc;padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:16px}.hero-title{font-size:44px;font-weight:800;line-height:1.15;letter-spacing:-1.2px;margin-bottom:16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.hero-meta{gap:16px;font-size:13px;color:var(--text-muted);margin-bottom:16px}.hero-meta,.hero-rating{display:flex;align-items:center}.hero-rating{color:#facc15;font-weight:700;gap:4px}.hero-desc{font-size:15px;color:#cbd5e1;line-height:1.6;margin-bottom:28px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;align-items:center;gap:16px}.btn-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:700;cursor:pointer;border:none;box-shadow:0 8px 25px var(--primary-glow);transition:var(--transition)}.btn-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(99,102,241,.55)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-subtle);color:white;padding:14px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}.section-block{margin-bottom:56px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:#fff}.section-sub{font-size:13px;color:var(--text-dim);margin-top:2px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:24px;gap:24px}.media-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:var(--transition)}.media-card:hover{transform:translateY(-6px);border-color:var(--border-focus);box-shadow:0 20px 35px -10px rgba(0,0,0,.8),0 0 15px var(--primary-glow)}.card-poster-wrap{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#111624}.card-poster{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.media-card:hover .card-poster{transform:scale(1.06)}.card-play-hover{position:absolute;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s ease}.card-play-hover,.card-play-hover-icon{display:flex;align-items:center;justify-content:center}.card-play-hover-icon{width:48px;height:48px;border-radius:50%;background:var(--primary);color:white;box-shadow:0 0 20px var(--primary-glow)}.media-card:hover .card-play-hover{opacity:1}.card-rating-tag{position:absolute;top:10px;right:10px;background:rgba(6,9,14,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;color:#facc15;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.1)}.card-content{padding:14px;display:flex;flex-direction:column;flex:1 1;justify-content:space-between}.card-title-text{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.card-sub-info{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-dim);font-weight:600;text-transform:uppercase}.watch-layout{display:grid;grid-template-columns:1fr 340px;grid-gap:32px;gap:32px;margin:28px 0 60px;align-items:start}@media (max-width:1100px){.watch-layout{grid-template-columns:1fr}}.theater-wrap{background:#000;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);box-shadow:0 25px 60px -15px rgba(0,0,0,.9)}.video-player-root{position:relative;width:100%;aspect-ratio:16/9;background:#000;display:flex;align-items:center;justify-content:center}.video-player-root video{width:100%;height:100%}.player-loading-spinner{position:absolute;inset:0;background:rgba(6,9,14,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.loading-circle{width:50px;height:50px;border:3px solid rgba(99,102,241,.15);border-top:3px solid var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.theater-meta-bar{padding:20px 24px;background:var(--bg-surface);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.theater-title-info h1{font-size:20px;font-weight:700;margin-bottom:4px}.theater-title-info p{font-size:13px;color:var(--text-dim);display:flex;align-items:center;gap:8px}.source-dropdown{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-main);padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;outline:none;cursor:pointer}.source-dropdown:focus{border-color:var(--primary)}.sidebar-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.drawer-title{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.episodes-list{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:6px}.episode-item{display:flex;align-items:center;gap:14px;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(255,255,255,.03);border:1px solid transparent;cursor:pointer;transition:var(--transition)}.episode-item:hover{background:rgba(255,255,255,.07)}.episode-item.active{background:rgba(99,102,241,.15);border-color:var(--border-focus)}.episode-num{font-size:13px;font-weight:700;color:var(--text-muted);width:24px}.episode-info{flex:1 1}.episode-title{font-size:13px;font-weight:600;color:#fff}.episode-duration{font-size:11px;color:var(--text-dim)}.search-container{max-width:900px;margin:36px auto}.search-input-wrap{position:relative;margin-bottom:28px}.search-bar{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 20px 16px 54px;font-size:16px;color:#fff;outline:none;transition:var(--transition)}.search-bar:focus{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.search-icon-left{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.plyr--video{--plyr-color-main:#6366f1}.btn-audio-subs{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);color:#fff;border:1px solid var(--border-subtle);padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-audio-subs:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.25);transform:translateY(-1px)}.btn-audio-subs.active{background:rgba(99,102,241,.25);border-color:var(--primary);color:#a5b4fc}.audio-subs-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.audio-subs-modal{background:#0f141f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);width:90%;max-width:620px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.9),0 0 25px rgba(99,102,241,.15);overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.audio-subs-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.audio-subs-header h3{font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.btn-close-modal{background:transparent;border:none;color:var(--text-dim);font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:var(--transition)}.btn-close-modal:hover{color:#fff;background:rgba(255,255,255,.1)}.audio-subs-columns{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;flex:1 1}.audio-subs-column{display:flex;flex-direction:column;padding:16px 20px;border-right:1px solid rgba(255,255,255,.06);min-height:0}.audio-subs-column:last-child{border-right:none}.audio-subs-column h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:12px}.audio-subs-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:380px;padding-right:4px}.audio-subs-list::-webkit-scrollbar{width:4px}.audio-subs-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:4px}.audio-subs-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:#cbd5e1;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition);width:100%}.audio-subs-item:hover{background:rgba(255,255,255,.06);color:#fff}.audio-subs-item.active{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);color:#fff;font-weight:600}.audio-subs-item .check-icon{color:#6366f1;flex-shrink:0}.audio-subs-item .check-placeholder{width:16px;height:16px;flex-shrink:0}video::cue{background-color:rgba(0,0,0,.75);color:#ffffff;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.15rem;font-weight:500;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.9);padding:2px 6px;border-radius:4px}.mobile-bottom-nav{display:none}@media (max-width:768px){.container{padding:0 16px}main.container{padding-bottom:96px!important}.desktop-only{display:none!important}.navbar-inner{height:60px}.nav-brand{font-size:17px;gap:8px}.nav-logo-icon{width:32px;height:32px}.search-trigger-text{display:none}.search-trigger-btn{padding:8px 10px;gap:0}.status-badge-text{display:none}.status-badge{padding:6px 8px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;height:62px;background:rgba(6,9,14,.94);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-subtle);align-items:center;justify-content:space-around;padding:0 8px env(safe-area-inset-bottom,0);box-shadow:0 -8px 24px rgba(0,0,0,.6)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-dim);font-size:11px;font-weight:600;padding:6px 12px;border-radius:var(--radius-sm);transition:var(--transition);text-decoration:none;flex:1 1;max-width:80px}.mobile-nav-item.active,.mobile-nav-item:hover{color:#fff}.mobile-nav-item.active svg{color:#818cf8;filter:drop-shadow(0 0 8px rgba(99,102,241,.6))}.hero-billboard{min-height:400px;padding:32px 20px 28px;margin:16px 0 32px;border-radius:var(--radius-md)}.hero-title{font-size:clamp(24px,6.5vw,36px);margin-bottom:12px;letter-spacing:-.8px}.hero-meta{font-size:12px;gap:10px;flex-wrap:wrap;margin-bottom:12px}.hero-desc{font-size:13.5px;-webkit-line-clamp:2;margin-bottom:20px}.hero-actions{flex-wrap:wrap;gap:10px}.btn-cta,.btn-secondary{padding:11px 18px;font-size:13.5px}.section-block{margin-bottom:38px}.section-title{font-size:18px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.card-content{padding:10px 12px}.card-title-text{font-size:13px}.card-sub-info{font-size:11px}.watch-layout{gap:20px;margin:14px 0 36px}.theater-meta-bar{flex-direction:column;align-items:flex-start;gap:14px;padding:14px 16px}.theater-meta-bar>div:last-child{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.theater-meta-bar .source-dropdown{flex:1 1;min-width:140px}.theater-title-info h1{font-size:17px}.theater-title-info p{font-size:12px;flex-wrap:wrap}.audio-subs-modal{width:94%;max-height:82vh}.audio-subs-columns{grid-template-columns:1fr;overflow-y:auto}.audio-subs-column{padding:14px 16px;border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.audio-subs-column:last-child{border-bottom:none}.audio-subs-list{max-height:180px}.audio-subs-item{padding:8px 10px;font-size:13px}}@media (max-width:480px){.brand-tag{display:none}.media-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-title-text{font-size:12px}.card-rating-tag{top:6px;right:6px;padding:2px 6px;font-size:10px}.hero-billboard{min-height:350px;padding:24px 16px}.hero-actions{flex-direction:column;width:100%}.btn-cta,.btn-secondary{width:100%;justify-content:center}}