:root{--bg-color: #0f0f0f;--card-bg: #1a1a1a;--primary: #ff3b3b;--primary-gradient: linear-gradient(135deg, #ff3b3b 0%, #ff6b6b 100%);--text-primary: #ffffff;--text-secondary: #a0a0a0;--nav-blur: rgba(15, 15, 15, .85);--border-radius: 12px}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden;margin:0;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.navbar{background:var(--nav-blur);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);padding:12px 0}.brand-text{font-weight:800;font-size:1.5rem;letter-spacing:-1px;color:#fff}.brand-text .highlight{color:var(--primary)}.search-bar{background:#ffffff1a;border-radius:50px;padding:8px 16px;display:flex;align-items:center;width:300px;transition:.3s}.search-bar:focus-within{background:#ffffff26;width:320px}.search-bar input{background:transparent;border:none;color:#fff;margin-left:10px;width:100%;outline:none}.nav-right{display:flex;gap:15px;align-items:center}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem}.btn-login{background:var(--primary-gradient);border:none;color:#fff;min-width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease;margin-top:1px}.btn-login i{font-size:18px;line-height:1;display:block}.btn-login.btn-light{border-radius:20px;padding:0 16px;background:#fff;color:#000;width:auto}.btn-login.btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.3)}.mobile-top-bar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--nav-blur);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.mobile-top-bar button{background:transparent;border:none;color:#fff;font-size:1.2rem}.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.show,.btn-outline-light.active{color:#333!important;background-color:#f8f9fa!important;border-color:#f8f9fa!important}.hero-slider{margin-top:-60px}@media (min-width: 768px){.hero-slider{margin-top:0}}.hero-bg{position:relative;height:70vh;max-height:600px;min-height:400px;overflow:hidden;background:#000}.hero-blur-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(25px) brightness(.5);transform:scale(1.1);display:none;z-index:0}.hero-main-img{position:relative;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:1}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg-color) 10%,rgba(15,15,15,.6) 50%,rgba(15,15,15,.3) 100%);z-index:2;pointer-events:none}@media (min-width: 768px){.hero-blur-bg{display:block}.hero-main-img{object-fit:contain;object-position:right center;width:auto;max-width:65%;margin-left:auto;display:block}.hero-gradient{background:linear-gradient(to right,var(--bg-color) 25%,rgba(15,15,15,.85) 55%,transparent 100%)}}.hero-content{position:absolute;bottom:0;left:0;width:100%;z-index:3;padding:24px 60px 60px}@media (min-width: 768px){.hero-content{top:50%;transform:translateY(-50%);bottom:auto;width:50%;padding-left:80px;padding-right:24px;padding-bottom:24px}}.hero-title{font-weight:800;font-size:1.8rem;margin-bottom:10px;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 768px){.hero-title{font-size:3.5rem}}.hero-meta{font-size:.9rem;color:#d0d0d0;margin-bottom:16px;display:flex;gap:15px;align-items:center}.badge-quality{background:#fff3;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.badge-lang{background:var(--primary);color:#fff;padding:6px 10px;border-radius:4px;font-size:.85rem;font-weight:600}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:-9999}.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;padding:8px 12px;background:#fff;color:#000;border-radius:6px;z-index:10000}.btn,.btn-login,.dropdown-item,.mobile-top-bar button{min-height:44px;min-width:44px;padding:8px 12px}.carousel-indicators [data-bs-target]{min-width:44px;min-height:44px;margin:0 6px;border-radius:50%}.hero-actions{display:flex;gap:12px}.btn-watch{background:#fff;color:#000;padding:10px 24px;border-radius:30px;font-weight:700;display:flex;align-items:center;gap:8px;transition:transform .2s}.btn-watch:active{transform:scale(.95)}.btn-list{background:#fff3;border:none;color:#fff;width:44px;height:44px;border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.carousel-control-prev,.carousel-control-next{width:50px;z-index:5;opacity:.7}.carousel-control-prev:hover,.carousel-control-next:hover{opacity:1}.carousel-indicators{bottom:20px;margin-bottom:0;z-index:5;gap:0}@media (max-width: 768px){.carousel-indicators{bottom:10px}}.carousel-indicators [data-bs-target]{width:8px;height:8px;min-width:unset;min-height:unset;border-radius:50%;margin:0 4px;background-color:#ffffff4d;border:none;transition:all .3s;border:4px solid transparent;background-clip:padding-box;box-sizing:content-box}.carousel-indicators .active{background-color:var(--primary);transform:scale(1.3);opacity:1;border-color:transparent}.hero-desc{font-size:1rem;color:#fffc;max-width:100%;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.5}@media (min-width: 768px){.hero-desc{max-width:600px;-webkit-line-clamp:4;line-clamp:4}}.badge-row{display:flex;align-items:center}.content-section{margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.section-header h3{font-size:1.25rem;font-weight:700;margin:0}.see-all{font-size:.85rem;color:var(--primary);font-weight:600}.horizontal-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:none}.horizontal-scroll::-webkit-scrollbar{display:none}.drama-card{flex:0 0 120px;scroll-snap-align:start;position:relative;transition:transform .2s;display:flex;flex-direction:column}@media (min-width: 768px){.drama-card{flex:0 0 160px}}.card-image{position:relative;border-radius:var(--border-radius);overflow:hidden;aspect-ratio:2/3;background:#222;width:100%}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.drama-card:hover .card-image img{transform:scale(1.05)}.card-badge{position:absolute;top:6px;right:6px;background:linear-gradient(45deg,gold,orange);color:#000;font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:800;box-shadow:0 2px 5px #00000080;z-index:2}.play-icon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .2s}.play-icon-overlay i{font-size:2rem;color:#ffffffe6}.drama-card:hover .play-icon-overlay{opacity:1}.progress-bar-container{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff4d;z-index:2}.progress-val{height:100%;background:var(--primary)}.card-info{margin-top:8px}.category-pill{background:#ffffff0a;color:#fff;border-radius:999px;padding:6px 10px;font-weight:600;border:1px solid rgba(255,255,255,.04)}.top-categories .category-pill:hover{background:#ffffff0f}.nav-cats .dropdown-toggle{background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff;padding:6px 10px;border-radius:8px}.dropdown-menu-dark{background:var(--bg-color);border:1px solid rgba(255,255,255,.04)}.dropdown-menu-dark .dropdown-item{color:var(--text-primary)}.dropdown-menu-dark .dropdown-item:hover{background:#ffffff08}.pagination-wrap .page-link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.04)}.pagination-wrap .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#000}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:var(--nav-blur);display:flex;align-items:center;justify-content:space-around;z-index:1200;border-top:1px solid rgba(255,255,255,.04)}.mobile-bottom-nav .nav-item{color:#fff;text-align:center;font-size:.8rem;display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-bottom-nav .nav-item .fa-bookmark{color:var(--primary)}.card-info h4{font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.6em;line-height:1.3em;white-space:normal;font-weight:500}.ep-count{font-size:.75rem;color:var(--text-secondary);display:block;margin-top:4px}.history-card .card-info .text-muted{color:var(--primary)!important;font-weight:700;opacity:1;font-size:.85rem}.drama-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:20px}@media (max-width: 360px){.drama-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.drama-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:24px}}.drama-grid .drama-card{flex:none;width:100%}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0f0f0ff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:65px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.05);z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#888;font-size:.7rem;width:60px}.nav-item i{font-size:1.2rem;margin-bottom:2px}.nav-item.active{color:#fff}.nav-item.active i{color:var(--primary)}.nav-item-center{position:relative;top:-20px}.play-fab{display:none}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-color);z-index:2000;padding:16px;transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.search-overlay.active{transform:translateY(0)}.search-header{display:flex;gap:12px;align-items:center}.search-input-wrapper{flex:1;background:#222;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px}.search-input-wrapper i{color:#888}#mobileSearchInput{background:transparent;border:none;color:#fff;width:100%;outline:none;font-size:1rem}.cancel-btn{background:none;border:none;color:#fff;font-size:1.2rem;padding:8px}.custom-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;align-items:center;justify-content:center;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;animation:modalFadeIn .3s ease-out}.custom-modal-content{background:linear-gradient(145deg,#1a1a1a,#111);border-radius:24px;max-width:420px;width:100%;box-shadow:0 30px 60px #000c,0 0 0 1px #ffffff14;overflow:hidden;color:#fff;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);position:relative}.modal-header-custom{padding:24px 24px 18px;display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.05)}.header-icon-box{width:48px;height:48px;background:var(--primary-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #ff3b3b33}.modal-body-custom{padding:24px;text-align:center}.device-code-box{background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:18px;border-radius:16px;font-weight:800;letter-spacing:4px;font-size:2rem;margin:20px 0;color:#fff;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.device-code-box:hover{background:#ffffff0d;border-color:#ffffff26;transform:scale(1.02)}.device-code-box:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 2s infinite}.login-promo{margin:16px 0;padding:16px;border-radius:14px;background:#ff3b3b0d;border:1px solid rgba(255,59,59,.1);color:#eee;text-align:left}.btn-link-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--primary-gradient);color:#fff;padding:16px;border-radius:14px;text-align:center;font-weight:700;margin-top:10px;transition:all .3s ease;box-shadow:0 10px 20px #ff3b3b26}.btn-link-action:hover{transform:translateY(-2px);box-shadow:0 15px 30px #ff3b3b40;filter:brightness(1.1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes shimmer{to{left:200%}}#nav-home-text{display:none!important}#nav-home-btn{padding:.55rem;width:44px;height:44px;justify-content:center}#mobile-login-top{display:none!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color, #0f0f0f)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#fff3}.main-wrapper,.main-content-wrapper{padding-top:72px}.hero{padding:3rem 1rem;border-bottom:1px solid var(--border-color)}.hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.small-muted{color:var(--text-secondary);font-size:.95rem}.category-section{margin:3rem 0}.category-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.category-emoji{font-size:1.75rem}.category-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.drama-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:.5rem 0}.video-card{position:relative;cursor:pointer;transition:transform .2s}.video-card:hover{transform:translateY(-4px)}.thumb{position:relative;width:100%;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s,filter .3s}.video-card:hover .thumb img{transform:scale(1.05);filter:brightness(.7)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .3s}.video-card:hover .play-overlay{opacity:1}.btn-play{width:64px;height:64px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#000;transition:transform .2s;box-shadow:0 4px 12px #0006}.btn-play i{margin-left:3px}.video-card:hover .btn-play{transform:scale(1.1)}.duration{position:absolute;bottom:8px;right:8px;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.meta{padding:.75rem .25rem}.info h4{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.channel{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;margin-bottom:.25rem}.channel-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#2d8fd6);display:inline-block}.stats{color:var(--text-secondary);font-size:.85rem}.badge-cat{display:inline-block;background:var(--bg-hover);color:var(--text-secondary);padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;border:1px solid var(--border-color)}.btn-outline-light{border-color:var(--border-color)!important;color:var(--text-primary)!important;transition:all .2s}.btn-outline-light:hover{background:var(--bg-hover)!important;border-color:var(--accent)!important;color:var(--accent)!important}.btn-primary{background:var(--accent)!important;border:none!important;color:#000!important;font-weight:600;padding:.65rem 1.5rem;border-radius:24px;transition:all .2s}.btn-primary:hover{background:var(--accent-hover)!important;transform:translateY(-2px);box-shadow:0 4px 12px #3ea6ff66}.form-select{background:var(--bg-hover)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:8px}.form-select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3ea6ff1a}.spinner-border{color:var(--accent)}.alert{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px}.alert-info{background:#3ea6ff1a;border-color:var(--accent);color:var(--accent)}.alert-warning{background:#ffbb001a;border-color:#fb0;color:#fb0}.alert-danger{background:#ff44441a;border-color:#f44;color:#f44}.episode-list{background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.list-group-item{background:transparent!important;border:none!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-primary)!important;transition:background .2s}.list-group-item:hover{background:var(--bg-hover)!important}.list-group-item.active{background:var(--accent)!important;color:#000!important}#video-container{border-radius:12px;overflow:hidden;background:#000}video{display:block;width:100%}@media (max-width: 768px){body{padding-bottom:env(safe-area-inset-bottom,0)}.navbar{padding:.5rem 1rem}.hero{padding:2rem 1rem}.hero h1{font-size:1.75rem}.drama-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.category-title{font-size:1.25rem}.category-emoji{font-size:1.5rem}}@media (max-width: 480px){.drama-grid{grid-template-columns:repeat(2,1fr)}}.main-content-wrapper{overflow:hidden}.main-content-row{height:100%}.video-column{height:100%;overflow-y:hidden;display:flex;align-items:center}.info-column{height:100%;overflow-y:auto}.video-wrapper{width:100%}#video-container{position:relative;width:100%;max-width:480px;margin:0 auto;background:#000;aspect-ratio:9/16;border-radius:12px;overflow:hidden;box-shadow:0 4px 24px #00000080}@media (min-width: 768px){#video-container{max-width:90%;aspect-ratio:9/16;max-height:80vh}#video-container video{object-fit:contain}}@media (min-width: 1024px){#video-container{max-width:650px;max-height:85vh}}#video-container video{border-radius:12px}video{width:100%;height:100%;display:block;object-fit:contain;background:#000}video::-webkit-media-controls{display:none!important;opacity:0!important}video::-webkit-media-controls-enclosure{display:none!important}.episode-nav-buttons{display:flex;gap:10px;margin-top:15px;justify-content:center}.episode-nav-btn{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);padding:12px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.episode-nav-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent)}.episode-nav-btn:disabled{opacity:.3;cursor:not-allowed}.video-section{background:#000;margin:0;padding:0}.content-section{background:var(--bg-primary);padding:2rem 0}.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px;margin-top:1rem;max-height:700px;overflow-y:auto;padding-right:5px}.episode-card{background:#222;border:1px solid #333;border-radius:8px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#fff;font-weight:600}.episode-card:hover{background:#333;border-color:#555}.episode-card.active{background:#ff3b3b1a;border-color:#ff3b3b;color:#ff3b3b;font-weight:700;position:relative;box-shadow:0 0 15px #ff3b3b33}.playing-indicator{position:absolute;bottom:6px;right:6px;display:flex;align-items:flex-end;gap:2px;height:10px}.playing-bar{width:2px;height:100%;background-color:#ff3b3b;border-radius:1px;animation:playing-bar-dance .8s ease-in-out infinite}.playing-bar:nth-child(1){animation-delay:0s;height:60%}.playing-bar:nth-child(2){animation-delay:.2s;height:100%}.playing-bar:nth-child(3){animation-delay:.4s;height:40%}@keyframes playing-bar-dance{0%,to{height:30%}50%{height:100%}}.episode-card .ep-num{font-size:1rem;margin:0}.episode-card .ep-duration{display:none}#drama-info{background:transparent;padding:0;border:none;margin-bottom:2rem}@media (max-width: 768px){.episode-grid{max-height:none;overflow-y:visible}}#drama-info h1{font-size:2rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}#drama-info .meta-info{display:flex;gap:2rem;flex-wrap:wrap;margin-bottom:1rem;color:var(--text-secondary)}#drama-info .meta-item{display:flex;align-items:center;gap:.5rem}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10}@media (max-width: 1024px){body.detail-page{overflow:hidden!important;margin:0!important;background:#000!important;height:100vh!important;width:100vw!important;position:fixed;top:0;left:0}body.detail-page .navbar,body.detail-page .mobile-top-bar,body.detail-page .mobile-bottom-nav{display:none!important}body.detail-page .main-content-row{margin-top:0!important}body.detail-page .main-content-wrapper{margin:0!important;max-width:100vw!important;overflow:hidden!important;height:100vh!important;width:100vw!important}.main-content-row{margin:0!important;padding:0!important;height:100vh!important;width:100vw!important}.video-column{padding:0!important;margin:0!important;height:100vh!important;width:100vw!important;max-width:100vw!important;display:block!important;overflow:hidden!important}.info-column{display:none!important}.video-wrapper{width:100vw!important;height:100vh!important;margin:0!important;padding:0!important}#video-container{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;max-width:100vw!important;height:100vh!important;width:100vw!important;aspect-ratio:unset!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;z-index:1!important;overflow:hidden!important}#video-container video{position:absolute!important;top:0!important;left:0!important;height:100vh!important;width:100vw!important;object-fit:cover!important;margin:0!important;padding:0!important}.shorts-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:none;display:flex;flex-direction:column}.shorts-overlay>*{pointer-events:auto}.shorts-top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;padding-top:max(15px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 100%)}.shorts-back-btn{background:none;border:none;color:#fff;font-size:24px}.shorts-actions{position:fixed;right:max(8px,env(safe-area-inset-right));bottom:max(80px,calc(80px + env(safe-area-inset-bottom)));display:flex;flex-direction:column;gap:12px;z-index:100}.shorts-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:50%;width:48px;height:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.episodes-modal{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:column;padding:20px;max-height:75vh;background:#121212f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -10px 40px #00000080;border-top:1px solid rgba(255,255,255,.1);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.9,.3,1),opacity .3s ease;opacity:0;pointer-events:none;overflow-y:auto}.episodes-modal.active{transform:translateY(0);opacity:1;pointer-events:auto}.episodes-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.episodes-modal-header h3{font-size:1.2rem;font-weight:800;color:#fff;margin:0}.episodes-modal-close{background:#ffffff1a;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.episodes-modal-close:hover{background:#fff3}.episodes-modal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:25px}.episodes-modal .episode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#ffffffe6;font-weight:600;cursor:pointer;font-size:1rem;min-height:50px;transition:all .2s ease}.episodes-modal .episode-card.active{background:linear-gradient(135deg,#ff3b3b,#ff6b6b);border-color:transparent;color:#fff;font-weight:800;box-shadow:0 4px 15px #ff3b3b66;transform:scale(1.05)}.episodes-pagination{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:8px;border-radius:50px;margin-top:auto}.pagination-btn{background:transparent;border:none;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;transition:background .2s;cursor:pointer}.pagination-btn:hover:not(:disabled){background:#ffffff1a}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-weight:700;color:#ccc;font-size:.95rem;letter-spacing:1px}.video-progress-container{position:fixed;bottom:env(safe-area-inset-bottom,0);left:0;right:0;height:3px;background:#fff3;z-index:15}.video-progress-bar{height:100%;background:var(--accent, #ff3b3b);width:0%}.video-watermark{position:fixed;top:max(15px,calc(15px + env(safe-area-inset-top)));left:50%;transform:translate(-50%);color:#fff;font-size:.85rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8);z-index:25}.shorts-info{position:fixed;bottom:max(3px,env(safe-area-inset-bottom));left:0;right:0;padding:20px;padding-bottom:max(20px,calc(20px + env(safe-area-inset-bottom)));background:linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 100%);z-index:11}.shorts-info h1{font-size:1.1rem;margin:0 0 8px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8)}.shorts-info p{font-size:.85rem;color:#ffffffe6;margin:0}}#video-center-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20}#video-center-controls.show{pointer-events:auto}#video-center-icon{font-size:3rem;color:#fff;background:#0006;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;transform:scale(.8)}#video-center-controls.show #video-center-icon{opacity:1;transform:scale(1)}#video-center-controls.persistent #video-center-icon{opacity:1;transform:scale(1);background:#000000b3;pointer-events:auto}.seek-anim{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100px;height:100px;background:#0000004d;border-radius:50%;color:#fff;opacity:0;pointer-events:none;transition:all .3s ease;z-index:15}#seek-left{left:10%}#seek-right{right:10%}.seek-anim.show{opacity:1;transform:translateY(-50%) scale(1.1)}.seek-anim i{font-size:1.5rem;margin-bottom:5px}.seek-anim span{font-size:.8rem;font-weight:700}