@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";#root{width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #d66eff)}.logo.react:hover{filter:drop-shadow(0 0 2em #d771ffa1)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header{position:fixed;transform:translateY(0);width:100%;height:80px;z-index:1000;display:flex;align-items:center;transition:all ease .5s;overflow:visible!important}.header.top{background:rgba(0,0,0,.25);backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px)}.header.show{background-color:var(--black3)}.header.hide{transform:translateY(-60px)}.header .contentWrapper{display:flex;align-items:center;justify-content:space-between;height:100%;overflow:visible!important}.header .logo{cursor:pointer;display:flex;align-items:center}.header .logo img{height:60px;transition:all .3s ease}@media (max-width: 768px){.header .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.header .logo img{height:35px}}@media (max-width: 640px){.header .logo img{height:32px}}@media (max-width: 480px){.header .logo img{height:28px}}@media (min-width: 769px){.header .logo{position:static;transform:none}.header .logo img{height:50px}}.header .menuItems{list-style-type:none;display:none;align-items:center;gap:30px;margin:0;padding:0}@media (min-width: 769px){.header .menuItems{display:flex}}.header .menuItems .menuItem{height:auto;display:flex;align-items:center;color:#fff;font-weight:700;font-size:16px;position:relative;cursor:pointer;transition:color .3s ease;padding:10px 0}.header .menuItems .menuItem.searchIcon{margin-right:0}.header .menuItems .menuItem.active{color:var(--pink)}.header .menuItems .menuItem.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pink);border-radius:1px}.header .menuItems .menuItem svg{font-size:20px}.header .menuItems .menuItem:hover{color:var(--pink)}.header .menuItems .auth-section{margin-left:15px;position:relative;overflow:visible!important}.header .mobileMenuItems{display:none;align-items:center;gap:15px}@media (max-width: 768px){.header .mobileMenuItems{display:flex}}.header .mobileMenuItems svg{font-size:20px;color:#fff;cursor:pointer;transition:color .3s ease}.header .mobileMenuItems svg:hover{color:var(--pink)}@media (max-width: 768px){.header .contentWrapper{position:relative}.header .mobileMenuItems{width:100%;justify-content:space-between}.header .mobileMenuItems .mobile-left{display:flex;align-items:center;z-index:2}.header .mobileMenuItems .mobile-right{display:flex;align-items:center;gap:15px;z-index:2}}@media (max-width: 640px){.header .mobileMenuItems .mobile-right{gap:12px}}@media (max-width: 480px){.header .mobileMenuItems .mobile-right{gap:8px}}.header.mobileView{background:var(--black3)}.header.mobileView .menuItems{display:flex;position:absolute;top:80px;left:0;background:var(--black3);flex-direction:column;width:100%;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);animation:mobileMenu .3s ease forwards;gap:0;z-index:999}.header.mobileView .menuItems .menuItem{font-size:18px;width:100%;height:auto;padding:15px 20px;margin:0;display:flex;align-items:center;justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.05)}.header.mobileView .menuItems .menuItem.active{color:var(--pink);background-color:#ffffff1a}.header.mobileView .menuItems .menuItem:last-child{border-bottom:none}.header.mobileView .menuItems .menuItem:hover{background-color:#ffffff0d}.header .searchBar{width:100%;height:70px;background:linear-gradient(135deg,rgba(0,0,0,.95),rgba(237,48,255,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:80px;left:0;animation:mobileMenu .3s ease forwards;box-shadow:0 4px 20px #0000004d;border-top:1px solid rgba(237,48,255,.2);z-index:998}.header .searchBar .searchInput{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 20px;gap:10px}.header .searchBar .searchInput input{flex:1;height:45px;background:rgba(255,255,255,.95);border:2px solid rgba(237,48,255,.3);border-radius:25px;padding:0 20px;font-size:16px;color:var(--black);outline:none;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.header .searchBar .searchInput input::placeholder{color:#00000080;font-weight:400}.header .searchBar .searchInput input:focus{border-color:var(--pink);box-shadow:0 0 20px #ed30ff4d;transform:translateY(-1px)}@media only screen and (min-width: 768px){.header .searchBar .searchInput input{height:50px;font-size:18px;padding:0 25px}}.header .searchBar .searchInput svg{font-size:45px;color:#fffc;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:50%}.header .searchBar .searchInput svg:hover{color:var(--pink);background:rgba(237,48,255,.1);transform:scale(1.1)}.header .login-btn{background:linear-gradient(98.37deg,#6A0DAD .99%,#9D50BB 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.header .login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #da2f684d}.header .mobile-login-btn{background:linear-gradient(98.37deg,#6A0DAD .99%,#9D50BB 100%);color:#fff;border:none;padding:20px 12px;border-radius:50%;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.header .mobile-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #da2f684d}.header .desktop-actions{display:flex;align-items:center;gap:18px;margin-left:24px}@media (max-width: 768px){.header .desktop-actions{display:none}}.header .desktop-actions .desktop-search-icon{font-size:26px;color:#fff;cursor:pointer;transition:color .3s}.header .desktop-actions .desktop-search-icon:hover{color:var(--pink)}.header .desktop-actions .login-btn,.header .desktop-actions .user-profile{margin-left:8px}@media (max-width: 768px){.header .mobile-left svg{font-size:35px;color:#fff;cursor:pointer;transition:color .3s ease;padding:6px;margin-left:10px}.header .mobile-left svg:hover{color:var(--pink)}.header .mobile-right svg{font-size:35px;color:#fff;cursor:pointer;transition:color .3s ease;padding:6px}.header .mobile-right svg:hover{color:var(--pink)}}@media (max-width: 640px){.header .mobile-left svg{font-size:28px;padding:4px;margin-left:8px}.header .mobile-right svg{font-size:26px;padding:4px}.header .mobile-right{gap:12px}.header .mobile-login-btn{min-width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.header .mobile-left svg{font-size:24px;margin-left:6px}.header .mobile-right svg{font-size:22px}.header .mobile-right{gap:10px}.header .mobile-login-btn{min-width:26px;height:26px;font-size:11px}}@keyframes mobileMenu{0%{transform:translateY(-130%)}to{transform:translateY(0)}}.contentWrapper{width:100%;max-width:1400px;margin:0 auto;padding:0 20px;box-sizing:border-box;overflow-x:hidden}@media (max-width: 767px){.contentWrapper{padding:0 10px;min-width:0;max-width:100vw}}@media (max-width: 480px){.contentWrapper{padding:0 8px}}.user-profile{position:relative;display:flex;align-items:center;z-index:9998}.user-avatar-btn{background:none;border:none;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#fff}.user-avatar-btn:hover{background:rgba(255,255,255,.1)}.user-avatar-btn:disabled{opacity:.7;cursor:not-allowed}@media only screen and (min-width: 640px){.user-avatar-btn{padding:6px 8px;gap:6px}}.avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid rgba(218,47,104,.5)}@media only screen and (max-width: 767px){.avatar-img{width:32px;height:32px}}@media (max-width: 640px){.avatar-img{width:28px;height:28px}}@media (max-width: 480px){.avatar-img{width:26px;height:26px}}.avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#da2f68 0%,#ff6b6b 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;border:2px solid rgba(218,47,104,.5)}@media only screen and (max-width: 767px){.avatar-placeholder{width:32px;height:32px;font-size:14px}}@media (max-width: 640px){.avatar-placeholder{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.avatar-placeholder{width:26px;height:26px;font-size:11px}}.user-name{font-size:14px;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 767px){.user-name{display:none}}.dropdown-arrow{transition:transform .3s ease;opacity:.7}.dropdown-arrow.open{transform:rotate(180deg)}@media only screen and (max-width: 767px){.dropdown-arrow{display:none}}.user-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:rgba(31,3,43,.95);border:1px solid rgba(157,80,187,.3);border-radius:16px;box-shadow:0 20px 40px #1f032b99;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999!important;width:max-content;min-width:280px;max-width:400px;animation:dropdownSlideIn .2s ease-out}@media only screen and (min-width: 640px){.user-dropdown{min-width:260px;max-width:350px;right:-10px}}@media (max-width: 480px){.user-dropdown{min-width:240px;max-width:300px;left:auto;right:8px;transform:none;margin-left:0}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{padding:20px}.user-info .user-details{display:flex;flex-direction:column;gap:4px}.user-info .user-name-full{color:#fff;font-weight:600;font-size:16px}.user-info .user-email{color:#fff9;font-size:14px}.dropdown-divider{height:1px;background:rgba(255,255,255,.2);margin:0 12px}.dropdown-menu{padding:12px}.dropdown-item{width:100%;background:none;border:none;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;transition:all .3s ease;position:relative;white-space:nowrap}.dropdown-item:hover:not(:disabled){background:rgba(255,255,255,.15);transform:translate(2px)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item svg{opacity:.8;flex-shrink:0}.dropdown-item .coming-soon{margin-left:auto;font-size:11px;color:#3e461a;background:rgb(255,217,0);padding:2px 6px;border-radius:6px;font-weight:500;white-space:nowrap}.logout-btn{color:#ff6b6b!important;margin-top:4px}.logout-btn:hover:not(:disabled){background:rgba(255,107,107,.1)!important}.logout-btn svg{color:#ff6b6b}.footer{background-color:var(--black3);padding:50px 0;color:#fff;position:relative}.footer .contentWrapper{display:flex;align-items:center;flex-direction:column}.footer .menuItems{list-style:none;display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .menuItems{margin-bottom:30px;gap:30px}}.footer .menuItems .menuItem{font-size:12px;font-weight:500}@media only screen and (min-width: 768px){.footer .menuItems .menuItem{font-size:16px}}.footer .menuItems .menuItem a{color:inherit;text-decoration:none;transition:color .3s}.footer .menuItems .menuItem a:hover{color:var(--pink)}.footer .menuItems .menuItem a:focus{outline:none}.footer .infoText{font-size:12px;line-height:20px;opacity:.5;text-align:center;max-width:800px;margin-bottom:20px}@media only screen and (min-width: 768px){.footer .infoText{font-size:14px;margin-bottom:30px}}.footer .socialIcons{display:flex;align-items:center;justify-content:center;gap:10px}.footer .socialIcons .icon{width:50px;height:50px;border-radius:50%;background-color:var(--black);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .3s,color .3s}.footer .socialIcons .icon:hover{box-shadow:0 0 10px var(--pink);color:var(--pink)}.footer .copyText{font-size:12px;opacity:.5;position:relative}@media only screen and (min-width: 768px){.footer .copyText{font-size:14px}}.footer .copyText .admin-link{position:absolute;right:-30px;top:50%;transform:translateY(-50%);color:#9d50bb;text-decoration:none;font-size:16px;opacity:.3;transition:all .3s ease}.footer .copyText .admin-link:hover{opacity:1;transform:translateY(-50%) scale(1.2);filter:drop-shadow(0 0 8px rgba(157,80,187,.5))}@media only screen and (min-width: 768px){.footer .copyText .admin-link{right:-40px;font-size:18px}}.custom-cursor-test{position:fixed;width:30px;height:30px;background:#ed30ff!important;border:3px solid #9D50BB!important;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);opacity:1!important;visibility:visible!important;display:block!important;animation:subtlePulse 2s ease-in-out infinite}.custom-cursor{position:fixed;width:26px;height:26px;pointer-events:none;border-radius:50%;transform:translate(-50%,-50%);z-index:99999;display:block!important;background:linear-gradient(135deg,#9D50BB 0%,#ed30ff 100%);border:2px solid rgba(237,48,255,.8);box-shadow:0 0 15px #ed30ff99,0 0 30px #9d50bb66,inset 0 0 8px #ffffff4d;opacity:1;visibility:visible;transition:width .3s cubic-bezier(.25,.46,.45,.94),height .3s cubic-bezier(.25,.46,.45,.94),background .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .4s ease,visibility .4s ease}.custom-cursor.visible{opacity:1!important;visibility:visible!important;animation:subtlePulse 4s ease-in-out infinite}.custom-cursor:not(.visible){opacity:0;visibility:hidden}.custom-cursor.hovering{width:50px;height:50px;background:linear-gradient(135deg,#ed30ff 0%,#9D50BB 100%);border-color:#ed30ff;box-shadow:0 0 25px #ed30ffcc,0 0 45px #9d50bb99,inset 0 0 12px #fff6;animation:none}@keyframes subtlePulse{0%,to{box-shadow:0 0 15px #ed30ff99,0 0 30px #9d50bb66,inset 0 0 8px #ffffff4d;transform:translate(-50%,-50%) scale(1)}50%{box-shadow:0 0 20px #ed30ffcc,0 0 40px #9d50bb99,inset 0 0 12px #fff6;transform:translate(-50%,-50%) scale(1.05)}}body{cursor:none!important}iframe{cursor:auto!important}input,textarea,select{cursor:text!important}button:hover,a:hover,[role=button]:hover{cursor:none!important}@media (max-width: 1024px),(hover: none),(pointer: coarse),(orientation: portrait),(orientation: landscape) and (max-width: 1024px){.custom-cursor{display:none!important;opacity:0!important;visibility:hidden!important}body,*{cursor:auto!important}input,textarea,select{cursor:text!important}button,a,[onclick]{cursor:pointer!important}iframe{cursor:auto!important}}@media (min-width: 1025px) and (hover: hover) and (pointer: fine){.custom-cursor{display:block!important}body{cursor:none!important}input,textarea,select{cursor:text!important}iframe{cursor:auto!important}}.cursor-debug-simple{position:fixed!important;pointer-events:none!important;z-index:999999!important;display:block!important;opacity:1!important;visibility:visible!important}.carouselSection{position:relative;margin-bottom:70px}.carouselSection>.contentWrapper{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.carouselSection .carouselTitle{font-size:24px;color:#fff;font-weight:400}.heroBanner{width:100%;height:450px;background-color:#4b0d6344;display:flex;align-items:center;position:relative}@media only screen and (min-width: 768px){.heroBanner{height:700px}}.heroBanner .backdrop-img{width:100%;height:100%;position:absolute;top:0;left:0;opacity:.5;overflow:hidden}.heroBanner .backdrop-img .lazy-load-image-background{width:100%;height:100%}.heroBanner .backdrop-img .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.heroBanner .opacity-layer{width:100%;height:250px;background:linear-gradient(180deg,rgba(4,21,45,0) 0%,#1b0624 79.17%);position:absolute;bottom:0;left:0}.heroBanner .heroBannerContent{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;position:relative;max-width:800px;margin:0 auto}.heroBanner .heroBannerContent .title{font-size:50px;font-weight:700;margin-bottom:10px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .title{margin-bottom:0;font-size:90px}}.heroBanner .heroBannerContent .subTitle{font-size:18px;font-weight:500;margin-bottom:40px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .subTitle{font-size:24px}}.heroBanner .heroBannerContent .searchInput{display:flex;align-items:center;width:100%}.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 100px);height:50px;background-color:#fff;outline:0;border:0;border-radius:30px 0 0 30px;padding:0 15px;font-size:14px}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput input{width:calc(100% - 150px);height:60px;font-size:20px;padding:0 30px}}.heroBanner .heroBannerContent .searchInput button{width:100px;height:50px;background:var(--gradient);color:#fff;outline:0;border:0;border-radius:0 30px 30px 0;font-size:16px;cursor:pointer}@media only screen and (min-width: 768px){.heroBanner .heroBannerContent .searchInput button{width:150px;height:60px;font-size:18px}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.switchingTabs{height:34px;background-color:#fff;border-radius:20px;padding:2px}.switchingTabs .tabItems{display:flex;align-items:center;height:30px;position:relative}.switchingTabs .tabItems .tabItem{height:100%;display:flex;align-items:center;justify-content:center;width:100px;color:var(--black);font-size:14px;position:relative;z-index:1;cursor:pointer;transition:color ease .3s}.switchingTabs .tabItems .tabItem.active{color:#fff}.switchingTabs .tabItems .movingBg{height:30px;width:100px;border-radius:15px;background-image:var(--gradient);position:absolute;left:0;transition:left cubic-bezier(.88,-.35,.565,1.35) .4s}.carousel{margin-bottom:50px}.carousel .contentWrapper{position:relative}.carousel .carouselTitle{font-size:24px;color:#fff;margin-bottom:20px;font-weight:400}.carousel .arrow{font-size:30px;color:#fff;position:absolute;top:44%;transform:translateY(-50%);cursor:pointer;opacity:.5;z-index:1;display:none}@media only screen and (min-width: 768px){.carousel .arrow{display:block}}.carousel .arrow:hover{opacity:.8}.carousel .carouselLeftNav{left:30px}.carousel .carouselRighttNav{right:30px}.carousel .loadingSkeleton{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .loadingSkeleton{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .loadingSkeleton .skeletonItem{width:125px;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .loadingSkeleton .skeletonItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .loadingSkeleton .skeletonItem{width:calc(20% - 16px)}}.carousel .loadingSkeleton .skeletonItem .posterBlock{border-radius:12px;width:100%;aspect-ratio:1/1.5;margin-bottom:30px}.carousel .loadingSkeleton .skeletonItem .textBlock{display:flex;flex-direction:column}.carousel .loadingSkeleton .skeletonItem .textBlock .title{width:100%;height:20px;margin-bottom:10px}.carousel .loadingSkeleton .skeletonItem .textBlock .date{width:75%;height:20px}.carousel .carouselItems{display:flex;gap:10px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.carousel .carouselItems{gap:20px;overflow:hidden;margin:0;padding:0}}.carousel .carouselItems .carouselItem{width:125px;cursor:pointer;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem{width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.carousel .carouselItems .carouselItem{width:calc(20% - 16px)}}.carousel .carouselItems .carouselItem .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.carousel .carouselItems .carouselItem .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .circleRating{width:50px;height:50px}}.carousel .carouselItems .carouselItem .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.carousel .carouselItems .carouselItem .textBlock{color:#fff;display:flex;flex-direction:column}.carousel .carouselItems .carouselItem .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.carousel .carouselItems .carouselItem .textBlock .title{font-size:20px}}.carousel .carouselItems .carouselItem .textBlock .date{font-size:14px;opacity:.5}.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.circleRating{background-color:var(--black);border-radius:50%;padding:2px}.circleRating .CircularProgressbar-text{font-size:34px;font-weight:700;fill:var(--black)}.circleRating .CircularProgressbar-trail{stroke:transparent}.genres{display:flex;gap:5px;flex-wrap:wrap}.genres .genre{background:transparent;border:1px solid rgba(255,255,255,.3);padding:4px 8px;font-size:12px;border-radius:4px;color:#fff;white-space:nowrap;font-weight:500;box-shadow:0 2px 4px #0003;transition:all .2s ease}.genres .genre:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ffffff1a;border-color:#ffffff80}.videoPopup{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:fixed;top:0;left:0;opacity:0;visibility:hidden;z-index:9}.videoPopup .opacityLayer{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25);backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);opacity:0;transition:opacity .4s}.videoPopup .videoPlayer{position:relative;width:800px;aspect-ratio:16/9;background-color:#fff;transform:scale(.2);transition:transform .25s}.videoPopup .videoPlayer .closeBtn{position:absolute;top:-20px;right:0;color:#fff;cursor:pointer}.videoPopup.visible{opacity:1;visibility:visible}.videoPopup.visible .opacityLayer{opacity:1}.videoPopup.visible .videoPlayer{transform:scale(1)}.castSection{position:relative;margin-bottom:50px}.castSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.castSection .castContainer{position:relative;display:flex;align-items:center}.castSection .castContainer .navButton{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.2);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.castSection .castContainer .navButton:hover{background:rgba(237,48,255,.8);border-color:#ed30ff99;transform:translateY(-50%) scale(1.1)}.castSection .castContainer .navButton:active{transform:translateY(-50%) scale(.95)}.castSection .castContainer .navButton-left{left:5px}@media only screen and (min-width: 768px){.castSection .castContainer .navButton-left{left:-20px}}.castSection .castContainer .navButton-right{right:5px}@media only screen and (min-width: 768px){.castSection .castContainer .navButton-right{right:-20px}}@media (max-width: 768px){.castSection .castContainer .navButton{width:35px;height:35px}.castSection .castContainer .navButton svg{width:18px;height:18px}}.castSection .castContainer .navButton svg{width:20px;height:20px}.castSection .listItems{display:flex;gap:15px;overflow-y:hidden;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex:1;scrollbar-width:none;-ms-overflow-style:none}.castSection .listItems::-webkit-scrollbar{display:none}@media only screen and (min-width: 768px){.castSection .listItems{margin:0;padding:0;gap:18px}}.castSection .listItems .listItem{text-align:center;color:#fff;flex-shrink:0;max-width:100px;-webkit-user-select:none;user-select:none;pointer-events:auto;touch-action:pan-x}.castSection .listItems .listItem .profileImg{width:80px;height:80px;border-radius:50%;overflow:hidden;margin-bottom:8px}@media only screen and (min-width: 768px){.castSection .listItems .listItem .profileImg{width:100px;height:100px;margin-bottom:12px}}.castSection .listItems .listItem .profileImg img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.castSection .listItems .listItem .name{font-size:12px;line-height:16px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.castSection .listItems .listItem .name{font-size:14px;line-height:18px}}.castSection .listItems .listItem .character{font-size:11px;line-height:15px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.castSection .listItems .listItem .character{font-size:12px;line-height:16px}}.castSection .castSkeleton{display:flex;gap:15px;overflow-y:hidden;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.castSection .castSkeleton{margin:0;padding:0;gap:18px}}.castSection .castSkeleton .skItem{flex-shrink:0;max-width:100px}.castSection .castSkeleton .skItem .circle{width:80px;height:80px;border-radius:50%;margin-bottom:8px}@media only screen and (min-width: 768px){.castSection .castSkeleton .skItem .circle{width:100px;height:100px;margin-bottom:12px}}.castSection .castSkeleton .skItem .row{width:100%;height:16px;border-radius:8px;margin-bottom:4px}.castSection .castSkeleton .skItem .row2{width:75%;height:15px;border-radius:8px;margin:0 auto}.videosSection{position:relative;margin-bottom:50px}.videosSection .sectionHeading{font-size:24px;color:#fff;margin-bottom:25px}.videosSection .videos{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videos{gap:20px;margin:0;padding:0}}.videosSection .videos .videoItem{width:150px;flex-shrink:0;cursor:pointer}@media only screen and (min-width: 768px){.videosSection .videos .videoItem{width:25%}}.videosSection .videos .videoItem .videoThumbnail{margin-bottom:15px;position:relative}.videosSection .videos .videoItem .videoThumbnail img{width:100%;display:block;border-radius:12px;transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px}.videosSection .videos .videoItem .videoThumbnail .triangle{stroke-dasharray:240;stroke-dashoffset:480;stroke:#fff;transform:translateY(0);transition:all .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail .circle{stroke:#fff;stroke-dasharray:650;stroke-dashoffset:1300;transition:all .5s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover img{opacity:.5}.videosSection .videos .videoItem .videoThumbnail:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:var(--pink);animation:trailorPlay .7s ease-in-out}.videosSection .videos .videoItem .videoThumbnail:hover .circle{stroke-dashoffset:0;stroke:var(--pink)}.videosSection .videos .videoItem .videoTitle{color:#fff;font-size:14px;line-height:20px}@media only screen and (min-width: 768px){.videosSection .videos .videoItem .videoTitle{font-size:16px;line-height:24px}}.videosSection .videoSkeleton{display:flex;gap:10px;overflow-x:auto;margin-right:-20px;margin-left:-20px;padding:0 20px}@media only screen and (min-width: 768px){.videosSection .videoSkeleton{gap:20px;margin:0;padding:0}}.videosSection .videoSkeleton .skItem{width:150px;flex-shrink:0}@media only screen and (min-width: 768px){.videosSection .videoSkeleton .skItem{width:25%}}.videosSection .videoSkeleton .skItem .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row{height:20px;width:100%;border-radius:10px;margin-bottom:10px}.videosSection .videoSkeleton .skItem .row2{height:20px;width:75%;border-radius:10px}.comments-section{margin:40px 80px;padding:0}.comments-section .comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(157,80,187,.3)}.comments-section .comments-header h3{color:#ed30ff;font-size:24px;font-weight:700;margin:0;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.comments-section .comments-header .comments-count{color:#ffffffb3;font-size:14px;font-weight:500}.comments-section .comment-form{margin-bottom:32px}.comments-section .comment-form .comment-input-container{background:rgba(31,3,43,.8);border:2px solid rgba(157,80,187,.3);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.comments-section .comment-form .comment-input-container:focus-within{border-color:#9d50bb99;box-shadow:0 0 20px #9d50bb33}.comments-section .comment-form .comment-input-container .comment-input{width:100%;background:transparent;border:none;color:#fff;font-size:16px;font-family:inherit;resize:vertical;min-height:80px;outline:none}.comments-section .comment-form .comment-input-container .comment-input::placeholder{color:#ffffff80}.comments-section .comment-form .comment-input-container .comment-input:disabled{opacity:.6;cursor:not-allowed}.comments-section .comment-form .comment-input-container .input-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.comments-section .comment-form .comment-input-container .input-footer .char-counter{color:#fff9;font-size:12px}.comments-section .comment-form .comment-input-container .input-footer .submit-btn{background:#ed30ff;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;min-width:100px}.comments-section .comment-form .comment-input-container .input-footer .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #9d50bb66}.comments-section .comment-form .comment-input-container .input-footer .submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.comments-section .login-prompt{background:rgba(31,3,43,.6);border:2px dashed rgba(157,80,187,.3);border-radius:16px;padding:32px;text-align:center;margin-bottom:32px}.comments-section .login-prompt p{color:#ffffffb3;font-size:16px;margin:0}.comments-section .error-message{background:rgba(220,53,69,.1);border:1px solid rgba(220,53,69,.3);border-radius:12px;padding:16px;margin-bottom:20px;color:#ff6b6b;font-size:14px;text-align:center}.comments-section .comments-list .loading-state{display:flex;flex-direction:column;align-items:center;padding:40px;color:#ffffffb3}.comments-section .comments-list .loading-state .spinner{width:32px;height:32px;border:3px solid rgba(157,80,187,.2);border-top:3px solid #9D50BB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.comments-section .comments-list .empty-state{text-align:center;padding:40px;color:#fff9;font-style:italic}.comments-section .comments-list .comment-item{background:rgba(31,3,43,.6);border:1px solid rgba(157,80,187,.2);border-radius:16px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.comments-section .comments-list .comment-item:hover{border-color:#9d50bb66;transform:translateY(-2px);box-shadow:0 8px 25px #1f032b4d}.comments-section .comments-list .comment-item .comment-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.comments-section .comments-list .comment-item .comment-header .author-info{display:flex;align-items:center;gap:12px}.comments-section .comments-list .comment-item .comment-header .author-info .author-avatar,.comments-section .comments-list .comment-item .comment-header .author-info .author-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0}.comments-section .comments-list .comment-item .comment-header .author-info .author-avatar{object-fit:cover;border:2px solid rgba(157,80,187,.3)}.comments-section .comments-list .comment-item .comment-header .author-info .author-avatar-placeholder{background:linear-gradient(135deg,#6A0DAD 0%,#DA2F68 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;border:2px solid rgba(157,80,187,.3)}.comments-section .comments-list .comment-item .comment-header .author-info .author-details{display:flex;flex-direction:column;gap:2px}.comments-section .comments-list .comment-item .comment-header .author-info .author-details .author-name{color:#fff;font-weight:600;font-size:14px}.comments-section .comments-list .comment-item .comment-header .author-info .author-details .comment-date{color:#ffffff80;font-size:12px}.comments-section .comments-list .comment-item .comment-header .comment-actions{display:flex;gap:8px}.comments-section .comments-list .comment-item .comment-header .comment-actions button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;cursor:pointer;transition:all .3s ease}.comments-section .comments-list .comment-item .comment-header .comment-actions button:hover{background:rgba(255,255,255,.2)}.comments-section .comments-list .comment-item .comment-header .comment-actions button.edit-btn:hover{background:rgba(40,167,69,.2);border-color:#28a74566}.comments-section .comments-list .comment-item .comment-header .comment-actions button.delete-btn:hover{background:rgba(220,53,69,.2);border-color:#dc354566}.comments-section .comments-list .comment-item .comment-header .comment-actions button.save-btn{background:rgba(40,167,69,.2);border-color:#28a74566}.comments-section .comments-list .comment-item .comment-header .comment-actions button.save-btn:hover{background:rgba(40,167,69,.3)}.comments-section .comments-list .comment-item .comment-header .comment-actions button.cancel-btn{background:rgba(108,117,125,.2);border-color:#6c757d66}.comments-section .comments-list .comment-item .comment-header .comment-actions button.cancel-btn:hover{background:rgba(108,117,125,.3)}.comments-section .comments-list .comment-item .comment-content .edit-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#fff;font-family:inherit;font-size:14px;resize:vertical;min-height:60px}.comments-section .comments-list .comment-item .comment-content .edit-input:focus{outline:none;border-color:#9d50bb99}.comments-section .comments-list .comment-item .comment-content p{color:#ffffffe6;line-height:1.6;margin:0;font-size:14px;word-wrap:break-word}.comments-section .comments-list .comment-item .edited-indicator{color:#fff6;font-size:11px;font-style:italic;margin-top:8px;text-align:right}@media only screen and (max-width: 767px){.comments-section{margin:24px 0}.comments-section .comments-header h3{font-size:20px}.comments-section .comment-form .comment-input-container{padding:16px}.comments-section .comment-form .comment-input-container .comment-input{font-size:14px;min-height:60px}.comments-section .comment-form .comment-input-container .input-footer{flex-direction:column;gap:12px;align-items:stretch}.comments-section .comment-form .comment-input-container .input-footer .submit-btn{width:100%}.comments-section .comments-list .comment-item{padding:16px}.comments-section .comments-list .comment-item .comment-header{flex-direction:column;gap:12px}.comments-section .comments-list .comment-item .comment-header .comment-actions{align-self:flex-end}}:root{--details-bg: rgba(27, 6, 36, .98);--details-card: rgba(74, 13, 99, .15);--details-surface: rgba(157, 80, 187, .08);--details-border: rgba(237, 48, 255, .2);--details-text: #ffffff;--details-text-muted: rgba(255, 255, 255, .7)}.detailsPage{min-height:100vh;background:transparent;padding:0}.detailsPage .servers-container{margin:32px auto;max-width:1000px;padding:0 20px}.detailsPage .servers-container .servers-wrapper{background:var(--details-card);border-radius:12px;padding:24px;border:1px solid var(--details-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detailsPage .servers-container .servers-title{color:var(--details-text);font-size:20px;font-weight:600;text-align:center;margin-bottom:24px;text-transform:uppercase;letter-spacing:.5px}.detailsPage .servers-container .servers-title:after{content:"";display:block;width:40px;height:2px;background:var(--pink);margin:12px auto 0;border-radius:1px}.detailsPage .servers-container .servers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}@media (max-width: 768px){.detailsPage .servers-container .servers-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}}.detailsPage .servers-container .server-button{padding:16px 20px;background:var(--primary);border:1px solid var(--details-border);border-radius:8px;color:var(--details-text);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:center}.detailsPage .servers-container .server-button:hover{background:var(--black);border-color:var(--pink);transform:translateY(-1px)}.detailsPage .servers-container .server-button.active{background:var(--pink);border-color:var(--pink);color:#fff}.detailsPage .servers-container .server-button .server-label{font-size:14px;font-weight:600;display:block}.detailsPage .servers-container .server-button small{display:block;font-size:11px;opacity:.7;margin-top:4px;font-weight:400}@media (max-width: 768px){.detailsPage .servers-container .server-button{padding:12px 16px;font-size:13px}}.detailsPage .seasons-episodes-container{margin:32px auto;max-width:1200px;padding:0 20px}.detailsPage .seasons-episodes-container .seasons-wrapper{background:var(--details-card);border-radius:12px;padding:24px;border:1px solid var(--details-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detailsPage .seasons-episodes-container .seasons-title{color:var(--details-text);font-size:22px;font-weight:600;text-align:center;margin-bottom:32px;text-transform:uppercase;letter-spacing:.5px}.detailsPage .seasons-episodes-container .seasons-title:after{content:"";display:block;width:50px;height:2px;background:var(--pink);margin:12px auto 0;border-radius:1px}.detailsPage .seasons-episodes-container .seasons-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:32px}.detailsPage .seasons-episodes-container .seasons-grid .season-button{padding:12px 24px;background:var(--details-surface);border:1px solid var(--details-border);border-radius:20px;color:var(--details-text);font-weight:500;font-size:13px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;min-width:100px;text-align:center}.detailsPage .seasons-episodes-container .seasons-grid .season-button:hover{background:rgba(237,48,255,.1);border-color:var(--pink);transform:translateY(-1px)}.detailsPage .seasons-episodes-container .seasons-grid .season-button.active{background:var(--pink);border-color:var(--pink);color:#fff}@media (max-width: 768px){.detailsPage .seasons-episodes-container .seasons-grid .season-button{padding:10px 20px;font-size:12px;min-width:80px}}.detailsPage .seasons-episodes-container .episodes-title{color:var(--details-text);font-size:16px;font-weight:500;text-align:center;margin-bottom:20px;opacity:.8}.detailsPage .seasons-episodes-container .episodes-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-height:400px;overflow-y:auto;padding:20px;background:rgba(0,0,0,.1);border-radius:8px;border:1px solid var(--details-border)}.detailsPage .seasons-episodes-container .episodes-grid::-webkit-scrollbar{width:4px}.detailsPage .seasons-episodes-container .episodes-grid::-webkit-scrollbar-track{background:var(--details-border);border-radius:4px}.detailsPage .seasons-episodes-container .episodes-grid::-webkit-scrollbar-thumb{background:var(--pink);border-radius:4px}.detailsPage .seasons-episodes-container .episodes-grid::-webkit-scrollbar-thumb:hover{background:rgba(237,48,255,.8)}@media (max-width: 768px){.detailsPage .seasons-episodes-container .episodes-grid{gap:8px;padding:15px}}.detailsPage .player-container{margin:32px auto;max-width:1200px;padding:0 20px}.detailsPage .player-container .player-wrapper{background:var(--details-card);border-radius:12px;overflow:hidden;border:1px solid var(--details-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detailsPage .player-container .player-header{background:var(--details-surface);padding:16px 20px;border-bottom:1px solid var(--details-border);display:flex;align-items:center;justify-content:space-between}.detailsPage .player-container .player-header .header-left{display:flex;align-items:center;gap:12px}.detailsPage .player-container .player-header .header-left .live-indicator{width:6px;height:6px;border-radius:50%;background:#ff4757}.detailsPage .player-container .player-header .header-left .title{color:var(--details-text);font-size:16px;font-weight:500}.detailsPage .player-container .player-header .header-right{display:flex;align-items:center;gap:8px}.detailsPage .player-container .player-header .header-right .quality-badge{background:var(--pink);color:#fff;padding:6px 12px;border-radius:12px;font-size:10px;font-weight:500;border:1px solid var(--details-border)}.detailsPage .player-container .video-container{position:relative;padding-bottom:56.25%;height:0;background:#000}.detailsPage .player-container .video-container iframe,.detailsPage .player-container .video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.detailsPage .player-container .video-container .loading-overlay,.detailsPage .player-container .video-container .error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--details-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--details-text);text-align:center;padding:40px}.detailsPage .player-container .video-container .loading-overlay .loading-spinner{width:40px;height:40px;border:2px solid var(--details-border);border-top:2px solid var(--pink);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.detailsPage .player-container .video-container .loading-overlay .loading-text{font-size:14px;color:var(--details-text-muted);font-weight:400}.detailsPage .player-container .video-container .error-overlay .error-icon{font-size:48px;margin-bottom:20px;opacity:.6}.detailsPage .player-container .video-container .error-overlay .error-title{font-size:18px;font-weight:600;margin-bottom:12px;color:#ff6b6b}.detailsPage .player-container .video-container .error-overlay .error-message{font-size:14px;color:var(--details-text-muted);line-height:1.5}.detailsPage .episode-circle{width:50px!important;height:50px!important;border-radius:12px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;font-weight:700!important;position:relative!important;background:var(--details-surface)!important;border:2px solid var(--details-border)!important;color:var(--details-text)!important;cursor:pointer!important;transition:all .2s ease!important}.detailsPage .episode-circle.circle{border-radius:50%!important}.detailsPage .episode-circle:hover{transform:scale(1.1)!important;background:rgba(237,48,255,.1)!important;border-color:var(--pink)!important;box-shadow:0 4px 12px #ed30ff4d!important;color:var(--pink)!important}.detailsPage .episode-circle.active{background:var(--pink)!important;border-color:var(--pink)!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 4px 16px #ed30ff80!important}@media (max-width: 768px){.detailsPage .episode-circle{width:40px!important;height:40px!important;font-size:14px!important}}.detailsPage .next-episode-simple{margin-top:24px;padding:20px;background:var(--details-surface);border-radius:8px;border:1px solid var(--details-border);text-align:center}.detailsPage .next-episode-simple .next-info{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px}.detailsPage .next-episode-simple .next-info .next-label{color:var(--details-text-muted);font-size:14px;font-weight:400}.detailsPage .next-episode-simple .next-info .next-title{color:var(--pink);font-size:14px;font-weight:600}.detailsPage .next-episode-simple .next-info .next-date{color:var(--details-text);font-size:14px;font-weight:500;background:var(--details-surface);padding:4px 12px;border-radius:12px;border:1px solid var(--details-border)}.detailsPage .next-episode-simple .next-info.ended .next-label{color:#ff6b6b;font-weight:500}@media (max-width: 768px){.detailsPage .next-episode-simple .next-info{flex-direction:column;gap:4px}.detailsPage .next-episode-simple .next-info .next-label,.detailsPage .next-episode-simple .next-info .next-title,.detailsPage .next-episode-simple .next-info .next-date{font-size:13px}}@media (max-width: 768px){.detailsPage .servers-container,.detailsPage .seasons-episodes-container,.detailsPage .player-container{margin:20px 16px}.detailsPage .servers-container .servers-wrapper,.detailsPage .servers-container .seasons-wrapper,.detailsPage .servers-container .player-wrapper,.detailsPage .seasons-episodes-container .servers-wrapper,.detailsPage .seasons-episodes-container .seasons-wrapper,.detailsPage .seasons-episodes-container .player-wrapper,.detailsPage .player-container .servers-wrapper,.detailsPage .player-container .seasons-wrapper,.detailsPage .player-container .player-wrapper{padding:16px}}.player-header-bar{position:fixed;top:80px;left:0;width:100vw;z-index:999;margin:0}.player-iframe-fullscreen{position:fixed;top:128px;left:0;width:100vw;height:calc(100vh - 128px);border:none;z-index:998;background:#000}.video-player-loading{animation:spin 1s linear infinite}iframe:fullscreen{width:100vw!important;height:100vh!important;background:#000;border:none!important;margin:0!important;padding:0!important;top:0!important;left:0!important;z-index:9999!important}iframe[src*=supervideo]{pointer-events:auto!important;z-index:auto!important;isolation:auto!important}iframe[src*=supervideo]:fullscreen{pointer-events:auto!important}iframe:-webkit-full-screen{width:100vw!important;height:100vh!important;background:#000;border:none!important;margin:0!important;padding:0!important;top:0!important;left:0!important;z-index:9999!important}iframe:-moz-full-screen{width:100vw!important;height:100vh!important;background:#000;border:none!important;margin:0!important;padding:0!important;top:0!important;left:0!important;z-index:9999!important}iframe:-ms-fullscreen{width:100vw!important;height:100vh!important;background:#000;border:none!important;margin:0!important;padding:0!important;top:0!important;left:0!important;z-index:9999!important}video:fullscreen{width:100vw!important;height:100vh!important;object-fit:contain;background:#000}video:-webkit-full-screen{width:100vw!important;height:100vh!important;object-fit:contain;background:#000}video:-moz-full-screen{width:100vw!important;height:100vh!important;object-fit:contain;background:#000}video:-ms-fullscreen{width:100vw!important;height:100vh!important;object-fit:contain;background:#000}.player-container:fullscreen{background:#000!important;border-radius:0!important;max-width:none!important;margin:0!important}.player-container:-webkit-full-screen{background:#000!important;border-radius:0!important;max-width:none!important;margin:0!important}.player-container:-moz-full-screen{background:#000!important;border-radius:0!important;max-width:none!important;margin:0!important}.player-container:-ms-fullscreen{background:#000!important;border-radius:0!important;max-width:none!important;margin:0!important}.language-flag{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:none;background:linear-gradient(135deg,rgba(237,48,255,.15),rgba(237,48,255,.05));border:1px solid rgba(237,48,255,.3);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ed30ff33;position:relative;overflow:hidden}.language-flag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(237,48,255,.3),transparent);transition:left .5s}.language-flag:hover:before{left:100%}.language-flag.flag-only{padding:.4rem;gap:0;background:linear-gradient(135deg,rgba(237,48,255,.1),rgba(237,48,255,.05));border-radius:50%;min-width:2.5rem;min-height:2.5rem}.language-flag.flag-only .flag-container .flag-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.language-flag.with-label{gap:.6rem;padding:.5rem 1rem;min-height:2.5rem}.language-flag.small{padding:.3rem .6rem;font-size:.65rem;border-radius:15px;min-height:2rem}.language-flag.small .flag-container .flag-svg{width:1.1rem;height:.7rem;border-radius:2px}.language-flag.small .flag-label{font-size:.65rem}.language-flag.small.with-label{padding:.35rem .7rem;gap:.5rem}.language-flag.small.flag-only{padding:.3rem;border-radius:50%;min-width:2rem;min-height:2rem}.language-flag.small.flag-only .flag-container .flag-svg{width:1.2rem;height:.8rem}.language-flag.medium{padding:.4rem .8rem;font-size:.8rem;border-radius:18px;min-height:2.8rem}.language-flag.medium .flag-container .flag-svg{width:1.4rem;height:.9rem;border-radius:3px}.language-flag.medium .flag-label{font-size:.75rem}.language-flag.medium.with-label{padding:.45rem .9rem;gap:.6rem}.language-flag.medium.flag-only{padding:.4rem;border-radius:50%;min-width:2.8rem;min-height:2.8rem}.language-flag.medium.flag-only .flag-container .flag-svg{width:1.5rem;height:1rem}.language-flag.large{padding:.5rem 1rem;font-size:.85rem;border-radius:22px;min-height:3.2rem}.language-flag.large .flag-container .flag-svg{width:1.6rem;height:1rem;border-radius:4px}.language-flag.large .flag-label{font-size:.85rem}.language-flag.large.with-label{padding:.6rem 1.2rem;gap:.7rem}.language-flag.large.flag-only{padding:.5rem;border-radius:50%;min-width:3.2rem;min-height:3.2rem}.language-flag.large.flag-only .flag-container .flag-svg{width:1.8rem;height:1.2rem}.language-flag .flag-container{display:flex;align-items:center;justify-content:center}.language-flag .flag-container .flag-svg{width:1.4rem;height:.9rem;border-radius:3px;box-shadow:0 2px 6px #00000040;border:1px solid rgba(255,255,255,.3);transition:transform .2s ease}.language-flag .flag-label{line-height:1;font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:none;text-shadow:0 1px 2px rgba(0,0,0,.2)}.language-flag.latino{background:linear-gradient(135deg,#ed30ff 0%,#c026d3 50%,#a21caf 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.latino:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.latino:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.espanol{background:linear-gradient(135deg,#ed30ff 0%,#d946ef 50%,#c026d3 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.espanol:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.espanol:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.subtitulado{background:linear-gradient(135deg,#ed30ff 0%,#c026d3 50%,#9333ea 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.subtitulado:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#7c2d12 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.subtitulado:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.ingles{background:linear-gradient(135deg,#ed30ff 0%,#c026d3 50%,#a21caf 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.ingles:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.ingles:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.portugues{background:linear-gradient(135deg,#ed30ff 0%,#d946ef 50%,#c026d3 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40;color:#fff}.language-flag.portugues:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.portugues:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.frances{background:linear-gradient(135deg,#ed30ff 0%,#c026d3 50%,#9333ea 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.frances:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.frances:hover .flag-container .flag-svg{transform:scale(1.05)}.language-flag.default{background:linear-gradient(135deg,#ed30ff 0%,#c026d3 50%,#a21caf 100%);border-color:#ed30ff66;box-shadow:0 4px 15px #ed30ff40}.language-flag.default:hover{background:linear-gradient(135deg,#c026d3 0%,#a21caf 50%,#86198f 100%);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #c226d366}.language-flag.default:hover .flag-container .flag-svg{transform:scale(1.05)}@keyframes flagFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.language-flag{animation:flagFadeIn .3s ease-out}.player-page{min-height:100vh;background:#0a0a0a;color:#fff;padding:0;overflow-x:hidden}@media (min-width: 769px){.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .lang-text{display:inline}}.player-page .player-header-bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(157,80,187,.2);position:fixed;top:80px;left:0;right:0;z-index:100;gap:1rem;min-height:50px;box-shadow:0 2px 20px #00000080}.player-page .player-header-bar .header-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.player-page .player-header-bar .header-left .back-btn{display:flex;align-items:center;gap:.4rem;background:rgba(157,80,187,.15);border:1px solid rgba(157,80,187,.3);color:#fff;padding:.4rem .8rem;border-radius:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.8rem;font-weight:500}.player-page .player-header-bar .header-left .back-btn:hover{background:rgba(157,80,187,.25);border-color:#9d50bb80;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #9d50bb4d}.player-page .player-header-bar .header-left .back-btn svg{width:14px;height:14px}.player-page .player-header-bar .header-left .title-info{flex:1;overflow:hidden}.player-page .player-header-bar .header-left .title-info h1{font-size:.9rem;margin:0;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;color:#fffffff2}.player-page .player-header-bar .header-left .title-info .episode-info{color:#ed30ff;font-size:.7rem;font-weight:500;margin-top:1px}.player-page .player-header-bar .header-controls{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.player-page .player-header-bar .header-controls .control-label{color:#ed30ff;font-size:.7rem;font-weight:600;margin-right:.4rem}.player-page .player-header-bar .header-controls .header-servers{display:flex;align-items:center;gap:.4rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline{display:flex;gap:.3rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.25rem .5rem;border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.7rem;font-weight:500;min-width:auto;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .flag-icon{font-size:1.1rem;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .lang-text{font-weight:600;letter-spacing:.3px}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .language-flag{margin:0}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .language-flag.small .flag-container .flag-svg{width:.9rem;height:.6rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .language-flag.small .flag-label{font-size:.6rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header:hover{transform:translateY(-1px)}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header:hover .language-flag{transform:translateY(-2px) scale(1.05)}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header.active .language-flag{transform:scale(1.1);box-shadow:0 6px 20px #ed30ff66}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header.active .language-flag:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#ed30ff,#c026d3);border-radius:inherit;z-index:-1;opacity:.8}.player-page .player-header-bar .header-controls .current-episode-info{display:flex;align-items:center}.player-page .player-header-bar .header-controls .current-episode-info .episode-label{background:rgba(237,48,255,.15);border:1px solid rgba(237,48,255,.3);color:#ed30ff;padding:.4rem .8rem;border-radius:.4rem;font-size:.8rem;font-weight:600;letter-spacing:.5px}.player-page .player-header-bar .header-right{flex-shrink:0;display:flex;align-items:center;gap:.6rem}.player-page .player-header-bar .header-right .fullscreen-btn{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.4rem;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.player-page .player-header-bar .header-right .fullscreen-btn:hover{background:rgba(237,48,255,.2);border-color:#ed30ff66;transform:scale(1.05);box-shadow:0 4px 12px #ed30ff4d}.player-page .player-header-bar .header-right .fullscreen-btn svg{width:16px;height:16px}.player-page .player-header-bar .header-right .quality-badge{background:linear-gradient(135deg,#ed30ff,#c026d3);padding:.2rem .6rem;border-radius:12px;font-size:.7rem;font-weight:600;box-shadow:0 2px 8px #ed30ff4d}.player-page .extended-controls{padding:2rem;max-width:1400px;margin:60px auto 20px}.player-page .extended-controls .seasons-selector-section{margin-bottom:3rem}.player-page .extended-controls .seasons-selector-section h3{color:#ed30ff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-align:center}.player-page .extended-controls .seasons-selector-section.single-season{margin-bottom:2rem}.player-page .extended-controls .seasons-selector-section.single-season h3{margin-bottom:1rem;font-size:1rem}.player-page .extended-controls .seasons-selector-section.single-season .seasons-grid .season-button{cursor:default;transform:none!important}.player-page .extended-controls .seasons-selector-section.single-season .seasons-grid .season-button:hover{transform:none!important}.player-page .extended-controls .seasons-selector-section .seasons-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;max-width:600px;margin:0 auto}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button{background:rgba(255,255,255,.05);border:1px solid rgba(237,48,255,.3);color:#fff;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;gap:.3rem;min-width:140px}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button:hover{background:rgba(237,48,255,.1);border-color:#ed30ff99;transform:translateY(-1px)}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button.active{background:linear-gradient(135deg,rgba(237,48,255,.2),rgba(192,38,211,.2));border-color:#ed30ff;box-shadow:0 2px 8px #ed30ff66;transform:scale(1.02)}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button .season-number{font-size:.95rem;font-weight:700;color:#ed30ff}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button .season-info{font-size:.75rem;color:#ffffffb3}.player-page .extended-controls .all-episodes-section h3{color:#ed30ff;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600;text-align:center}.player-page .extended-controls .all-episodes-section .episodes-grid-extended{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-width:1200px;margin:0 auto}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended{background:rgba(255,255,255,.05);border:1px solid rgba(237,48,255,.3);color:#fff;padding:.6rem .4rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;gap:.25rem;position:relative;min-height:70px;justify-content:center}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended:hover{background:rgba(237,48,255,.1);border-color:#ed30ff99;transform:translateY(-1px)}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended.active{background:linear-gradient(135deg,rgba(237,48,255,.2),rgba(192,38,211,.2));border-color:#ed30ff;box-shadow:0 2px 8px #ed30ff66;transform:scale(1.02)}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended .episode-number{font-size:.9rem;font-weight:700;color:#ed30ff;line-height:1}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended .episode-title{font-size:.65rem;color:#ffffffb3;line-height:1.1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.player-page .main-player{margin:60px 2rem 2rem;border-radius:1rem;overflow:hidden;background:#000;box-shadow:0 10px 40px #00000080}.player-page .main-player:fullscreen,.player-page .main-player:-webkit-full-screen,.player-page .main-player:-moz-full-screen,.player-page .main-player:-ms-fullscreen{margin:0;border-radius:0;box-shadow:none;width:100vw!important;height:100vh!important}.player-page .main-player:fullscreen .player-wrapper,.player-page .main-player:-webkit-full-screen .player-wrapper,.player-page .main-player:-moz-full-screen .player-wrapper,.player-page .main-player:-ms-fullscreen .player-wrapper{padding-top:0;height:100vh}.player-page .main-player:fullscreen .player-wrapper .video-container,.player-page .main-player:-webkit-full-screen .player-wrapper .video-container,.player-page .main-player:-moz-full-screen .player-wrapper .video-container,.player-page .main-player:-ms-fullscreen .player-wrapper .video-container{border-radius:0}.player-page .main-player .player-wrapper{position:relative;width:100%;padding-top:56.25%}.player-page .main-player .player-wrapper .video-container{position:absolute;top:0;left:0;width:100%;height:100%}.player-page .main-player .player-wrapper .video-container iframe,.player-page .main-player .player-wrapper .video-container video{width:100%;height:100%;border:none;border-radius:1rem;background:#000}.player-page .main-player .player-wrapper .video-container iframe:fullscreen,.player-page .main-player .player-wrapper .video-container video:fullscreen{border-radius:0;object-fit:contain}.player-page .main-player .player-wrapper .video-container iframe:-webkit-full-screen,.player-page .main-player .player-wrapper .video-container video:-webkit-full-screen{border-radius:0;object-fit:contain}.player-page .main-player .player-wrapper .video-container iframe:-moz-full-screen,.player-page .main-player .player-wrapper .video-container video:-moz-full-screen{border-radius:0;object-fit:contain}.player-page .main-player .player-wrapper .video-container iframe:-ms-fullscreen,.player-page .main-player .player-wrapper .video-container video:-ms-fullscreen{border-radius:0;object-fit:contain}.player-page .main-player .player-wrapper .video-container .loading-overlay,.player-page .main-player .player-wrapper .video-container .error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;border-radius:1rem;z-index:10}.player-page .main-player .player-wrapper .video-container .loading-overlay .loading-spinner,.player-page .main-player .player-wrapper .video-container .error-overlay .loading-spinner{width:50px;height:50px;border:4px solid rgba(237,48,255,.3);border-top:4px solid #ed30ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.player-page .main-player .player-wrapper .video-container .loading-overlay .loading-text,.player-page .main-player .player-wrapper .video-container .error-overlay .loading-text{font-size:1.2rem;margin-bottom:.5rem;font-weight:600;color:#ed30ff}.player-page .main-player .player-wrapper .video-container .loading-overlay .loading-subtitle,.player-page .main-player .player-wrapper .video-container .error-overlay .loading-subtitle{font-size:.9rem;color:#ffffffb3;text-align:center;max-width:300px;line-height:1.4}.player-page .main-player .player-wrapper .video-container .loading-overlay .error-content,.player-page .main-player .player-wrapper .video-container .error-overlay .error-content{text-align:center}.player-page .main-player .player-wrapper .video-container .loading-overlay .error-content p,.player-page .main-player .player-wrapper .video-container .error-overlay .error-content p{color:#ffffffb3;margin-bottom:1rem}.player-page .main-player .player-wrapper .video-container .loading-overlay .error-content .retry-button,.player-page .main-player .player-wrapper .video-container .error-overlay .error-content .retry-button{background:linear-gradient(135deg,#ed30ff,#c026d3);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s ease}.player-page .main-player .player-wrapper .video-container .loading-overlay .error-content .retry-button:hover,.player-page .main-player .player-wrapper .video-container .error-overlay .error-content .retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ed30ff66}.player-page .movie-player-content{display:flex;flex-direction:column;min-height:calc(100vh - 130px);padding:1rem;gap:2rem;background:linear-gradient(135deg,rgba(10,10,10,.95) 0%,rgba(31,3,43,.9) 50%,rgba(10,10,10,.85) 100%)}@media (max-width: 768px){.player-page .movie-player-content{padding:.5rem;gap:1rem;min-height:calc(100vh - 140px)}}.player-page .fixed-movie-player{max-width:900px;width:100%;margin:0 auto 2rem;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #ed30ff33,0 4px 16px #0000004d,inset 0 0 0 1px #ed30ff1a;background:#000;border:2px solid rgba(237,48,255,.3)}@media (max-width: 1024px){.player-page .fixed-movie-player{max-width:800px}}@media (max-width: 768px){.player-page .fixed-movie-player{max-width:100%;margin:0 auto 1.5rem;border-radius:8px}}.player-page .fixed-movie-player{margin-top:0!important;margin-left:auto!important;margin-right:auto!important}.player-page .fixed-movie-player:fullscreen,.player-page .fixed-movie-player:-webkit-full-screen,.player-page .fixed-movie-player:-moz-full-screen,.player-page .fixed-movie-player:-ms-fullscreen{max-width:100vw;width:100vw;height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.player-page .fixed-movie-player .player-wrapper{position:relative;width:100%;padding-top:56.25%}.player-page .fixed-movie-player .player-wrapper .video-container iframe,.player-page .fixed-movie-player .player-wrapper .video-container video{border-radius:0}.player-page .movie-info-section{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:900px;width:100%;margin:0 auto}@media (max-width: 768px){.player-page .movie-info-section{gap:1rem}}.player-page .movie-details-card{background:rgba(0,0,0,.7);border:1px solid rgba(237,48,255,.3);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}@media (max-width: 768px){.player-page .movie-details-card{padding:1.5rem;border-radius:8px}}.player-page .movie-details-card .movie-header-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.player-page .movie-details-card .movie-header-info .movie-title{font-size:2rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(90deg,#ed30ff,#c026d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.player-page .movie-details-card .movie-header-info .movie-title{font-size:1.6rem}}.player-page .movie-details-card .movie-header-info .movie-metadata{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.player-page .movie-details-card .movie-header-info .movie-metadata .release-year,.player-page .movie-details-card .movie-header-info .movie-metadata .rating{display:inline-block;background:rgba(237,48,255,.2);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid rgba(237,48,255,.4)}.player-page .movie-details-card .movie-header-info .movie-metadata .genres{display:flex;flex-wrap:wrap;gap:.5rem}.player-page .movie-details-card .movie-header-info .movie-metadata .genres .genre-tag{background:rgba(255,255,255,.1);color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2)}.player-page .movie-details-card .movie-overview{margin-bottom:1.5rem}.player-page .movie-details-card .movie-overview h3{color:#ed30ff;font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.player-page .movie-details-card .movie-overview p{color:#fffc;line-height:1.6;font-size:.95rem}.player-page .movie-details-card .player-details{display:flex;flex-direction:column;gap:1rem}.player-page .movie-details-card .player-details .player-info{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.player-page .movie-details-card .player-details .player-info .player-type,.player-page .movie-details-card .player-details .player-info .quality-info{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;background:rgba(237,48,255,.9);color:#fff;border:1px solid rgba(237,48,255,.6)}.player-page .movie-details-card .player-details .episode-details .current-episode{background:rgba(0,0,0,.6);color:#ed30ff;padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:600;border:1px solid rgba(237,48,255,.4);display:inline-block}.player-page.error{display:flex;align-items:center;justify-content:center;min-height:100vh}.player-page.error .error-container{text-align:center;padding:2rem}.player-page.error .error-container h2{color:#ed30ff;margin-bottom:1rem}.player-page.error .error-container p{color:#ffffffb3;margin-bottom:2rem}.player-page.error .error-container .back-button{background:linear-gradient(135deg,#ed30ff,#c026d3);border:none;color:#fff;padding:1rem 2rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:all .3s ease}.player-page.error .error-container .back-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ed30ff66}@media only screen and (max-width: 767px){.player-page .player-header-bar{padding:.4rem 1rem;flex-wrap:wrap;gap:.5rem;min-height:44px}.player-page .player-header-bar .header-left{flex:1;min-width:0}.player-page .player-header-bar .header-left .back-btn{padding:.3rem .6rem;font-size:.7rem}.player-page .player-header-bar .header-left .back-btn svg{width:12px;height:12px}.player-page .player-header-bar .header-left .title-info h1{font-size:.8rem;max-width:150px}.player-page .player-header-bar .header-left .title-info .episode-info{font-size:.65rem}.player-page .player-header-bar .header-controls{flex:1;justify-content:center;gap:.4rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline{flex-wrap:wrap;justify-content:center;gap:.25rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header{padding:.2rem .4rem;font-size:.65rem;border-radius:12px}.player-page .player-header-bar .header-controls .current-episode-info .episode-label{font-size:.65rem;padding:.25rem .5rem;border-radius:10px}.player-page .player-header-bar .header-right{gap:.4rem}.player-page .player-header-bar .header-right .fullscreen-btn{padding:.3rem}.player-page .player-header-bar .header-right .fullscreen-btn svg{width:14px;height:14px}.player-page .player-header-bar .header-right .quality-badge{padding:.15rem .4rem;font-size:.65rem}.player-page .extended-controls{padding:1rem}.player-page .extended-controls .seasons-selector-section{margin-bottom:2rem}.player-page .extended-controls .seasons-selector-section .seasons-grid{flex-direction:column;gap:.5rem}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button{padding:.75rem;min-width:auto}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button .season-number{font-size:.9rem}.player-page .extended-controls .seasons-selector-section .seasons-grid .season-button .season-info{font-size:.7rem}.player-page .extended-controls .all-episodes-section .episodes-grid-extended{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended{padding:.5rem .3rem;min-height:60px}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended .episode-number{font-size:.8rem}.player-page .extended-controls .all-episodes-section .episodes-grid-extended .episode-button-extended .episode-title{font-size:.6rem;-webkit-line-clamp:1;line-clamp:1}.player-page .main-player{margin:50px 1rem 1rem;border-radius:.5rem}.player-page .fixed-movie-player{margin:0 auto 1rem!important;border-radius:.5rem}.player-page .movie-player-content{padding:.5rem;gap:1rem;min-height:calc(100vh - 120px)}.player-page .movie-details-card{padding:1rem;border-radius:.5rem}.player-page .movie-details-card .movie-header-info .movie-title{font-size:1.4rem}.player-page .movie-details-card .movie-header-info .movie-metadata{gap:.5rem}.player-page .movie-details-card .movie-header-info .movie-metadata .release-year,.player-page .movie-details-card .movie-header-info .movie-metadata .rating{font-size:.75rem;padding:.3rem .6rem}.player-page .movie-details-card .movie-header-info .movie-metadata .genres .genre-tag{font-size:.7rem;padding:.25rem .5rem}.player-page .movie-details-card .movie-overview h3{font-size:1rem}.player-page .movie-details-card .movie-overview p{font-size:.9rem}.player-page .movie-details-card .player-details .player-info{gap:.5rem}.player-page .movie-details-card .player-details .player-info .player-type,.player-page .movie-details-card .player-details .player-info .quality-info{font-size:.75rem;padding:.4rem .8rem}.player-page .movie-details-card .player-details .episode-details .current-episode{font-size:.8rem;padding:.5rem 1rem}.player-page .extended-controls{margin:50px auto 20px;padding:1rem}}@media only screen and (max-width: 1023px){.player-page .player-header-bar{margin-top:.5rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .lang-text{display:inline}.player-page .player-header-bar .header-controls .current-episode-info .episode-label{font-size:.75rem;padding:.35rem .7rem}.player-page .main-player{margin:1.5rem;border-radius:.75rem}}@media (max-width: 768px){.player-page .player-header-bar{top:120px}}@media (max-width: 480px){.player-page .player-header-bar{padding:.75rem 1rem;gap:.75rem;top:135px}.player-page .player-header-bar .header-left .back-btn{padding:.4rem .8rem;font-size:.8rem}.player-page .player-header-bar .header-left .back-btn svg{width:14px;height:14px}.player-page .player-header-bar .header-left .title-info h1{font-size:.9rem;max-width:150px}.player-page .player-header-bar .header-left .title-info .episode-info{font-size:.7rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline{flex-wrap:wrap;gap:.4rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header{padding:.4rem .8rem;font-size:.75rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .flag-icon{font-size:.8rem}.player-page .player-header-bar .header-controls .header-servers .servers-inline .server-btn-header .lang-text{display:none}.player-page .player-header-bar .header-controls .header-episodes .seasons-inline,.player-page .player-header-bar .header-controls .header-episodes .episodes-inline{max-width:200px}}.player-page.modern-layout{min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:80px 0 0;margin:0}.modern-player-container{display:grid;grid-template-columns:350px 1fr;grid-template-rows:1fr;min-height:calc(100vh - 80px);gap:0}@media (max-width: 1200px){.modern-player-container{grid-template-columns:320px 1fr}}@media (max-width: 768px){.modern-player-container{display:flex;flex-direction:column}}.player-sidebar{background:rgba(16,16,30,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);padding:24px;overflow-y:auto;position:relative}@media (max-width: 768px){.player-sidebar{padding:16px;order:2}}.modern-back-btn{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:24px;width:fit-content}.modern-back-btn svg{width:16px;height:16px}.modern-back-btn:hover{background:rgba(255,255,255,.15);border-color:#ffffff4d;transform:translate(-2px)}.content-info{margin-bottom:32px}.content-header{margin-bottom:16px}.content-header .content-title{font-size:24px;font-weight:700;line-height:1.3;margin:0 0 8px;color:#fff}.content-header .episode-badge{display:inline-block;background:linear-gradient(135deg,#ed30ff 0%,#a855f7 100%);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.content-metadata{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.content-metadata .meta-item{display:flex;align-items:center;gap:6px;color:#a0a0a0;font-size:14px}.content-metadata .meta-item svg{width:14px;height:14px}.content-metadata .meta-item.rating{color:gold}.content-genres{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.content-genres .genre-chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500}.content-overview h3{font-size:16px;font-weight:600;margin:0 0 12px;color:#fff}.content-overview p{color:#b0b0b0;line-height:1.6;font-size:14px;margin:0}.server-selection{margin-bottom:24px}.server-selection h3{font-size:16px;font-weight:600;margin:0 0 16px;color:#fff}.server-options{display:flex;flex-direction:column;gap:8px}.server-option{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%}.server-option:hover{background:rgba(255,255,255,.1);border-color:#fff3}.server-option.active{background:linear-gradient(135deg,#ed30ff 0%,#a855f7 100%);border-color:#ed30ff;box-shadow:0 4px 15px #ed30ff4d}.server-option .server-icon svg{width:20px;height:20px}.server-option .server-info{flex:1;display:flex;flex-direction:column;gap:2px}.server-option .server-info .server-name{font-size:14px;font-weight:500}.server-option .server-info .server-lang{font-size:12px;opacity:.8}.server-option .server-active svg{width:16px;height:16px;color:#fff}.player-status{display:flex;flex-direction:column;gap:12px;padding:16px;background:rgba(255,255,255,.05);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.status-item{display:flex;justify-content:space-between;align-items:center}.status-item .status-label{font-size:14px;color:#a0a0a0}.status-item .status-value{font-size:14px;font-weight:500;color:#fff}.status-item .status-value.quality-hd{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:4px 8px;border-radius:6px;font-size:12px}.main-player-area{display:flex;flex-direction:column;background:#000000;position:relative}@media (max-width: 768px){.main-player-area{order:1}}.player-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.player-header{padding:16px 20px}}.player-header .player-title h2{font-size:20px;font-weight:600;margin:0 0 4px;color:#fff}@media (max-width: 768px){.player-header .player-title h2{font-size:18px}}.player-header .player-title .episode-info{font-size:14px;color:#a0a0a0}.player-header .player-controls{display:flex;gap:12px}.player-header .control-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease}.player-header .control-btn svg{width:18px;height:18px}.player-header .control-btn:hover{background:rgba(255,255,255,.2)}.video-player-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;min-height:70vh}@media (max-width: 768px){.video-player-wrapper{padding:16px;min-height:50vh}}.video-container{width:100%;max-width:1200px;aspect-ratio:16/9;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.video-container iframe{width:100%;height:100%;border:none}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-overlay .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay .loading-text{font-size:16px;font-weight:500;color:#fff}.error-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center}.error-overlay .error-content{text-align:center;color:#fff}.error-overlay .error-content svg{width:48px;height:48px;color:#ff6b6b;margin-bottom:16px}.error-overlay .error-content h3{font-size:18px;margin:0 0 8px}.error-overlay .error-content p{color:#a0a0a0;margin:0 0 16px}.error-overlay .error-content .retry-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.episodes-section{background:rgba(10,10,20,.95);border-top:1px solid rgba(255,255,255,.1);padding:32px}@media (max-width: 768px){.episodes-section{padding:20px;order:3}}.episodes-container{max-width:1400px;margin:0 auto}.season-selector{margin-bottom:32px}.season-selector h3{font-size:18px;font-weight:600;margin:0 0 16px;color:#fff}.season-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.season-tabs::-webkit-scrollbar{height:4px}.season-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:2px}.season-tabs::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.season-tab{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:12px 20px;border-radius:12px;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.season-tab:hover{background:rgba(255,255,255,.1)}.season-tab.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea}.season-tab .season-number{display:block;font-weight:600;font-size:14px}.season-tab .season-episodes{display:block;font-size:12px;opacity:.8;margin-top:2px}.episodes-grid h3{font-size:18px;font-weight:600;margin:0 0 20px;color:#fff}.episodes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}@media (max-width: 768px){.episodes-list{grid-template-columns:1fr}}.episode-card{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:16px;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.episode-card:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}.episode-card.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.episode-card .episode-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;font-weight:600;font-size:14px}.episode-card .episode-info{flex:1}.episode-card .episode-info .episode-title{font-size:14px;font-weight:500;margin-bottom:4px;line-height:1.3}.episode-card .episode-info .episode-meta{font-size:12px;color:#ffffffb3}.episode-card .episode-playing svg{width:16px;height:16px;color:#fff}.episode-card.active .episode-number{background:rgba(255,255,255,.2)}@media (max-width: 1024px){.modern-player-container{grid-template-columns:300px 1fr}.player-sidebar{padding:20px}}@media (max-width: 768px){.modern-player-container{display:flex;flex-direction:column}.player-sidebar{order:2;padding:16px}.main-player-area{order:1}.episodes-section{order:3}.content-header .content-title{font-size:20px}.video-player-wrapper{min-height:45vh}}.searchResultsPage{min-height:700px;padding-top:100px}.searchResultsPage .resultNotFound{font-size:24px;color:var(--black-light)}.searchResultsPage .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:25px}.searchResultsPage .content{display:flex;flex-flow:row wrap;gap:10px;margin-bottom:50px}@media only screen and (min-width: 768px){.searchResultsPage .content{gap:20px}}.searchResultsPage .content .movieCard .posterBlock{margin-bottom:20px}.loadingSpinner{width:100%;height:150px;position:relative;display:flex;align-items:center;justify-content:center}.loadingSpinner .spinner{animation:rotate 2s linear infinite;z-index:2;width:50px;height:50px}.loadingSpinner .spinner .path{stroke:#93bfec;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.loadingSpinner.initial{height:700px}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.movieCard{width:calc(50% - 5px);margin-bottom:25px;cursor:pointer;flex-shrink:0;box-sizing:border-box;min-width:0;max-width:calc(50% - 5px)}@media (max-width: 767px){.explorePage .movieCard{width:calc(50% - 2px)!important;max-width:calc(50% - 2px)!important;min-width:calc(50% - 2px)!important;flex:0 0 calc(50% - 2px)!important;margin-bottom:15px!important;box-sizing:border-box!important}.explorePage .movieCard .posterBlock{margin-bottom:8px!important}.explorePage .movieCard .posterBlock .lazy-load-image-background,.explorePage .movieCard .posterBlock .lazy-load-image-background img{border-radius:8px!important}.explorePage .movieCard .textBlock .title{font-size:12px!important;line-height:1.3!important;margin-bottom:4px!important}.explorePage .movieCard .textBlock .date{font-size:10px!important}}@media (max-width: 480px){.explorePage .movieCard{width:calc(50% - 1.5px)!important;max-width:calc(50% - 1.5px)!important;min-width:calc(50% - 1.5px)!important;flex:0 0 calc(50% - 1.5px)!important;margin-bottom:12px!important}}@media (max-width: 767px){.movieCard{width:calc(50% - 4px);max-width:calc(50% - 4px);margin-bottom:20px}}@media (max-width: 480px){.movieCard{width:calc(50% - 4px);max-width:calc(50% - 4px);margin-bottom:15px}}@media only screen and (min-width: 768px){.movieCard{width:calc(25% - 15px);max-width:calc(25% - 15px)}}@media only screen and (min-width: 1024px){.movieCard{width:calc(20% - 16px);max-width:calc(20% - 16px)}}.movieCard .posterBlock{position:relative;width:100%;aspect-ratio:1/1.5;background-size:cover;background-position:center;margin-bottom:30px;display:flex;align-items:flex-end;justify-content:space-between;padding:10px;transition:all ease .5s}.movieCard .posterBlock .lazy-load-image-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;overflow:hidden}.movieCard .posterBlock .lazy-load-image-background img{width:100%;height:100%;object-fit:cover;object-position:center}.movieCard .posterBlock .circleRating{width:40px;height:40px;position:relative;top:30px;background-color:#fff;flex-shrink:0}@media only screen and (min-width: 768px){.movieCard .posterBlock .circleRating{width:50px;height:50px}}.movieCard .posterBlock .genres{display:none;position:relative}@media only screen and (min-width: 768px){.movieCard .posterBlock .genres{display:flex;flex-flow:wrap;justify-content:flex-end}}.movieCard .textBlock{color:#fff;display:flex;flex-direction:column}.movieCard .textBlock .title{font-size:16px;margin-bottom:10px;line-height:24px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width: 768px){.movieCard .textBlock .title{font-size:20px}}.movieCard .textBlock .date{font-size:14px;opacity:.5}.movieCard:hover .posterBlock{opacity:.5}.ai-recommendation-container{width:100%;margin:25px 0;padding:0 20px}.ai-recommendation-container .ai-recommendation-card{background:#0a0a0a;border:2px solid rgba(157,80,187,.4);border-radius:20px;padding:25px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;transition:all .3s ease}.ai-recommendation-container .ai-recommendation-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9d50bb33;border-color:#9d50bb99}.ai-recommendation-container .ai-recommendation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(98.37deg,#6A0DAD .99%,#9D50BB 100%);border-radius:20px 20px 0 0}.ai-recommendation-container .ai-recommendation-card .ai-content-wrapper{display:flex;flex-direction:column;gap:20px}.ai-recommendation-container .ai-recommendation-card .ai-intro{display:flex;align-items:flex-start;gap:20px}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-avatar{position:relative;flex-shrink:0;margin-top:5px}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-avatar .ai-emoji{font-size:2.5rem;filter:drop-shadow(0 0 15px rgba(157,80,187,.6));animation:float 3s ease-in-out infinite}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-avatar .ai-pulse{position:absolute;top:-5px;right:-5px;width:15px;height:15px;background:#ed30ff;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px #ed30ff80}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-text{flex:1}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-text h3{margin:0 0 10px;color:#fff;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#9D50BB,#ed30ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-text p{color:#d0d0d0;margin:0;font-size:1rem;line-height:1.6}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn{background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);border:none;border-radius:15px;color:#fff;padding:15px 30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;position:relative;overflow:hidden}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9d50bb66;background:linear-gradient(135deg,#6A0DAD 0%,#9D50BB 100%)}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn:hover:before{left:100%}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn span{font-size:1.2rem}@media (max-width: 768px){.ai-recommendation-container{padding:0 15px;margin:20px 0}.ai-recommendation-container .ai-recommendation-card{padding:20px}.ai-recommendation-container .ai-recommendation-card .ai-intro{gap:15px}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-avatar .ai-emoji{font-size:2rem}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-text h3{font-size:1.3rem}.ai-recommendation-container .ai-recommendation-card .ai-intro .ai-text p{font-size:.95rem}.ai-recommendation-container .ai-recommendation-card .ai-trigger-btn{padding:12px 25px;font-size:1rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.ai-modal{background:linear-gradient(135deg,#1b0624 0%,#2d1b69 100%);border:2px solid rgba(157,80,187,.3);border-radius:20px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0000004d}@media (max-width: 768px){.ai-modal{max-width:95%;margin:0;border-radius:15px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-header{display:flex;align-items:center;padding:25px;border-bottom:2px solid rgba(157,80,187,.2);position:relative}.ai-header .ai-avatar{position:relative;margin-right:15px}.ai-header .ai-avatar .ai-emoji{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(157,80,187,.5))}.ai-header .ai-avatar .ai-pulse{position:absolute;top:-5px;right:-5px;width:15px;height:15px;background:#ed30ff;border-radius:50%;animation:pulse 2s infinite}.ai-header .ai-info{flex:1;color:#fff}.ai-header .ai-info .ai-info h3{margin:0;color:#fff;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#9D50BB,#ed30ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-header .ai-info .ai-status{color:#ed30ff;font-size:.9rem;font-weight:500}.ai-header .close-btn{position:absolute;top:15px;right:15px;background:rgba(157,80,187,.1);border:1px solid rgba(157,80,187,.3);border-radius:50%;width:35px;height:35px;color:#9d50bb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ai-header .close-btn:hover{background:rgba(157,80,187,.2);transform:scale(1.1)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.ai-content{padding:25px}.ai-step .ai-message{margin-bottom:25px}.ai-step .ai-message p{color:#e0e0e0;line-height:1.6;margin-bottom:15px;font-size:1rem}.ai-step .ai-message p:last-child{margin-bottom:0}.ai-step .ai-message strong{color:#9d50bb;font-weight:600}.ai-actions{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:25px}@media (max-width: 480px){.ai-actions{flex-direction:column;gap:10px}}.ai-btn{padding:12px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.ai-btn.primary{background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);color:#fff;box-shadow:0 4px 15px #9d50bb4d}.ai-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.ai-btn.primary:disabled{opacity:.5;cursor:not-allowed}.ai-btn.secondary{background:rgba(255,255,255,.1);color:#e0e0e0;border:1px solid rgba(255,255,255,.2)}.ai-btn.secondary:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.ai-btn.tertiary{background:transparent;color:#9d50bb;border:1px solid rgba(157,80,187,.5)}.ai-btn.tertiary:hover{background:rgba(157,80,187,.1);transform:translateY(-2px)}@media (max-width: 480px){.ai-btn{padding:15px;min-width:100%}}.genre-selection{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0;max-height:300px;overflow-y:scroll!important;overflow-x:hidden;padding:20px;background:rgba(0,0,0,.4);border-radius:15px;border:1px solid rgba(157,80,187,.3);-webkit-overflow-scrolling:touch;scrollbar-width:thin!important;scrollbar-color:rgba(157,80,187,.8) rgba(0,0,0,.2)}.genre-selection::-webkit-scrollbar{width:10px!important;display:block!important;visibility:visible!important}.genre-selection::-webkit-scrollbar-track{background:rgba(0,0,0,.3)!important;border-radius:5px;display:block!important}.genre-selection::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9D50BB,#6A0DAD)!important;border-radius:5px;border:2px solid rgba(0,0,0,.3);display:block!important}.genre-selection::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6A0DAD,#9D50BB)!important}@media (max-width: 768px){.genre-selection{gap:10px;padding:18px;max-height:280px}.genre-selection::-webkit-scrollbar{width:8px!important;display:block!important}}@media (max-width: 480px){.genre-selection{gap:8px;max-height:200px;padding:15px}.genre-selection::-webkit-scrollbar{width:6px!important;display:block!important}}.genre-chip{padding:10px 16px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#e0e0e0;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;min-width:fit-content;height:44px}.genre-chip:hover{background:rgba(157,80,187,.25);border-color:#9d50bb;transform:translateY(-1px);box-shadow:0 4px 15px #9d50bb4d}.genre-chip.selected{background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);border-color:#ed30ff;color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #9d50bb66;font-weight:600}@media (max-width: 480px){.genre-chip{padding:8px 14px;font-size:.85rem;height:40px}}.ai-loading{text-align:center;margin:30px 0}.ai-loading .loading-bars{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.ai-loading .loading-bars .bar{width:4px;height:40px;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);border-radius:2px;animation:loadingBars 1.2s infinite}.ai-loading .loading-bars .bar:nth-child(1){animation-delay:0s}.ai-loading .loading-bars .bar:nth-child(2){animation-delay:.1s}.ai-loading .loading-bars .bar:nth-child(3){animation-delay:.2s}.ai-loading .loading-bars .bar:nth-child(4){animation-delay:.3s}.ai-loading p{color:#b0b0b0;font-style:italic}@keyframes loadingBars{0%,to{transform:scaleY(1);opacity:.7}50%{transform:scaleY(1.5);opacity:1}}.recommendation-card{display:flex;gap:20px;background:rgba(0,0,0,.3);border:2px solid rgba(157,80,187,.3);border-radius:15px;padding:20px;margin:20px 0}@media (max-width: 480px){.recommendation-card{flex-direction:column;gap:15px}}.recommendation-card .recommendation-image{flex-shrink:0;width:120px;height:180px;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.recommendation-card .recommendation-image img{width:100%;height:100%;object-fit:cover}@media (max-width: 480px){.recommendation-card .recommendation-image{width:100px;height:150px;align-self:center}}.recommendation-card .recommendation-info{flex:1}.recommendation-card .recommendation-info h4{margin:0 0 10px;color:#fff;font-size:1.3rem;font-weight:700}.recommendation-card .recommendation-info .recommendation-meta{display:flex;gap:15px;margin-bottom:12px;flex-wrap:wrap}.recommendation-card .recommendation-info .recommendation-meta .year,.recommendation-card .recommendation-info .recommendation-meta .type{background:rgba(157,80,187,.3);color:#ed30ff;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:5px}.recommendation-card .recommendation-info .genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.recommendation-card .recommendation-info .genres .genre-tag{background:rgba(157,80,187,.3);color:#9d50bb;padding:3px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.recommendation-card .recommendation-info .overview{color:#b0b0b0;line-height:1.5;font-size:.9rem;margin:0}.ai-modal::-webkit-scrollbar{width:8px!important;display:block!important;visibility:visible!important}.ai-modal::-webkit-scrollbar-track{background:rgba(0,0,0,.1)!important;border-radius:4px;display:block!important}.ai-modal::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9D50BB,#6A0DAD)!important;border-radius:4px;display:block!important}.ai-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6A0DAD,#9D50BB)!important}@media (max-width: 480px){.ai-modal{margin:10px;max-height:95vh}.ai-header{padding:20px}.ai-header .ai-avatar .ai-emoji{font-size:2rem}.ai-header .ai-info h3{font-size:1.3rem}.ai-content{padding:20px}.genre-selection{max-height:180px;padding:15px;gap:8px}.genre-selection::-webkit-scrollbar{width:8px!important;display:block!important;visibility:visible!important}.genre-selection::-webkit-scrollbar-track{background:rgba(0,0,0,.3)!important;display:block!important}.genre-selection::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#9D50BB,#6A0DAD)!important;display:block!important}}*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea,select{-webkit-user-select:text!important;-khtml-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:manipulation!important}html,body{overflow-x:hidden;width:100%;position:relative}.explorePage{min-height:700px;padding-top:100px;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box}.explorePage .resultNotFound{font-size:24px;color:var(--black-light)}.explorePage .noResults{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center}.explorePage .noResults .resultNotFound{font-size:20px;color:var(--pink);margin-bottom:10px}.explorePage .noResults .clearFiltersButton{background:linear-gradient(135deg,var(--pink),#e91e63);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ed30ff4d}.explorePage .noResults .clearFiltersButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed30ff66;background:linear-gradient(135deg,#e91e63,var(--pink))}.explorePage .noResults .clearFiltersButton:active{transform:translateY(0)}.explorePage .errorMessage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 20px;text-align:center}.explorePage .errorMessage .resultNotFound{font-size:20px;color:var(--pink);margin-bottom:10px}.explorePage .errorMessage .retryButton{background:linear-gradient(135deg,var(--pink),#e91e63);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ed30ff4d}.explorePage .errorMessage .retryButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ed30ff66;background:linear-gradient(135deg,#e91e63,var(--pink))}.explorePage .errorMessage .retryButton:active{transform:translateY(0)}.explorePage .pageHeader{display:flex;justify-content:space-between;margin-bottom:25px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .pageHeader{flex-direction:row;margin-bottom:30px}}.explorePage .pageHeader .pageTitle{font-size:24px;line-height:34px;color:#fff;margin-bottom:10px;font-weight:700;background:linear-gradient(135deg,#ffffff,#f0f0f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;position:relative}@media only screen and (min-width: 768px){.explorePage .pageHeader .pageTitle{font-size:32px;line-height:42px;margin-bottom:0}}.explorePage .pageHeader .resultInfo{font-size:14px;color:#ffffffb3;font-weight:500;padding:8px 16px;background:rgba(255,255,255,.05);border-radius:20px;display:inline-block;border:1px solid rgba(255,255,255,.1)}@media only screen and (min-width: 768px){.explorePage .pageHeader .resultInfo{font-size:15px}}.explorePage .sortSection{margin-bottom:25px}.explorePage .sortSection .sortContainer{background:rgba(255,255,255,.05);border:1px solid rgba(157,80,187,.2);border-radius:16px;padding:16px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 768px){.explorePage .sortSection .sortContainer{padding:18px 24px}}.explorePage .sortSection .sortContainer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(157,80,187,.08) 0%,rgba(106,13,173,.05) 50%,rgba(255,255,255,.02) 100%);z-index:-1;opacity:0;transition:opacity .4s ease}.explorePage .sortSection .sortContainer:hover{border-color:#9d50bb66;transform:translateY(-1px);box-shadow:0 8px 25px #00000026,0 2px 10px #9d50bb33}.explorePage .sortSection .sortContainer:hover:before{opacity:1}.explorePage .sortSection .sortContainer .sortHeader{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.5px}@media only screen and (min-width: 768px){.explorePage .sortSection .sortContainer .sortHeader{font-size:15px;margin-bottom:14px}}.explorePage .sortSection .sortContainer .sortHeader .sortIcon{font-size:16px;opacity:.8;transition:transform .3s ease}@media only screen and (min-width: 768px){.explorePage .sortSection .sortContainer .sortHeader .sortIcon{font-size:18px}}.explorePage .sortSection .sortContainer .sortHeader:hover .sortIcon{transform:scale(1.1)}.explorePage .sortSection .sortContainer .sortButtons{display:flex;flex-wrap:wrap;gap:8px}@media only screen and (min-width: 768px){.explorePage .sortSection .sortContainer .sortButtons{gap:10px}}.explorePage .sortSection .sortContainer .sortButtons .sortButton{background:rgba(255,255,255,.08);color:#ffffffd9;border:1px solid rgba(255,255,255,.2);padding:8px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;white-space:nowrap}@media only screen and (min-width: 768px){.explorePage .sortSection .sortContainer .sortButtons .sortButton{padding:10px 16px;font-size:13px}}.explorePage .sortSection .sortContainer .sortButtons .sortButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease;z-index:1}.explorePage .sortSection .sortContainer .sortButtons .sortButton:hover{background:rgba(255,255,255,.12);border-color:#ffffff4d;color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 15px #0003}.explorePage .sortSection .sortContainer .sortButtons .sortButton:hover:before{left:100%}.explorePage .sortSection .sortContainer .sortButtons .sortButton.active{background:linear-gradient(135deg,rgba(157,80,187,.6) 0%,rgba(106,13,173,.5) 50%,rgba(157,80,187,.4) 100%);border-color:#9d50bbcc;color:#fff;box-shadow:0 4px 20px #9d50bb4d,inset 0 1px #fff3;transform:translateY(-1px);font-weight:600}.explorePage .sortSection .sortContainer .sortButtons .sortButton.active:hover{background:linear-gradient(135deg,rgba(157,80,187,.7) 0%,rgba(106,13,173,.6) 50%,rgba(157,80,187,.5) 100%);transform:translateY(-2px);box-shadow:0 6px 25px #9d50bb66,inset 0 1px #ffffff4d}.explorePage .sortSection .sortContainer .sortButtons .sortButton>*{position:relative;z-index:2}.explorePage .filterSection{margin-bottom:35px}.explorePage .filterSection .filterContainer{background:rgba(255,255,255,.05);border:1px solid rgba(157,80,187,.2);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer{padding:24px}}.explorePage .filterSection .filterContainer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(157,80,187,.08) 0%,rgba(106,13,173,.05) 50%,rgba(255,255,255,.02) 100%);z-index:-1;opacity:0;transition:opacity .4s ease}.explorePage .filterSection .filterContainer:hover{border-color:#9d50bb66;transform:translateY(-1px);box-shadow:0 8px 25px #00000026,0 2px 10px #9d50bb33}.explorePage .filterSection .filterContainer:hover:before{opacity:1}.explorePage .filterSection .filterContainer .filterHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.explorePage .filterSection .filterContainer .filterHeader .filterTitle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ffffffe6;letter-spacing:.5px}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer .filterHeader .filterTitle{font-size:15px}}.explorePage .filterSection .filterContainer .filterHeader .filterTitle .filterIcon{font-size:16px;opacity:.8;transition:transform .3s ease}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer .filterHeader .filterTitle .filterIcon{font-size:18px}}.explorePage .filterSection .filterContainer .filterHeader .filterTitle:hover .filterIcon{transform:scale(1.1)}.explorePage .filterSection .filterContainer .filterHeader .clearFilters{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(220,53,69,.15) 0%,rgba(200,30,50,.12) 50%,rgba(180,20,40,.08) 100%);color:#fffffff2;border:1px solid rgba(220,53,69,.3);padding:8px 16px;border-radius:25px;font-size:12px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden;box-shadow:0 2px 10px #dc354526,inset 0 1px #ffffff1a}.explorePage .filterSection .filterContainer .filterHeader .clearFilters:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);transition:left .6s ease;z-index:1}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer .filterHeader .clearFilters{padding:10px 18px;font-size:13px}}.explorePage .filterSection .filterContainer .filterHeader .clearFilters .clearIcon{font-size:11px;opacity:.9;position:relative;z-index:2}.explorePage .filterSection .filterContainer .filterHeader .clearFilters>span{position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.explorePage .filterSection .filterContainer .filterHeader .clearFilters:hover{background:linear-gradient(135deg,rgba(220,53,69,.25) 0%,rgba(200,30,50,.22) 50%,rgba(180,20,40,.18) 100%);border-color:#dc354580;transform:translateY(-1px) scale(1.02);color:#fff;box-shadow:0 4px 18px #dc35454d,inset 0 1px #fff3}.explorePage .filterSection .filterContainer .filterHeader .clearFilters:hover:before{left:100%}.explorePage .filterSection .filterContainer .filterHeader .clearFilters:active{transform:translateY(0) scale(.98);transition:all .1s ease}.explorePage .filterSection .filterContainer .genreList{display:flex;flex-direction:column;gap:12px}.explorePage .filterSection .filterContainer .genreList .genreContainer{display:flex;flex-wrap:wrap;gap:8px;transition:all .4s ease}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer .genreList .genreContainer{gap:10px}}@media (max-width: 767px){.explorePage .filterSection .filterContainer .genreList .genreContainer.collapsed{max-height:90px;overflow:hidden;position:relative}.explorePage .filterSection .filterContainer .genreList .genreContainer.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:rgba(27,6,36,.8);pointer-events:none}}.explorePage .filterSection .filterContainer .genreList .genreContainer.expanded{max-height:none;overflow:visible}.explorePage .filterSection .filterContainer .genreList .showMoreGenres{display:none;align-items:center;justify-content:center;gap:8px;background:rgba(157,80,187,.15);color:#ffffffe6;border:1px solid rgba(157,80,187,.3);padding:12px 20px;border-radius:25px;font-size:13px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin-top:8px;position:relative;overflow:hidden;box-shadow:0 2px 10px #9d50bb1a,inset 0 1px #ffffff1a}@media (max-width: 767px){.explorePage .filterSection .filterContainer .genreList .showMoreGenres{display:flex}}.explorePage .filterSection .filterContainer .genreList .showMoreGenres .showMoreIcon{font-size:12px;transition:transform .3s ease;position:relative;z-index:2}.explorePage .filterSection .filterContainer .genreList .showMoreGenres>span{position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.explorePage .filterSection .filterContainer .genreList .showMoreGenres:hover{background:rgba(157,80,187,.25);border-color:#9d50bb80;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 18px #9d50bb33,inset 0 1px #fff3;color:#fff}.explorePage .filterSection .filterContainer .genreList .showMoreGenres:hover .showMoreIcon{transform:scale(1.1)}.explorePage .filterSection .filterContainer .genreList .showMoreGenres:active{transform:translateY(0) scale(.98);transition:all .1s ease}.explorePage .filterSection .filterContainer .genreList .genreChip{background:rgba(255,255,255,.08);color:#ffffffe6;border:1px solid rgba(255,255,255,.15);padding:10px 16px;border-radius:25px;font-size:13px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;letter-spacing:.3px;min-height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0003,inset 0 1px #ffffff1a;overflow:hidden}@media only screen and (min-width: 768px){.explorePage .filterSection .filterContainer .genreList .genreChip{padding:12px 20px;font-size:14px;min-height:44px}}.explorePage .filterSection .filterContainer .genreList .genreChip:hover{background:rgba(157,80,187,.2);border-color:#9d50bb66;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #9d50bb40,inset 0 1px #fff3}.explorePage .filterSection .filterContainer .genreList .genreChip.selected{background:#9D50BB;border-color:#9d50bb;color:#fff;font-weight:600;transform:translateY(-1px);box-shadow:0 6px 25px #9d50bb66,inset 0 1px #ffffff4d,0 0 0 1px #9d50bb4d}.explorePage .filterSection .filterContainer .genreList .genreChip.selected:hover{background:#B565D8;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #9d50bb80,inset 0 1px #fff6,0 0 0 2px #9d50bb66}.explorePage .filterSection .filterContainer .genreList .genreChip:active{transform:translateY(0) scale(.98);transition:all .1s ease}.explorePage .filterSection .filterContainer .genreList .genreChip>span{position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.explorePage .filters{display:flex;gap:10px;flex-direction:column}@media only screen and (min-width: 768px){.explorePage .filters{flex-direction:row}}.explorePage .filters .sortByDropdown{position:relative;width:100%}@media only screen and (min-width: 768px){.explorePage .filters .sortByDropdown{width:280px}}.explorePage .filters .sortByDropdown .sortButton{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.15);border-radius:25px;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0003,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;overflow:hidden}.explorePage .filters .sortByDropdown .sortButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);transition:left .6s ease;z-index:1}.explorePage .filters .sortByDropdown .sortButton:hover{background:linear-gradient(135deg,rgba(157,80,187,.15) 0%,rgba(106,13,173,.12) 50%,rgba(75,0,130,.08) 100%);border-color:#9d50bb66;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 18px #9d50bb33,inset 0 1px #fff3;color:#fff}.explorePage .filters .sortByDropdown .sortButton:hover:before{left:100%}.explorePage .filters .sortByDropdown .sortButton:active{transform:translateY(0) scale(.98);transition:all .1s ease}.explorePage .filters .sortByDropdown .sortButton .sortIcon{font-size:16px;margin-right:8px;position:relative;z-index:2}.explorePage .filters .sortByDropdown .sortButton .sortLabel{flex:1;text-align:left;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.explorePage .filters .sortByDropdown .sortButton .dropdownArrow{font-size:10px;transition:transform .3s ease;color:#9d50bbcc;position:relative;z-index:2}.explorePage .filters .sortByDropdown .sortButton .dropdownArrow.open{transform:rotate(180deg);color:#fff}.explorePage .filters .sortByDropdown .sortDropdownMenu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,rgba(20,20,20,.95) 0%,rgba(30,30,30,.92) 100%);border:1px solid rgba(255,255,255,.15);border-radius:15px;box-shadow:0 8px 32px #0009,0 2px 16px #9d50bb26,inset 0 1px #ffffff1a;z-index:1000;overflow:hidden;margin-top:4px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption{display:flex;align-items:center;width:100%;padding:12px 16px;background:transparent;border:none;color:#ffffffe6;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption:hover{background:linear-gradient(135deg,rgba(157,80,187,.8) 0%,rgba(106,13,173,.7) 100%);color:#fff;transform:translate(2px)}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption.active{background:linear-gradient(135deg,rgba(157,80,187,.9) 0%,rgba(106,13,173,.8) 100%);color:#fff;font-weight:600}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption.active:after{content:"✓";position:absolute;right:16px;font-size:12px;color:#fff}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption .optionIcon{font-size:16px;margin-right:10px;min-width:20px;opacity:.8}.explorePage .filters .sortByDropdown .sortDropdownMenu .sortOption .optionLabel{flex:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.explorePage .filters .react-select-container.genresDD{width:100%}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.genresDD{max-width:500px;min-width:250px}}.explorePage .filters .react-select-container.sortbyDD{width:100%;flex-shrink:0}@media only screen and (min-width: 768px){.explorePage .filters .react-select-container.sortbyDD{width:250px}}.explorePage .filters .react-select-container .react-select__control{border:0;outline:0;box-shadow:none;background-color:var(--black-light);border-radius:20px}.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__placeholder,.explorePage .filters .react-select-container .react-select__control .react-select__value-container .react-select__input-container{color:#fff;margin:0 10px}.explorePage .filters .react-select-container .react-select__control .react-select__single-value{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value{background-color:var(--black3);border-radius:10px}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__label{color:#fff}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove{background-color:transparent;color:#fff;cursor:pointer}.explorePage .filters .react-select-container .react-select__control .react-select__multi-value .react-select__multi-value__remove:hover{color:var(--black-lighter)}.explorePage .filters .react-select-container .react-select__menu{top:40px;margin:0;padding:0}.explorePage .content{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:50px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box;justify-content:space-between}@media (max-width: 767px){.explorePage .content{display:flex!important;flex-wrap:wrap!important;gap:4px!important;padding:0 2px!important;justify-content:space-between!important}.explorePage .content .movieCard{width:calc(50% - 2px)!important;max-width:calc(50% - 2px)!important;min-width:calc(50% - 2px)!important;flex:0 0 calc(50% - 2px)!important;margin-bottom:15px!important;box-sizing:border-box!important}.explorePage .content .movieCard .posterBlock{margin-bottom:8px!important}.explorePage .content .movieCard .posterBlock .lazy-load-image-background{width:100%!important;height:auto!important}.explorePage .content .movieCard .posterBlock .lazy-load-image-background img{width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important}.explorePage .content .movieCard .textBlock{padding:0 2px!important}.explorePage .content .movieCard .textBlock .title{font-size:12px!important;line-height:1.3!important;margin-bottom:4px!important;font-weight:600!important}.explorePage .content .movieCard .textBlock .date{font-size:10px!important;opacity:.7!important}}@media (max-width: 480px){.explorePage .content .movieCard{width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;min-width:calc(50% - 3px)!important;flex:0 0 calc(50% - 3px)!important}}@media (min-width: 768px) and (max-width: 991px){.explorePage .content{gap:15px;justify-content:flex-start}.explorePage .content .movieCard{flex:0 0 calc(50% - 7.5px);max-width:calc(50% - 7.5px)}}@media only screen and (min-width: 768px){.explorePage .content{gap:20px;justify-content:flex-start;padding:0}.explorePage .content .movieCard{flex:none}.explorePage .content .movieCard .posterBlock{margin-bottom:30px}}.explorePage .loadMoreContainer{display:flex;justify-content:center;margin-top:40px;margin-bottom:40px}.explorePage .loadMoreContainer .loadMoreButton{background:linear-gradient(135deg,var(--pink),#e91e63);color:#fff;border:none;padding:14px 32px;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ed30ff4d;position:relative;overflow:hidden}.explorePage .loadMoreContainer .loadMoreButton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.explorePage .loadMoreContainer .loadMoreButton:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ed30ff66;background:linear-gradient(135deg,#e91e63,var(--pink))}.explorePage .loadMoreContainer .loadMoreButton:hover:before{left:100%}.explorePage .loadMoreContainer .loadMoreButton:active{transform:translateY(0);box-shadow:0 2px 10px #ed30ff4d}@media only screen and (min-width: 768px){.explorePage .loadMoreContainer .loadMoreButton{padding:16px 36px;font-size:17px}}@media (max-width: 767px){.explorePage .content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:0 3px!important}.explorePage .content>*{grid-column:span 1!important;width:100%!important;max-width:100%!important;min-width:0!important}.explorePage .content.flex-fallback{display:flex!important;flex-wrap:wrap!important}.explorePage .content.flex-fallback>*{flex:0 0 calc(50% - 3px)!important;width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important}}@media (max-width: 767px){.mobile-two-columns{display:grid!important;grid-template-columns:repeat(2,1fr)!important;grid-gap:6px!important;padding:0 3px!important;width:100%!important;box-sizing:border-box!important}.mobile-two-columns .movieCard{grid-column:span 1!important;width:100%!important;max-width:none!important;min-width:0!important;flex:none!important}.mobile-two-columns .movieCard .posterBlock{width:100%!important;margin-bottom:10px!important}.mobile-two-columns .movieCard .posterBlock .lazy-load-image-background,.mobile-two-columns .movieCard .posterBlock .lazy-load-image-background img,.mobile-two-columns .movieCard .posterBlock img{width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;border-radius:12px!important}.mobile-two-columns .movieCard .textBlock{padding:0 2px!important}.mobile-two-columns .movieCard .textBlock .title{font-size:11px!important;line-height:1.2!important;font-weight:600!important;margin-bottom:3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;height:26px!important}.mobile-two-columns .movieCard .textBlock .date{font-size:9px!important;opacity:.7!important}.mobile-two-columns .movieCard .textBlock .genres{margin-top:4px!important}.mobile-two-columns .movieCard .textBlock .genres .genre{font-size:7px!important;padding:1px 3px!important}.mobile-two-columns .movieCard .textBlock .circleRating{width:30px!important;height:30px!important}.mobile-two-columns .movieCard .textBlock .circleRating .CircularProgressbar-text{font-size:24px!important}@supports not (display: grid){.mobile-two-columns{display:flex!important;flex-wrap:wrap!important}.mobile-two-columns .movieCard{flex:0 0 calc(50% - 3px)!important;width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important}.mobile-two-columns .movieCard:nth-child(odd){margin-right:6px!important}}}@media (max-width: 767px){.explorePage .content{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:6px!important;padding:0 3px!important}.explorePage .content>.movieCard{width:calc(50% - 3px)!important;max-width:calc(50% - 3px)!important;min-width:calc(50% - 3px)!important;flex:0 0 calc(50% - 3px)!important;margin:0 0 15px!important;box-sizing:border-box!important}.explorePage .content>.movieCard .posterBlock{width:100%!important;margin-bottom:10px!important}.explorePage .content>.movieCard .posterBlock .lazy-load-image-background{width:100%!important;height:auto!important;aspect-ratio:2/3!important}.explorePage .content>.movieCard .posterBlock .lazy-load-image-background img{width:100%!important;height:100%!important;object-fit:cover!important}.explorePage .content>.movieCard .textBlock{padding:0 2px!important}.explorePage .content>.movieCard .textBlock .title{font-size:11px!important;line-height:1.2!important;margin-bottom:3px!important;font-weight:600!important}.explorePage .content>.movieCard .textBlock .date{font-size:9px!important;opacity:.7!important}}@media (max-width: 480px){.explorePage .content>.movieCard{width:calc(50% - 2px)!important;max-width:calc(50% - 2px)!important;min-width:calc(50% - 2px)!important;flex:0 0 calc(50% - 2px)!important}}@media (max-width: 767px){.explorePage .content{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:4px!important;padding:0 2px!important}.explorePage .content .movieCard{width:calc(50% - 2px)!important;max-width:calc(50% - 2px)!important;min-width:calc(50% - 2px)!important;flex:0 0 calc(50% - 2px)!important;margin:0 0 15px!important;box-sizing:border-box!important}}@media (max-width: 480px){.explorePage .content{gap:3px!important;padding:0 1px!important}.explorePage .content .movieCard{width:calc(50% - 1.5px)!important;max-width:calc(50% - 1.5px)!important;min-width:calc(50% - 1.5px)!important;flex:0 0 calc(50% - 1.5px)!important}}@media (max-width: 767px){.explorePage .movieCard:nth-child(n+3){clear:both}}@media (max-width: 767px){.explore-grid{display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:4px!important;padding:0 2px!important;width:100%!important;box-sizing:border-box!important}.explore-grid>.movieCard{width:calc(50% - 2px)!important;max-width:calc(50% - 2px)!important;min-width:calc(50% - 2px)!important;flex:0 0 calc(50% - 2px)!important;margin:0 0 15px!important;box-sizing:border-box!important}.explore-grid>.movieCard .posterBlock{width:100%!important;margin-bottom:8px!important;aspect-ratio:2/3!important}.explore-grid>.movieCard .posterBlock .lazy-load-image-background{width:100%!important;height:100%!important;border-radius:8px!important}.explore-grid>.movieCard .posterBlock .lazy-load-image-background img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:8px!important}.explore-grid>.movieCard .textBlock{padding:0 2px!important}.explore-grid>.movieCard .textBlock .title{font-size:12px!important;line-height:1.3!important;margin-bottom:4px!important;font-weight:600!important;color:#fff!important}.explore-grid>.movieCard .textBlock .date{font-size:10px!important;opacity:.7!important;color:#ffffffb3!important}}@media (max-width: 480px){.explore-grid{gap:3px!important;padding:0 1px!important}.explore-grid>.movieCard{width:calc(50% - 1.5px)!important;max-width:calc(50% - 1.5px)!important;min-width:calc(50% - 1.5px)!important;flex:0 0 calc(50% - 1.5px)!important}}#floating-back-to-top-unique,button#floating-back-to-top-unique,.floating-back-to-top-btn{position:fixed!important;bottom:30px!important;right:30px!important;width:50px!important;height:50px!important;z-index:2147483647!important;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%)!important;color:#fff!important;border:none!important;border-radius:50%!important;font-size:1.5rem!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateZ(0)!important;isolation:isolate!important;box-shadow:0 4px 20px #9d50bbcc!important;transition:all .3s ease!important;margin:0!important;padding:0!important;text-align:center!important;line-height:1!important;outline:none!important}.exploreChannelsPage h3{color:#fff!important}.exploreChannelsPage{min-height:100vh;padding-top:100px;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.exploreChannelsPage .pageHeader{padding:0 20px 30px;max-width:1400px;margin:0 auto}.exploreChannelsPage .pageHeader .pageTitle{margin-bottom:25px;text-align:center}.exploreChannelsPage .pageHeader .pageTitle h1{font-size:2.5rem;font-weight:700;background:linear-gradient(45deg,#9D50BB,#ed30ff,#6A0DAD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 2px 4px rgba(157,80,187,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 768px){.exploreChannelsPage .pageHeader .pageTitle h1{font-size:2rem}}@media (max-width: 480px){.exploreChannelsPage .pageHeader .pageTitle h1{font-size:1.7rem}}.exploreChannelsPage .pageHeader .pageTitle p{color:#b0b0b0;font-size:1.1rem;margin:0}@media (max-width: 480px){.exploreChannelsPage .pageHeader .pageTitle p{font-size:1rem}}.exploreChannelsPage .sportsContainer{padding:0 20px;max-width:1400px;margin:0 auto 40px}.exploreChannelsPage .sportsContainer .sports-agenda{background:transparent;padding:0}.exploreChannelsPage .sectionSeparator{padding:30px 20px;max-width:1400px;margin:20px auto 30px;text-align:center;border-top:2px solid rgba(157,80,187,.3)}.exploreChannelsPage .sectionSeparator h2{font-size:2rem;font-weight:700;background:linear-gradient(45deg,#9D50BB,#ed30ff,#6A0DAD);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 2px 4px rgba(157,80,187,.3);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}@media (max-width: 768px){.exploreChannelsPage .sectionSeparator h2{font-size:1.5rem}}@media (max-width: 480px){.exploreChannelsPage .sectionSeparator h2{font-size:1.3rem}}.exploreChannelsPage .sectionSeparator p{color:#b0b0b0;font-size:1rem;margin:0}@media (max-width: 480px){.exploreChannelsPage .sectionSeparator p{font-size:.9rem}}.exploreChannelsPage .searchSection{padding:0 20px 20px;max-width:1000px;margin:0 auto}.exploreChannelsPage .searchSection .searchContainer{position:relative;display:flex;align-items:center;max-width:500px;margin:0 auto}.exploreChannelsPage .searchSection .searchContainer .searchInput{width:100%;padding:15px 50px 15px 20px;background:rgba(27,6,36,.6);border:2px solid rgba(157,80,187,.3);border-radius:25px;color:#f0f0f0;font-size:1rem;outline:none;transition:all .3s ease;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:manipulation!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;cursor:text!important}.exploreChannelsPage .searchSection .searchContainer .searchInput::placeholder{color:#b0b0b0b3}.exploreChannelsPage .searchSection .searchContainer .searchInput:focus{border-color:#9d50bb;box-shadow:0 0 0 3px #9d50bb33;background:rgba(27,6,36,.8)}@media (max-width: 768px){.exploreChannelsPage .searchSection .searchContainer .searchInput{font-size:16px!important;padding:12px 50px 12px 20px}}.exploreChannelsPage .searchSection .searchContainer .clearButton{position:absolute;right:15px;background:rgba(157,80,187,.8);border:none;border-radius:50%;width:30px;height:30px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .3s ease}.exploreChannelsPage .searchSection .searchContainer .clearButton:hover{background:#9D50BB;transform:scale(1.1)}.exploreChannelsPage .searchSection .searchContainer .page-icon,.exploreChannelsPage .searchSection .searchContainer .section-icon{width:32px;height:32px;margin-right:12px;color:#9d50bb;filter:drop-shadow(0 2px 4px rgba(157,80,187,.3))}@media (max-width: 768px){.exploreChannelsPage .searchSection .searchContainer .page-icon,.exploreChannelsPage .searchSection .searchContainer .section-icon{width:28px;height:28px}}.exploreChannelsPage .searchSection .searchContainer .searchContainer .search-icon{position:absolute;right:15px;width:20px;height:20px;color:#9d50bbb3;transition:color .3s ease;pointer-events:none}.exploreChannelsPage .searchSection .searchContainer .searchContainer .searchInput:focus+.search-icon{color:#9d50bb}.exploreChannelsPage .loadingContainer,.exploreChannelsPage .errorContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.exploreChannelsPage .loadingContainer .loadingSpinner,.exploreChannelsPage .errorContainer .loadingSpinner{width:50px;height:50px;border:4px solid rgba(157,80,187,.3);border-top:4px solid #9D50BB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.exploreChannelsPage .loadingContainer p,.exploreChannelsPage .errorContainer p{color:#b0b0b0;font-size:1.1rem;text-align:center;margin:0}.exploreChannelsPage .loadingContainer .retryButton,.exploreChannelsPage .loadingContainer .clearSearchButton,.exploreChannelsPage .errorContainer .retryButton,.exploreChannelsPage .errorContainer .clearSearchButton{background:linear-gradient(45deg,#9D50BB,#ed30ff);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:20px}.exploreChannelsPage .loadingContainer .retryButton:hover,.exploreChannelsPage .loadingContainer .clearSearchButton:hover,.exploreChannelsPage .errorContainer .retryButton:hover,.exploreChannelsPage .errorContainer .clearSearchButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d50bb4d}.exploreChannelsPage .loadingContainer .errorMessage,.exploreChannelsPage .errorContainer .errorMessage{text-align:center;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:10px;padding:20px;margin-bottom:20px}.exploreChannelsPage .loadingContainer .errorMessage h3,.exploreChannelsPage .errorContainer .errorMessage h3{color:#ff6b6b;margin-bottom:10px}.exploreChannelsPage .loadingContainer .errorMessage p,.exploreChannelsPage .errorContainer .errorMessage p{color:#ffb3b3}.exploreChannelsPage .loadingContainer .loading-icon,.exploreChannelsPage .loadingContainer .retry-icon,.exploreChannelsPage .errorContainer .loading-icon,.exploreChannelsPage .errorContainer .retry-icon{width:20px;height:20px;margin-right:8px;color:#9d50bb}.exploreChannelsPage .loadingContainer .loading-icon.loading-icon,.exploreChannelsPage .loadingContainer .retry-icon.loading-icon,.exploreChannelsPage .errorContainer .loading-icon.loading-icon,.exploreChannelsPage .errorContainer .retry-icon.loading-icon{animation:spin 1s linear infinite}.exploreChannelsPage .loadingContainer .error-icon,.exploreChannelsPage .errorContainer .error-icon{width:24px;height:24px;margin-right:10px;color:#e74c3c}.exploreChannelsPage .channelsContainer{max-width:1400px;margin:0 auto;padding:0 20px}.exploreChannelsPage .channelsContainer .channelGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;padding:30px 0;width:100%}@media (max-width: 1400px){.exploreChannelsPage .channelsContainer .channelGrid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}@media (max-width: 1200px){.exploreChannelsPage .channelsContainer .channelGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px}}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:20px 0}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding:16px 0}}@media (max-width: 320px){.exploreChannelsPage .channelsContainer .channelGrid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelCard:hover{transform:translateY(-4px) scale(1.01)}.exploreChannelsPage .channelsContainer .channelCard .channelOverlay .playButton{width:50px;height:50px}.exploreChannelsPage .channelsContainer .channelCard .channelOverlay .playButton svg{width:20px;height:20px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo{padding:12px 10px;min-height:75px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelName{font-size:.7rem;margin-bottom:6px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelMeta .channelCategory{font-size:.65rem;padding:3px 6px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelMeta .channelStatus{font-size:.7rem}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelCard .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:1.5rem}.exploreChannelsPage .channelsContainer .channelCard .channelImageContainer .channelPlaceholder .placeholderText{font-size:1rem}.exploreChannelsPage .channelsContainer .channelCard .channelOverlay .playButton{width:40px;height:40px}.exploreChannelsPage .channelsContainer .channelCard .channelOverlay .playButton svg{width:16px;height:16px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo{padding:10px 8px;min-height:70px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelName{font-size:.65rem;margin-bottom:4px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelMeta .channelCategory{font-size:.6rem;padding:2px 4px}.exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelMeta .channelStatus{font-size:.65rem}}.exploreChannelsPage .channelsContainer .channelCard{background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);aspect-ratio:4/5;display:flex;flex-direction:column;position:relative}.exploreChannelsPage .channelsContainer .channelCard:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #9d50bb4d;border-color:#9d50bb80}.exploreChannelsPage .channelsContainer .channelCard:hover .channelOverlay{opacity:1;visibility:visible}.exploreChannelsPage .channelsContainer .channelCard:hover .channelImageContainer img{transform:scale(1.1)}.exploreChannelsPage .channelsContainer .channelCard[data-status=inactive]{opacity:.6}.exploreChannelsPage .channelsContainer .channelCard[data-status=inactive]:hover{opacity:.8}.exploreChannelsPage .channelsContainer .channelImageContainer{position:relative;flex:1;overflow:hidden;background:linear-gradient(135deg,#1a0033 0%,#6A0DAD 100%)!important;display:flex;align-items:center;justify-content:center;padding:8px}.exploreChannelsPage .channelsContainer .channelImageContainer .channelImage{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .3s ease;border-radius:8px;padding:4px}.exploreChannelsPage .channelsContainer .channelImageContainer .channelPlaceholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:8px}.exploreChannelsPage .channelsContainer .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:2rem;opacity:.9}.exploreChannelsPage .channelsContainer .channelImageContainer .channelPlaceholder .placeholderText{font-size:1.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.exploreChannelsPage .channelsContainer .channelOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:2}.exploreChannelsPage .channelsContainer .channelOverlay .playButton{width:60px;height:60px;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(.8);transition:transform .3s ease;box-shadow:0 4px 20px #9d50bb80}.exploreChannelsPage .channelsContainer .channelOverlay .playButton:hover{transform:scale(1)}.exploreChannelsPage .channelsContainer .channelOverlay .playButton svg{width:24px;height:24px;margin-left:3px}.exploreChannelsPage .channelsContainer .channelInfo{padding:14px 12px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);min-height:80px;display:flex;flex-direction:column;justify-content:space-between}.exploreChannelsPage .channelsContainer .channelInfo .channelName{font-size:.75rem;font-weight:600;color:#fff!important;margin:0 0 8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-transform:uppercase;letter-spacing:.5px}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:auto}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .channelStatus{font-size:.9rem;font-weight:700}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .channelStatus[data-active=true]{color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,.5)}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .channelStatus[data-active=false]{color:#ef4444;text-shadow:0 0 4px rgba(239,68,68,.5)}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .streamTypeIndicator{font-size:.6rem;font-weight:600;padding:2px 6px;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);white-space:nowrap}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .streamTypeIndicator.m3u8{background:rgba(34,197,94,.2);border-color:#22c55e4d;color:#22c55e}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .streamTypeIndicator.dash{background:rgba(59,130,246,.2);border-color:#3b82f64d;color:#3b82f6}.exploreChannelsPage .channelsContainer .channelInfo .channelMeta .streamTypeIndicator.video{background:rgba(168,85,247,.2);border-color:#a855f74d;color:#a855f7}.exploreChannelsPage .channelsContainer .channelGroup{margin-bottom:40px}.exploreChannelsPage .channelsContainer .channelGroup:last-child{margin-bottom:0}.exploreChannelsPage .channelsContainer .channelGroup .groupHeader{margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(157,80,187,.3);display:flex;align-items:center;gap:15px}.exploreChannelsPage .channelsContainer .channelGroup .groupHeader .groupName{font-size:1.5rem;font-weight:700;color:#9d50bb;margin:0}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .groupHeader .groupName{font-size:1.3rem}}.exploreChannelsPage .channelsContainer .channelGroup .groupHeader .groupCount{font-size:.9rem;font-weight:500;color:#9d50bbb3;background:rgba(157,80,187,.1);padding:4px 8px;border-radius:12px}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .groupHeader .groupCount{font-size:.8rem}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;padding:24px 0;width:100%}@media (max-width: 1400px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}}@media (max-width: 1200px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px;padding:20px 0}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding:16px 0}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard{background:rgba(27,6,36,.8);border:2px solid rgba(157,80,187,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;aspect-ratio:4/3;display:flex;flex-direction:column;height:auto}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard:hover{transform:translateY(-4px);border-color:#9d50bb99;box-shadow:0 8px 25px #9d50bb4d}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard:hover .channelOverlay{opacity:1}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer{position:relative;flex:1;overflow:hidden;background:linear-gradient(135deg,#1a0033 0%,#6A0DAD 100%)!important;display:flex;align-items:center;justify-content:center}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelImage{width:100%;height:100%;object-fit:cover;background:transparent!important;padding:0}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelImage{padding:0}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelImage{padding:0}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(157,80,187,.8),rgba(109,13,173,.8));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:12px}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:2.5rem;margin-bottom:8px;opacity:.9}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:2rem;margin-bottom:6px}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:1.5rem;margin-bottom:4px}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderText{font-size:.75rem;font-weight:600;opacity:.8;text-align:center;letter-spacing:.5px}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderText{font-size:.7rem}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelPlaceholder .placeholderText{font-size:.6rem}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelNumber{position:absolute;top:4px;right:4px;background:rgba(157,80,187,.9);color:#fff;padding:2px 4px;border-radius:8px;font-size:.65rem;font-weight:600;z-index:2}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelNumber{font-size:.6rem;padding:1px 3px}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelNumber{font-size:.55rem;top:2px;right:2px}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(157,80,187,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:1}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelOverlay .playIcon{font-size:1.5rem;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelOverlay .playIcon{font-size:1.2rem}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelImageContainer .channelOverlay .playIcon{font-size:1rem}}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelInfo{padding:4px;color:#fff!important;background:rgba(157,80,187,.1);border-top:1px solid rgba(157,80,187,.2);min-height:28px;display:flex;align-items:center;justify-content:center}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelInfo .channelName{margin:0;font-size:.65rem;font-weight:600;color:#fff!important;text-align:center;line-height:1.1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelInfo .channelName h3{color:#fff!important;text-transform:uppercase;margin:0;font-size:inherit}@media (max-width: 768px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelInfo .channelName{font-size:.6rem}}@media (max-width: 480px){.exploreChannelsPage .channelsContainer .channelGroup .channelGrid .channelCard .channelInfo .channelName{font-size:.55rem;-webkit-line-clamp:1;line-clamp:1}}.exploreChannelsPage .channelsContainer .emptyState{text-align:center;padding:60px 20px;color:#b0b0b0}.exploreChannelsPage .channelsContainer .emptyState h3{color:#9d50bb;margin-bottom:10px;font-size:1.5rem}.exploreChannelsPage .channelsContainer .emptyState p{margin-bottom:20px;font-size:1.1rem}.exploreChannelsPage .channelsContainer .emptyState .clearSearchButton,.exploreChannelsPage .channelsContainer .emptyState .retryButton{background:linear-gradient(45deg,#9D50BB,#ed30ff);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.exploreChannelsPage .channelsContainer .emptyState .clearSearchButton:hover,.exploreChannelsPage .channelsContainer .emptyState .retryButton:hover{transform:translateY(-2px);box-shadow:0 4px 15px #9d50bb4d}.exploreChannelsPage .page-icon{width:28px;height:28px;margin-right:12px;color:#6a0dad;filter:drop-shadow(0 2px 4px rgba(106,13,173,.3));transition:transform .3s ease}.exploreChannelsPage .page-icon:hover{transform:scale(1.1)}.exploreChannelsPage .section-icon{width:24px;height:24px;margin-right:10px;color:#9d50bb;filter:drop-shadow(0 1px 3px rgba(157,80,187,.4))}.exploreChannelsPage .search-icon{width:20px;height:20px;position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6;transition:opacity .3s ease}.searchContainer:focus-within .exploreChannelsPage .search-icon{opacity:1}.exploreChannelsPage .tv-icon{width:24px;height:24px;margin-right:10px;color:#6a0dad;filter:drop-shadow(0 1px 2px rgba(106,13,173,.3))}.exploreChannelsPage .channel-placeholder-icon{width:48px;height:48px;color:#9d50bb;opacity:.6}.exploreChannelsPage .error-icon{width:24px;height:24px;margin-right:10px;color:#e74c3c;filter:drop-shadow(0 1px 2px rgba(231,76,60,.3))}.exploreChannelsPage .retry-icon,.exploreChannelsPage .loading-icon{width:18px;height:18px;margin-right:8px;color:currentColor;animation:spin 2s linear infinite}.exploreChannelsPage .searchContainer{position:relative;max-width:400px;margin:0 auto}.exploreChannelsPage .searchContainer .searchInput{padding-right:50px;border:2px solid rgba(157,80,187,.3);border-radius:25px;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.exploreChannelsPage .searchContainer .searchInput:focus{border-color:#6a0dad;box-shadow:0 0 20px #6a0dad4d;background:rgba(255,255,255,.1)}.exploreChannelsPage .retryButton,.exploreChannelsPage .clearSearchButton{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6A0DAD 0%,#9D50BB 100%);border:none;border-radius:12px;padding:12px 20px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6a0dad4d}.exploreChannelsPage .retryButton:hover,.exploreChannelsPage .clearSearchButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6a0dad66;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%)}.exploreChannelsPage .retryButton:active,.exploreChannelsPage .clearSearchButton:active{transform:translateY(0)}.exploreChannelsPage .clearSearchButton{background:linear-gradient(135deg,#34495e 0%,#2c3e50 100%);box-shadow:0 4px 15px #34495e4d}.exploreChannelsPage .clearSearchButton:hover{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%);box-shadow:0 8px 25px #34495e66}.exploreChannelsPage .channelCard{border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.exploreChannelsPage .channelCard:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d;border-color:#9d50bb80}.exploreChannelsPage .channelCard:hover .playIcon svg{transform:scale(1.2)}.exploreChannelsPage .channelImageContainer{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#ed30ff 0%,#6A0DAD 100%)!important;display:flex;align-items:center;justify-content:center}.exploreChannelsPage .channelImageContainer .channelImage{width:100%;height:100%;object-fit:cover;padding:0;transition:transform .3s ease;background:transparent!important}@media (max-width: 768px){.exploreChannelsPage .channelImageContainer .channelImage{padding:0}}@media (max-width: 480px){.exploreChannelsPage .channelImageContainer .channelImage{padding:0}}.exploreChannelsPage .channelImageContainer .channelPlaceholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6A0DAD 0%,#9D50BB 100%)}.exploreChannelsPage .playIcon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.exploreChannelsPage .playIcon svg{width:24px;height:24px;color:#6a0dad;margin-left:2px;transition:transform .3s ease}.channelCard:hover .exploreChannelsPage .playIcon{opacity:1}@media (max-width: 768px){.exploreChannelsPage .page-icon{width:24px;height:24px;margin-right:8px}.exploreChannelsPage .section-icon{width:20px;height:20px;margin-right:8px}.exploreChannelsPage .search-icon{width:18px;height:18px;right:12px}}.exploreChannelsPage .title-icon{margin-right:12px;font-size:1.8rem;display:inline-block}.exploreChannelsPage .exploreChannelsPage .channelsContainer .channelCard .channelInfo .channelName,.exploreChannelsPage .exploreChannelsPage .channelsContainer .channelCard .channelInfo h3.channelName,.exploreChannelsPage .exploreChannelsPage h3.channelName,.exploreChannelsPage .channelCard h3,.exploreChannelsPage h3.channelName{font-size:.7rem;color:#fff!important;margin:0!important;padding:10px!important;text-transform:uppercase!important}.exploreChannelsPage .floating-back-to-top-btn{bottom:30px!important;right:30px!important;width:50px!important;height:50px!important;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%)!important;color:#fff!important;border:none!important;border-radius:50%!important;font-size:1.5rem!important;font-weight:700!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 20px #9d50bbcc!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;isolation:isolate!important;position:fixed!important;top:auto!important;left:auto!important;margin:0!important;padding:0!important;-webkit-transform:translateZ(0)!important;-moz-transform:translateZ(0)!important;-ms-transform:translateZ(0)!important;-o-transform:translateZ(0)!important;transform:translateZ(0)!important;will-change:transform!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;font-family:inherit!important;text-align:center!important;line-height:1!important;outline:none!important;text-decoration:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.exploreChannelsPage .floating-back-to-top-btn:hover{transform:translateY(-3px) scale(1.1) translateZ(0)!important;box-shadow:0 8px 30px #9d50bbe6!important;background:linear-gradient(135deg,#6A0DAD 0%,#9D50BB 100%)!important;opacity:1!important;visibility:visible!important}.exploreChannelsPage .floating-back-to-top-btn:active{transform:translateY(-1px) scale(1.05) translateZ(0)!important;opacity:1!important;visibility:visible!important}.exploreChannelsPage .floating-back-to-top-btn:focus{outline:2px solid rgba(157,80,187,.5)!important;outline-offset:2px!important;opacity:1!important;visibility:visible!important}@media (max-width: 768px){.exploreChannelsPage .floating-back-to-top-btn{width:45px!important;height:45px!important;bottom:25px!important;right:25px!important;font-size:1.3rem!important}}@media (max-width: 480px){.exploreChannelsPage .floating-back-to-top-btn{width:40px!important;height:40px!important;bottom:20px!important;right:20px!important;font-size:1.1rem!important;box-shadow:0 3px 15px #9d50bbb3!important}}.exploreChannelsPage .floating-back-to-top-btn:before,.exploreChannelsPage .floating-back-to-top-btn:after{display:none!important}.exploreChannelsPage .back-to-top-btn{position:fixed!important;bottom:30px!important;right:30px!important;width:50px;height:50px;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%)!important;color:#fff!important;border:none!important;border-radius:50%!important;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #9d50bb99!important;z-index:9999!important;display:flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;pointer-events:auto!important;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);isolation:isolate}.exploreChannelsPage .back-to-top-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);border-radius:50%;z-index:-1;opacity:.3}.exploreChannelsPage .back-to-top-btn:hover{transform:translateY(-3px) scale(1.1)!important;box-shadow:0 8px 30px #9d50bbcc!important;background:linear-gradient(135deg,#6A0DAD 0%,#9D50BB 100%)!important}.exploreChannelsPage .back-to-top-btn:active{transform:translateY(-1px) scale(1.05)!important}.exploreChannelsPage .back-to-top-btn{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);position:fixed!important;top:auto!important;left:auto!important}@media (max-width: 768px){.exploreChannelsPage .back-to-top-btn{width:45px!important;height:45px!important;bottom:25px!important;right:25px!important;font-size:1.3rem}}@media (max-width: 480px){.exploreChannelsPage .back-to-top-btn{width:40px!important;height:40px!important;bottom:20px!important;right:20px!important;font-size:1.1rem;box-shadow:0 3px 15px #9d50bb80!important}}.channelsList{display:flex;flex-direction:column;gap:12px;padding:20px;max-width:1200px;margin:0 auto}@media (max-width: 768px){.channelsList{padding:16px;gap:10px}}@media (max-width: 480px){.channelsList{padding:12px;gap:8px}}.channelListItem{display:flex;align-items:center;background:rgba(27,6,36,.8);border:2px solid rgba(157,80,187,.2);border-radius:16px;padding:16px;cursor:pointer;transition:all .3s ease;text-align:left;text-decoration:none;color:inherit;width:100%;box-sizing:border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.channelListItem:hover{transform:translateY(-2px);border-color:#9d50bb99;box-shadow:0 8px 25px #9d50bb4d;background:rgba(27,6,36,.9)}.channelListItem:hover .channelAction .playIcon{transform:scale(1.1);color:#9d50bb}.channelListItem:hover .channelName{color:#ed30ff}.channelListItem:active{transform:translateY(0);box-shadow:0 4px 15px #9d50bb33}@media (max-width: 768px){.channelListItem{padding:12px;border-radius:12px}}@media (max-width: 480px){.channelListItem{padding:10px;flex-direction:column;text-align:center;gap:12px}}.channelIcon{flex-shrink:0;margin-right:16px}@media (max-width: 768px){.channelIcon{margin-right:12px}}@media (max-width: 480px){.channelIcon{margin-right:0;margin-bottom:8px}}.channelIcon .channelImageContainer{width:60px!important;height:60px!important;border-radius:8px!important;overflow:hidden!important;background:linear-gradient(135deg,#1a0033 0%,#6A0DAD 100%)!important}@media (max-width: 768px){.channelIcon .channelImageContainer{width:50px!important;height:50px!important}}@media (max-width: 480px){.channelIcon .channelImageContainer{width:80px!important;height:80px!important}}.channelContent{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}@media (max-width: 480px){.channelContent{text-align:center;gap:6px}}.channelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}@media (max-width: 768px){.channelHeader{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.channelHeader{align-items:center;text-align:center}}.channelName{font-size:1.2rem;font-weight:700;color:#fff;margin:0;transition:color .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.channelName{font-size:1.1rem}}@media (max-width: 480px){.channelName{font-size:1rem;white-space:normal;text-align:center}}.channelCategory{background:linear-gradient(135deg,#9D50BB,#6A0DAD);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #9d50bb4d}@media (max-width: 768px){.channelCategory{font-size:.7rem;padding:3px 10px}}@media (max-width: 480px){.channelCategory{font-size:.65rem;padding:2px 8px}}.channelDescription{margin:0}.channelDescription p{font-size:.9rem;color:#b0b0b0;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.channelDescription p{font-size:.85rem;-webkit-line-clamp:1;line-clamp:1}}@media (max-width: 480px){.channelDescription p{font-size:.8rem;text-align:center}}.channelMeta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}@media (max-width: 768px){.channelMeta{gap:12px}}@media (max-width: 480px){.channelMeta{justify-content:center;gap:8px}}.channelMeta span{font-size:.8rem;color:#9b9b9b;display:flex;align-items:center;gap:4px;white-space:nowrap}@media (max-width: 768px){.channelMeta span{font-size:.75rem}}@media (max-width: 480px){.channelMeta span{font-size:.7rem}}.channelMeta .channelStatus.active{color:#4ade80;font-weight:600}.channelAction{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:16px}@media (max-width: 768px){.channelAction{margin-left:12px}}@media (max-width: 480px){.channelAction{margin-left:0;margin-top:8px}}.channelAction .playIcon{width:28px;height:28px;color:#9b9b9b;transition:all .3s ease}@media (max-width: 768px){.channelAction .playIcon{width:24px;height:24px}}@media (max-width: 480px){.channelAction .playIcon{width:32px;height:32px}}.channelsList .channelIcon .channelImageContainer .channelImage{border-radius:8px!important}.channelsList .channelIcon .channelImageContainer .channelPlaceholder{border-radius:8px!important;font-size:10px!important}.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:18px!important;margin-bottom:2px!important}@media (max-width: 768px){.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:16px!important}}@media (max-width: 480px){.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderIcon{font-size:20px!important}}.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderText{font-size:7px!important;line-height:1.1!important}@media (max-width: 768px){.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderText{font-size:6px!important}}@media (max-width: 480px){.channelsList .channelIcon .channelImageContainer .channelPlaceholder .placeholderText{font-size:8px!important}}input,textarea,select{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important;touch-action:manipulation!important;pointer-events:auto!important;cursor:text!important}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}.searchInput{-webkit-user-select:text!important;user-select:text!important;touch-action:manipulation!important}@media (max-width: 768px){.searchInput{font-size:16px!important}}.channel-card-modern{display:flex;align-items:center;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 100%);border:1px solid #e1e8ed;border-radius:16px;padding:20px;margin-bottom:16px;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 2px 8px #0000000a;cursor:pointer}.channel-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:#9d50bb}@media (max-width: 768px){.channel-card-modern{flex-direction:column;text-align:center;padding:16px}}.channel-avatar{position:relative;width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0;box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.channel-avatar{margin-right:0;margin-bottom:16px;width:60px;height:60px}}.channel-initials{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}@media (max-width: 768px){.channel-initials{font-size:18px}}.channel-category-icon{position:absolute;bottom:-4px;right:-4px;background:white;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 6px #0003}@media (max-width: 768px){.channel-category-icon{width:24px;height:24px;font-size:12px}}.channel-info{flex:1;min-width:0;margin-right:20px}@media (max-width: 768px){.channel-info{margin-right:0;margin-bottom:16px;width:100%}}.channel-header{display:flex;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:12px}@media (max-width: 768px){.channel-header{justify-content:center}}.channel-name{font-size:18px;font-weight:600;color:#1a202c;margin:0;line-height:1.2}@media (max-width: 768px){.channel-name{font-size:16px;text-align:center}}.channel-category-badge{background:linear-gradient(135deg,#9D50BB,#6A0DAD);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.channel-details{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}@media (max-width: 768px){.channel-details{justify-content:center;gap:12px}}.channel-details span{font-size:13px;color:#6a6a6a;display:flex;align-items:center;gap:4px}.channel-description{font-size:14px;color:#4a5568;line-height:1.4;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (max-width: 768px){.channel-description{text-align:center;-webkit-line-clamp:3;line-clamp:3}}.channel-actions{display:flex;flex-direction:column;align-items:center;gap:8px}@media (max-width: 768px){.channel-actions{width:100%}}.channel-play-btn{background:linear-gradient(135deg,#9D50BB 0%,#6A0DAD 100%);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.channel-play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #9d50bb66}.channel-play-btn:disabled{background:#cbd5e0;cursor:not-allowed}.channel-play-btn:disabled .play-icon{opacity:.5}@media (max-width: 768px){.channel-play-btn{width:100%;padding:14px 24px}}.play-icon{font-size:16px}.channel-meta{font-size:11px;color:#9ca3af;text-align:center}.channel-meta small{display:flex;align-items:center;gap:4px}@media (max-width: 480px){.channel-card-modern{padding:12px;border-radius:12px}.channel-card-modern .channel-info{margin-bottom:12px}.channel-card-modern .channel-name{font-size:15px}.channel-card-modern .channel-details{gap:8px}.channel-card-modern .channel-details span{font-size:12px}.channel-card-modern .channel-description{font-size:13px}}.channel-card-modern[data-status=inactive]{opacity:.7}.channel-card-modern[data-status=inactive] .channel-avatar{filter:grayscale(50%)}.channel-card-modern.loading .channel-avatar{animation:pulse 2s infinite}.exploreChannelsPage .channel-card-modern{background:linear-gradient(135deg,rgba(27,6,36,.8) 0%,rgba(27,6,36,.9) 100%);border-color:#9d50bb33}.exploreChannelsPage .channel-card-modern:hover{border-color:#9d50bb99;box-shadow:0 8px 25px #9d50bb4d}.exploreChannelsPage .channel-card-modern .channel-name{color:#fff}.exploreChannelsPage .channel-card-modern .channel-details span{color:#b0b0b0}.exploreChannelsPage .channel-card-modern .channel-description{color:#d0d0d0}.event-logo-league{display:flex;align-items:center;justify-content:center;margin-right:10px}.event-logo-league .event-logo{width:32px;height:32px;object-fit:contain;border-radius:6px;background:#f7eaff;box-shadow:0 1px 4px #ed30ff12;margin:0 2px}.sports-agenda{max-width:1000px;margin:0 auto;padding:20px;font-family:Inter,sans-serif;background:#1b0624;min-height:100%}.sports-agenda .sports-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding:24px 0;border-bottom:1px solid rgba(157,80,187,.2);position:relative}.sports-agenda .sports-header:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:linear-gradient(90deg,#9D50BB,transparent)}.sports-agenda .sports-header h2{font-size:28px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff 0%,#9D50BB 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sports-agenda .sports-header .date-time{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sports-agenda .sports-header .date-time .date{font-size:14px;font-weight:600;color:#fff;letter-spacing:.5px}.sports-agenda .sports-header .date-time .time{font-size:12px;font-weight:500;color:#b8a5c9;background:rgba(157,80,187,.1);padding:4px 10px;border-radius:12px;border:1px solid rgba(157,80,187,.2)}.sports-agenda .loading,.sports-agenda .error{display:flex;flex-direction:column;align-items:center;color:#fff;justify-content:center;min-height:200px;text-align:center;padding:40px 20px;background:#2a0836;border-radius:8px;border:1px solid #442653}.sports-agenda .loading .spinner,.sports-agenda .error .spinner{width:32px;height:32px;border:3px solid rgba(157,80,187,.2);border-top:3px solid #9D50BB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px;color:#fff}.sports-agenda .loading h3,.sports-agenda .error h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.sports-agenda .loading p,.sports-agenda .error p{color:#fff;font-size:14px;margin-bottom:16px}.sports-agenda .loading .retry-button,.sports-agenda .error .retry-button{padding:8px 16px;background:#9D50BB;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s ease}.sports-agenda .loading .retry-button:hover,.sports-agenda .error .retry-button:hover{background:#B668D1}.sports-agenda .no-events{text-align:center;padding:60px 40px;background:#2a0836;border-radius:8px;border:1px solid #442653}.sports-agenda .no-events h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.sports-agenda .no-events p{font-size:14px;color:#b8a5c9}.sports-agenda .events-list{background:transparent;border-radius:0;border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.sports-agenda .event-card{display:flex;align-items:stretch;background:#fff;border-radius:12px;box-shadow:0 2px 12px #9d50bb1a;margin-bottom:18px;min-height:64px;transition:box-shadow .18s,background .18s,transform .18s;cursor:pointer;position:relative;border:1.5px solid transparent;overflow:hidden;color:#ed30ff}.sports-agenda .event-card:hover{background:#f7eaff;box-shadow:0 6px 24px #ed30ff21;border-color:#ed30ff;transform:translateY(-2px) scale(1.012)}.sports-agenda .event-card.live{border-left:4px solid #ed30ff;box-shadow:0 0 16px #ed30ff21}.sports-agenda .event-card.upcoming{border-left:4px solid #B668D1}.sports-agenda .event-card.finished{border-left:4px solid #666;opacity:.7}.sports-agenda .event-card .event-row{display:flex;align-items:center;width:100%;padding:18px 24px 18px 20px;gap:18px;transition:background .18s;color:#ed30ff}.sports-agenda .event-card.expanded{box-shadow:0 8px 32px #ed30ff2e;z-index:2;animation:expandFade .25s cubic-bezier(.4,1.3,.6,1) 1}.sports-agenda .event-time-status{min-width:70px;margin-right:18px;text-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.sports-agenda .event-time-status .time{display:inline-block;font-size:20px;font-weight:800;color:#fff;background:#ed30ff;padding:4px 16px;border-radius:8px;min-width:54px;margin-bottom:2px;letter-spacing:1px;box-shadow:0 0 8px #ed30ff1a}.sports-agenda .event-time-status .original-time{font-size:11px;color:#8b5aa3;margin-bottom:4px;display:block;font-weight:600}.sports-agenda .event-league-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px}.sports-agenda .event-league-info .event-league{font-size:1.01rem;color:#ed30ff;font-weight:700;margin-bottom:2px;letter-spacing:.1px;text-shadow:0 1px 4px rgba(237,48,255,.1)}.sports-agenda .event-league-info .event-title{font-size:1.18rem;color:#ed30ff;font-weight:900;letter-spacing:-.2px;margin-top:0;margin-bottom:2px;text-shadow:0 1px 4px rgba(237,48,255,.13)}.sports-agenda .event-equipos{font-size:1.01rem;color:#ed30ff;font-weight:600;margin-left:0;opacity:.92;letter-spacing:.2px;margin-top:2px}.sports-agenda .status-badge{font-size:11px;font-weight:800;padding:5px 16px;border-radius:16px;text-transform:uppercase;white-space:nowrap;flex-shrink:0;border:none;letter-spacing:.7px;background:#ed30ff;color:#fff;box-shadow:0 0 12px #ed30ff2e;margin-top:8px;transition:background .18s,box-shadow .18s}.sports-agenda .status-badge.live{background:#00ff88;color:#181818;box-shadow:0 0 24px #00ff8840;animation:pulse-live 1.5s infinite}.sports-agenda .status-badge.upcoming{background:#ffe066;color:#181818;box-shadow:0 0 12px #ffe0662e}.sports-agenda .status-badge.finished{background:#888;color:#fff;opacity:.8;box-shadow:none}.sports-agenda .event-servers{width:100%;margin-top:0;padding:18px 24px 14px;border-top:2px solid #ed30ff;background:#3d0f4f;border-radius:0 0 12px 12px;box-shadow:0 2px 12px #ed30ff14;animation:expandFade .22s cubic-bezier(.4,1.3,.6,1) 1;display:flex;flex-direction:column;gap:10px}.sports-agenda .event-servers .server-btn{background:#ed30ff;color:#fff;border:none;border-radius:999px;padding:10px 18px;font-weight:700;font-size:1rem;cursor:pointer;margin:0;box-shadow:0 2px 8px #ed30ff1a;transition:background .18s,color .18s,box-shadow .18s,transform .13s;width:100%;text-align:left}.sports-agenda .event-servers .server-btn:hover{background:#B668D1;color:#fff;box-shadow:0 4px 16px #b668d12e;transform:translateY(-2px) scale(1.04)}@keyframes expandFade{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ff47574d}50%{opacity:.8;transform:scale(1.05);box-shadow:0 0 15px #ff475780}}@keyframes glow-upcoming{0%,to{box-shadow:0 0 8px #ffa72633}50%{box-shadow:0 0 12px #ffa72666}}@keyframes rotate-border{0%{transform:rotate(0);opacity:.3}50%{opacity:.5}to{transform:rotate(360deg);opacity:.3}}@media (max-width: 1024px){.sports-agenda{padding:16px;max-width:100%}}@media (max-width: 768px){.sports-agenda{padding:12px}.sports-agenda .sports-header h2{font-size:20px}.sports-agenda .sports-header .date-time{gap:8px}.sports-agenda .sports-header .date-time .date,.sports-agenda .sports-header .date-time .time{font-size:11px}}@media (max-width: 480px){.sports-agenda{padding:8px}.sports-agenda .sports-header h2{font-size:18px}.sports-agenda .event-card{padding:8px 12px}.sports-agenda .event-card .event-time{min-width:50px;margin-right:8px}.sports-agenda .event-card .event-time .time{font-size:10px;padding:2px 4px;min-width:40px}.sports-agenda .event-card .event-time .original-time{font-size:7px}.sports-agenda .event-card .event-league-info{gap:6px}.sports-agenda .event-card .event-league-info .event-title{font-size:11px}.sports-agenda .status-badge{font-size:7px;padding:1px 3px}}.politica-page{min-height:100vh;background-color:#121212;color:#fff;padding:2rem 0}.politica-page .container{max-width:800px;margin:0 auto;padding:0 2rem}.politica-page .container h1{font-size:2.5rem;margin-bottom:2rem;color:#fff;text-align:center}.politica-page .container .content{font-family:Arial,sans-serif;line-height:1.6}.politica-page .container .content p{margin-bottom:1.5rem;font-size:1.1rem;text-align:justify}@media (max-width: 768px){.politica-page .container{padding:0 1rem}.politica-page .container h1{font-size:2rem}}.terminos-page{min-height:100vh;background-color:#121212;color:#fff;padding:2rem 0}.terminos-page .container{max-width:800px;margin:0 auto;padding:0 2rem}.terminos-page .container h1{font-size:2.5rem;margin-bottom:2rem;color:#fff;text-align:center}.terminos-page .container .content{font-family:Arial,sans-serif;line-height:1.6}.terminos-page .container .content p{margin-bottom:1.5rem;font-size:1.1rem;text-align:justify}@media (max-width: 768px){.terminos-page .container{padding:0 1rem}.terminos-page .container h1{font-size:2rem}}.channel-player-page{height:100vh;display:flex;flex-direction:column;background-color:#000;color:#fff;overflow:hidden;position:relative}.channel-player-page.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgb(0,0,0)}.channel-player-page.user-active,.channel-player-page.user-active .player-container{cursor:default}.channel-player-page.user-inactive,.channel-player-page.user-inactive .player-container,.channel-player-page.user-inactive iframe{cursor:none}.channel-player-page .player-header,.channel-player-page .fullscreen-controls,.channel-player-page .event-info-bar{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.channel-player-page .player-header.visible,.channel-player-page .fullscreen-controls.visible,.channel-player-page .event-info-bar.visible{opacity:1;transform:translateY(0);pointer-events:auto}.channel-player-page .player-header.hidden,.channel-player-page .fullscreen-controls.hidden,.channel-player-page .event-info-bar.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.channel-player-page .server-selector,.channel-player-page .server-selector-bottom{opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important;visibility:visible!important;transition:none!important}.player-header{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:.5rem 1.25rem;background:rgba(0,0,0,.9);border-bottom:1px solid rgba(157,80,187,.2);box-shadow:0 2px 15px #00000080;position:fixed;top:0;left:0;right:0;z-index:1000;isolation:isolate;gap:.75rem;min-height:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-header.visible{opacity:1;transform:translateY(0);pointer-events:auto}.player-header.hidden{opacity:.9;transform:translateY(-5px);pointer-events:auto;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,rgba(31,3,43,.6) 50%,rgba(0,0,0,.5) 100%)}.player-header.hidden:hover{opacity:1;transform:translateY(0);background:linear-gradient(180deg,rgba(0,0,0,.95) 0%,rgba(31,3,43,.9) 50%,rgba(0,0,0,.85) 100%)}@media (max-width: 768px){.player-header{padding:.8rem 1rem;gap:.5rem;min-height:60px}}.player-header .channel-info{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;z-index:2;gap:.2rem}.player-header .channel-info .info-label{font-size:.7rem;font-weight:600;margin:0;color:#fffc;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#B668D1,#9D50BB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.player-header .channel-info .channel-title{font-size:.9rem;font-weight:600;margin:0;color:#fff;text-shadow:0 1px 4px rgba(157,80,187,.4);background:none;z-index:2;letter-spacing:.2px;line-height:1.2;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.player-header .channel-info .channel-title{font-size:.8rem;max-width:150px}}.player-header .channel-info .event-metadata,.player-header .channel-info .channel-metadata{display:flex;align-items:center;gap:.6rem;margin-top:.1rem;flex-wrap:wrap}.player-header .channel-info .event-metadata .event-sport,.player-header .channel-info .event-metadata .event-time,.player-header .channel-info .event-metadata .connection-status,.player-header .channel-info .event-metadata .retry-count,.player-header .channel-info .event-metadata .stream-type-indicator,.player-header .channel-info .channel-metadata .event-sport,.player-header .channel-info .channel-metadata .event-time,.player-header .channel-info .channel-metadata .connection-status,.player-header .channel-info .channel-metadata .retry-count,.player-header .channel-info .channel-metadata .stream-type-indicator{font-size:.8rem;font-weight:600;color:#fff;background:linear-gradient(135deg,rgba(157,80,187,.8),rgba(106,13,173,.8));padding:.4rem .8rem;border-radius:20px;border:1px solid rgba(157,80,187,.5);display:flex;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #9d50bb4d;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.player-header .channel-info .event-metadata .event-sport,.player-header .channel-info .event-metadata .event-time,.player-header .channel-info .event-metadata .connection-status,.player-header .channel-info .event-metadata .retry-count,.player-header .channel-info .event-metadata .stream-type-indicator,.player-header .channel-info .channel-metadata .event-sport,.player-header .channel-info .channel-metadata .event-time,.player-header .channel-info .channel-metadata .connection-status,.player-header .channel-info .channel-metadata .retry-count,.player-header .channel-info .channel-metadata .stream-type-indicator{font-size:.7rem;padding:.2rem .4rem}}.player-header .channel-info .event-metadata .stream-type-indicator.m3u8,.player-header .channel-info .channel-metadata .stream-type-indicator.m3u8{background:linear-gradient(135deg,rgba(231,76,60,.9),rgba(192,57,43,.9));border-color:#e74c3c99;box-shadow:0 2px 12px #e74c3c66}.player-header .channel-info .event-metadata .stream-type-indicator.dash,.player-header .channel-info .channel-metadata .stream-type-indicator.dash{background:linear-gradient(135deg,rgba(52,152,219,.9),rgba(41,128,185,.9));border-color:#3498db99;box-shadow:0 2px 12px #3498db66}.player-header .channel-info .event-metadata .stream-type-indicator.video,.player-header .channel-info .channel-metadata .stream-type-indicator.video{background:linear-gradient(135deg,rgba(46,204,113,.9),rgba(39,174,96,.9));border-color:#2ecc7199;box-shadow:0 2px 12px #2ecc7166}.player-header .channel-info .event-metadata .stream-type-indicator.iframe,.player-header .channel-info .channel-metadata .stream-type-indicator.iframe{background:linear-gradient(135deg,rgba(155,89,182,.9),rgba(142,68,173,.9));border-color:#9b59b699;box-shadow:0 2px 12px #9b59b666}.player-header .channel-info .event-metadata .connection-status.connected,.player-header .channel-info .channel-metadata .connection-status.connected{background:linear-gradient(135deg,rgba(34,197,94,.8),rgba(22,163,74,.8));border-color:#22c55ecc;color:#fff;box-shadow:0 0 15px #22c55e66;animation:connected-glow 3s ease-in-out infinite}.player-header .channel-info .event-metadata .connection-status.connecting,.player-header .channel-info .event-metadata .connection-status.loading,.player-header .channel-info .channel-metadata .connection-status.connecting,.player-header .channel-info .channel-metadata .connection-status.loading{background:linear-gradient(135deg,rgba(251,191,36,.8),rgba(245,158,11,.8));border-color:#fbbf24cc;color:#fff;box-shadow:0 0 15px #fbbf2466;animation:connecting-pulse 2s infinite}.player-header .channel-info .event-metadata .connection-status.error,.player-header .channel-info .event-metadata .connection-status.failed,.player-header .channel-info .channel-metadata .connection-status.error,.player-header .channel-info .channel-metadata .connection-status.failed{background:linear-gradient(135deg,rgba(239,68,68,.8),rgba(220,38,38,.8));border-color:#ef4444cc;color:#fff;box-shadow:0 0 15px #ef444466;animation:error-flash 2s infinite}.player-header .channel-info .event-metadata .retry-count,.player-header .channel-info .channel-metadata .retry-count{background:rgba(251,191,36,.2);border-color:#fbbf2480;color:#fbbf24}.player-header .channel-info h1{font-size:1.1rem;font-weight:600;margin:0;color:#ed30ff;text-shadow:0 2px 8px rgba(27,6,36,.8);background:none;z-index:2;line-height:1.2}.player-header .back-button{background:rgba(157,80,187,.15);color:#fff;font-size:.8rem;border:1px solid rgba(157,80,187,.3);font-weight:500;border-radius:20px;padding:.4rem .8rem;margin:0;box-shadow:0 2px 8px #9d50bb33;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.4rem;outline:none;z-index:2;min-width:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.player-header .back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}@media (max-width: 640px){.player-header .back-button{padding:.3rem .6rem;gap:.3rem;font-size:.75rem}}.player-header .back-button svg{width:14px;height:14px;color:#fff;opacity:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}@media (max-width: 640px){.player-header .back-button svg{width:12px;height:12px}}.player-header .back-button .back-text{font-weight:500;font-size:.8rem}@media (max-width: 640px){.player-header .back-button .back-text{font-size:.7rem}}.player-header .back-button:hover,.player-header .back-button:focus{background:rgba(157,80,187,.25);border-color:#9d50bb80;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #9d50bb4d}.player-header .back-button:hover:before,.player-header .back-button:focus:before{left:100%}.player-header .back-button:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #9d50bb66}.player-header .player-controls{display:flex;align-items:center;gap:.6rem}.player-header .retry-button{background:rgba(251,191,36,.15);border:1px solid rgba(251,191,36,.3);color:#fbbf24;padding:.3rem .6rem;border-radius:15px;cursor:pointer;transition:all .3s ease;font-size:.7rem;font-weight:500;display:flex;align-items:center;gap:.3rem}.player-header .retry-button:hover{background:rgba(251,191,36,.25);border-color:#fbbf2480;transform:translateY(-1px) scale(1.02)}.player-header .server-selector{position:relative;min-width:280px;z-index:999999}@media (max-width: 768px){.player-header .server-selector{position:static!important;width:100%;min-width:unset}}.player-header .server-selector.server-selector-bottom{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}.player-header .server-selector .server-toggle-button{display:flex;align-items:center;gap:.75rem;background:rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem 1rem;border-radius:10px;cursor:pointer;transition:all .3s ease;text-align:left;width:100%}.player-header .server-selector .server-toggle-button:hover{background:rgba(255,255,255,.08);border-color:#9d50bb4d;transform:translateY(-1px)}.player-header .server-selector .server-toggle-button .server-toggle-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(157,80,187,.2);border-radius:8px;flex-shrink:0}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-icon{width:36px;height:36px}}.player-header .server-selector .server-toggle-button .server-toggle-icon svg{width:16px;height:16px;color:#9d50bbcc}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-icon svg{width:18px;height:18px}}.player-header .server-selector .server-toggle-button .server-toggle-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.player-header .server-selector .server-toggle-button .server-toggle-info .server-toggle-label{font-size:.9rem;font-weight:500;color:#fff}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-info .server-toggle-label{font-size:1rem}}.player-header .server-selector .server-toggle-button .server-toggle-info .server-toggle-count{font-size:.75rem;color:#fff9}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-info .server-toggle-count{font-size:.8rem}}.player-header .server-selector .server-toggle-button .server-toggle-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:transform .3s ease}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-arrow{width:28px;height:28px}}.player-header .server-selector .server-toggle-button .server-toggle-arrow svg{width:16px;height:16px;color:#ffffffb3}@media (max-width: 768px){.player-header .server-selector .server-toggle-button .server-toggle-arrow svg{width:18px;height:18px}}.player-header .server-selector .server-toggle-button .server-toggle-arrow.open{transform:rotate(180deg)}.player-header .server-selector .server-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:rgba(0,0,0,.98);border:1px solid rgba(157,80,187,.4);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 10px 30px #0009,0 0 0 1px #9d50bb33;z-index:999999;animation:dropdownFadeIn .3s ease-out;max-height:60vh;overflow:hidden}@media (max-width: 768px){.player-header .server-selector .server-dropdown{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:unset!important;width:100vw!important;max-width:100vw!important;border-radius:18px 18px 0 0!important;box-shadow:0 -2px 16px #0000002e;z-index:999999;max-height:60vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,16px);animation:dropdownFadeIn .3s ease-out}}.player-header .server-selector .server-dropdown .server-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(157,80,187,.2)}@media (max-width: 768px){.player-header .server-selector .server-dropdown .server-dropdown-header{padding:18px 18px 8px;border-bottom:1px solid rgba(157,80,187,.15);background:rgba(0,0,0,.98);border-radius:18px 18px 0 0}}.player-header .server-selector .server-dropdown .server-dropdown-header .server-label{font-size:.9rem;color:#ffffffe6;font-weight:500}.player-header .server-selector .server-dropdown .server-dropdown-header .close-dropdown-button{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.375rem;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.player-header .server-selector .server-dropdown .server-dropdown-header .close-dropdown-button svg{width:14px;height:14px}.player-header .server-selector .server-dropdown .server-dropdown-header .close-dropdown-button:hover{background:rgba(220,53,69,.2);border-color:#dc354580}.player-header .server-selector .server-dropdown .server-buttons{display:flex!important;flex-direction:column!important;gap:16px!important;padding:18px!important;background:transparent!important}@media (max-width: 768px){.player-header .server-selector .server-dropdown .server-buttons{display:flex!important;flex-direction:column!important;gap:16px!important;padding:18px!important;background:transparent!important}}.player-header .server-selector .server-dropdown .server-buttons::-webkit-scrollbar{width:6px}.player-header .server-selector .server-dropdown .server-buttons::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:3px}.player-header .server-selector .server-dropdown .server-buttons::-webkit-scrollbar-thumb{background:rgba(157,80,187,.5);border-radius:3px}.player-header .server-selector .server-dropdown .server-buttons::-webkit-scrollbar-thumb:hover{background:rgba(157,80,187,.7)}.player-header .server-selector .server-dropdown .server-buttons .server-button{display:none!important}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn{background:rgba(0,0,0,.6);color:#e0e0e0;font-size:.9rem;font-weight:500;border:1px solid rgba(157,80,187,.3);border-radius:8px;padding:.5rem .8rem;margin:.1rem .2rem;box-shadow:0 2px 8px #0003;cursor:pointer;transition:all .3s ease;outline:none;letter-spacing:.3px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:75px;min-height:40px;max-width:110px;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn:hover,.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn:focus{background:rgba(157,80,187,.15);color:#fff;border-color:#9d50bb99;box-shadow:0 4px 12px #9d50bb33;transform:translateY(-2px)}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn.active{background:rgba(237,48,255,.25);color:#fff;border-color:#ed30ff;box-shadow:0 0 0 2px #ed30ff4d,0 4px 16px #ed30ff4d;font-weight:600;transform:translateY(-2px);z-index:2}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-btn:disabled:hover{background:rgba(0,0,0,.6);transform:none;box-shadow:0 2px 8px #0003}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-label{font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase;line-height:1.2}.player-header .server-selector .server-dropdown .server-buttons .server-mobile-active{display:none!important}.player-header .fullscreen-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.4rem .8rem;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:500;box-shadow:0 2px 6px #0003}@media (max-width: 640px){.player-header .fullscreen-button .fullscreen-text{display:none}}.player-header .fullscreen-button svg{width:14px;height:14px;opacity:.9}.player-header .fullscreen-button:hover{background:rgba(157,80,187,.2);border-color:#ed30ff66;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 12px #9d50bb4d}.player-header .fullscreen-button:active{transform:translateY(0)}.player-container{position:relative;width:100%;flex:1;display:flex;flex-direction:column;z-index:1;background:#000;margin-top:48px}.player-container.fullscreen-player{height:100vh;z-index:1}.player-container .channel-iframe{width:100%;height:100%;border:none;background:black;pointer-events:auto;border-radius:8px}.player-container .channel-iframe:focus{outline:none}.player-container .channel-iframe{position:relative;z-index:1}.player-container .fallback-iframe{opacity:.7;pointer-events:none}.player-container .iframe-container{width:100%;height:100%;flex:1;display:flex;position:relative}.player-container .iframe-container iframe{width:100%;height:100%;border:none;background:black}.channel-player-content{display:flex;flex-direction:column;min-height:calc(100vh - 48px);padding:1rem;gap:2rem;background:linear-gradient(135deg,rgba(0,0,0,.95) 0%,rgba(31,3,43,.9) 50%,rgba(0,0,0,.85) 100%)}@media (max-width: 768px){.channel-player-content{padding:.5rem;gap:1rem}}.fixed-iframe-container{max-width:800px;width:100%;height:450px;margin:0 auto 2rem;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #9d50bb33,0 4px 16px #0000004d,inset 0 0 0 1px #9d50bb1a;background:#000;border:2px solid rgba(157,80,187,.3)}@media (max-width: 1024px){.fixed-iframe-container{max-width:700px;height:400px}}@media (max-width: 768px){.fixed-iframe-container{max-width:100%;height:320px;margin:0 auto 1.5rem;border-radius:8px}}@media (max-width: 480px){.fixed-iframe-container{height:280px;margin:0 auto 1rem}}.fixed-iframe-container.fullscreen-player{max-width:100vw;width:100vw;height:100vh;margin:0;border-radius:0;border:none;box-shadow:none}.fixed-iframe-container .channel-iframe{width:100%;height:100%;border:none;background:black;border-radius:0}.fixed-iframe-container .channel-video-player{width:100%;height:100%;background:#000;object-fit:contain;border-radius:0}.fixed-iframe-container .status-indicator{position:absolute;top:10px;left:10px;z-index:999}.channel-info-section{flex:1;display:flex;flex-direction:column;gap:1.5rem;max-width:800px;width:100%;margin:0 auto}@media (max-width: 768px){.channel-info-section{gap:1rem}}.channel-details-card{background:rgba(0,0,0,.7);border:1px solid rgba(157,80,187,.3);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}@media (max-width: 768px){.channel-details-card{padding:1.5rem;border-radius:8px}}.channel-details-card .channel-header-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.channel-details-card .channel-header-info .channel-name{font-size:1.8rem;font-weight:700;color:#fff;margin:0;background:linear-gradient(90deg,#B668D1,#9D50BB);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.channel-details-card .channel-header-info .channel-name{font-size:1.5rem}}.channel-details-card .channel-header-info .channel-category,.channel-details-card .channel-header-info .channel-country{display:inline-block;background:rgba(157,80,187,.2);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500;border:1px solid rgba(157,80,187,.4);margin-right:.5rem;margin-bottom:.5rem}.channel-details-card .event-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:rgba(231,76,60,.1);border:1px solid rgba(231,76,60,.3);border-radius:8px}.channel-details-card .event-details .event-sport,.channel-details-card .event-details .event-time,.channel-details-card .event-details .event-status{font-size:.9rem;font-weight:600;padding:.4rem .8rem;border-radius:6px;color:#fff}.channel-details-card .event-details .event-sport{background:rgba(52,152,219,.8)}.channel-details-card .event-details .event-time{background:rgba(46,204,113,.8)}.channel-details-card .event-details .event-status{background:rgba(231,76,60,.8)}.channel-details-card .stream-details{display:flex;flex-direction:column;gap:1rem}.channel-details-card .stream-details .stream-info{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.channel-details-card .stream-details .stream-info .stream-type{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600}.channel-details-card .stream-details .stream-info .stream-type.m3u8{background:rgba(231,76,60,.9);color:#fff;border:1px solid rgba(231,76,60,.6)}.channel-details-card .stream-details .stream-info .stream-type.dash{background:rgba(52,152,219,.9);color:#fff;border:1px solid rgba(52,152,219,.6)}.channel-details-card .stream-details .stream-info .stream-type.video{background:rgba(46,204,113,.9);color:#fff;border:1px solid rgba(46,204,113,.6)}.channel-details-card .stream-details .stream-info .stream-type.iframe{background:rgba(155,89,182,.9);color:#fff;border:1px solid rgba(155,89,182,.6)}.channel-details-card .stream-details .stream-info .connection-indicator{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600}.channel-details-card .stream-details .stream-info .connection-indicator.connected{background:rgba(34,197,94,.8);color:#fff;border:1px solid rgba(34,197,94,.6)}.channel-details-card .stream-details .stream-info .connection-indicator.connecting,.channel-details-card .stream-details .stream-info .connection-indicator.loading{background:rgba(251,191,36,.8);color:#fff;border:1px solid rgba(251,191,36,.6)}.channel-details-card .stream-details .stream-info .connection-indicator.error,.channel-details-card .stream-details .stream-info .connection-indicator.failed{background:rgba(239,68,68,.8);color:#fff;border:1px solid rgba(239,68,68,.6)}.channel-details-card .stream-details .servers-count{color:#ffffffb3;font-size:.9rem;font-weight:500}.iframe-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iframe-loading-overlay .loading-spinner{width:60px;height:60px;border:4px solid rgba(157,80,187,.3);border-top:4px solid #9D50BB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1.5rem}.iframe-loading-overlay p{color:#ffffffe6;font-size:1.1rem;margin:0 0 1rem;text-align:center;font-weight:500}.iframe-loading-overlay .retry-info{color:#fbbf24cc;font-size:.9rem;background:rgba(251,191,36,.1);padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(251,191,36,.3)}.canales-online-player{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#000;border-radius:8px;overflow:hidden}.canales-online-player .external-channel-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.canales-online-player .external-channel-container .external-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:rgba(0,0,0,.9);padding:2rem;border-radius:12px;border:2px solid #9D50BB;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px}.canales-online-player .external-channel-container .external-info h2{color:#9d50bb;margin-bottom:1rem;font-size:1.5rem}.canales-online-player .external-channel-container .external-info p{color:#fffc;margin-bottom:2rem;line-height:1.5}.canales-online-player .external-channel-container .external-info .open-external-button{background:linear-gradient(135deg,#9D50BB 0%,#ed30ff 100%);border:none;color:#fff;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto}.canales-online-player .external-channel-container .external-info .open-external-button svg{width:20px;height:20px}.canales-online-player .external-channel-container .external-info .open-external-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.canales-online-player .external-channel-container .backup-iframe{width:100%;height:100%;border:none;outline:none;background:#000}.fullscreen-controls{position:absolute;top:20px;right:20px;display:flex;gap:1rem;z-index:1000;align-items:center}.fullscreen-controls .exit-fullscreen-button{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.fullscreen-controls .exit-fullscreen-button svg{width:20px;height:20px}.fullscreen-controls .exit-fullscreen-button:hover{background:rgba(0,0,0,.95);border-color:#9d50bb;transform:scale(1.05)}.fullscreen-controls .fullscreen-source-selector select{background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem;border-radius:8px;cursor:pointer;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:120px}.fullscreen-controls .fullscreen-source-selector select:focus{outline:none;border-color:#9d50bb}.fullscreen-controls .fullscreen-source-selector select option{background:#1a1a1a;color:#fff;padding:.5rem}.status-indicator{position:absolute;top:15px;left:15px;z-index:999}.status-indicator .status-dot{width:12px;height:12px;border-radius:50%;background:#6b7280;box-shadow:0 0 0 2px #000c;transition:all .3s ease}.status-indicator .status-dot.connected{background:#22c55e;box-shadow:0 0 0 2px #000c,0 0 10px #22c55e80}.status-indicator .status-dot.connecting,.status-indicator .status-dot.loading{background:#fbbf24;animation:pulse 2s infinite;box-shadow:0 0 0 2px #000c,0 0 10px #fbbf2480}.status-indicator .status-dot.error,.status-indicator .status-dot.failed{background:#ef4444;box-shadow:0 0 0 2px #000c,0 0 10px #ef444480}.channel-details{padding:2rem}.channel-details .channel-meta{margin-bottom:2rem}.channel-details .channel-meta p{margin:.5rem 0;color:#fffc}.channel-details .channel-meta p strong{color:#9d50bb}.channel-details .channel-meta .status-online{color:#4ade80;font-weight:600}.channel-details .channel-meta .channel-type{color:#9d50bb;font-weight:600}.channel-details .sources-info h3{color:#9d50bb;margin-bottom:1rem;font-size:1.1rem}.channel-details .sources-info ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}.channel-details .sources-info ul li button{background:rgba(157,80,187,.2);border:1px solid rgba(157,80,187,.5);color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem}.channel-details .sources-info ul li button:hover{background:rgba(157,80,187,.4);border-color:#9d50bb}.channel-details .sources-info ul li.active button{background:#9D50BB;border-color:#9d50bb}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem}.loading-container h2,.error-container h2{color:#9d50bb;margin-bottom:1rem}.loading-container p,.error-container p{color:#fffc;margin-bottom:2rem}.loading-container .close-button,.error-container .close-button{background:linear-gradient(135deg,#9D50BB 0%,#ed30ff 100%);border:none;color:#fff;padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease}.loading-container .close-button:hover,.error-container .close-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.loading-spinner{width:50px;height:50px;border:3px solid rgba(157,80,187,.3);border-top:3px solid #9D50BB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.iframe-blocked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.iframe-blocked-overlay .blocked-info{text-align:center;max-width:500px;padding:2rem;background:rgba(220,53,69,.1);border:2px solid #dc3545;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.iframe-blocked-overlay .blocked-info h2{color:#dc3545;margin-bottom:1rem;font-size:1.5rem}.iframe-blocked-overlay .blocked-info p{color:#ffffffe6;margin-bottom:2rem;line-height:1.5}.iframe-blocked-overlay .blocked-info .blocked-actions{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 768px){.iframe-blocked-overlay .blocked-info .blocked-actions{flex-direction:row;justify-content:center}}.iframe-blocked-overlay .blocked-info .blocked-actions .open-external-button{background:linear-gradient(135deg,#9D50BB 0%,#ed30ff 100%);border:none;color:#fff;padding:1rem 2rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.iframe-blocked-overlay .blocked-info .blocked-actions .open-external-button svg{width:20px;height:20px}.iframe-blocked-overlay .blocked-info .blocked-actions .open-external-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.iframe-blocked-overlay .blocked-info .blocked-actions .try-next-server-button{background:linear-gradient(135deg,#dc3545 0%,#b02a3a 100%);border:none;color:#fff;padding:.875rem 1.75rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;text-decoration:none}.iframe-blocked-overlay .blocked-info .blocked-actions .try-next-server-button:hover{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);transform:translateY(-2px);box-shadow:0 8px 25px #dc354566}.iframe-blocked-overlay .blocked-info .blocked-actions .try-next-server-button:active{transform:translateY(0)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95);visibility:hidden}to{opacity:1;transform:translateY(0) scale(1);visibility:visible}}@media (max-width: 768px){.player-header{flex-direction:column;align-items:stretch;padding:1rem;gap:1.5rem}.player-header .player-controls{flex-direction:column;align-items:stretch;gap:1rem}.player-header .server-selector{min-width:auto;width:100%}.player-header .server-selector .server-dropdown{position:fixed;top:50%;left:1rem;right:1rem;transform:translateY(-50%);max-height:60vh}.player-header .server-selector .server-dropdown .server-dropdown-header{padding:1rem}.player-header .server-selector .server-dropdown .server-buttons{max-height:calc(60vh - 80px)}.player-header .server-selector .server-dropdown .server-buttons .server-button{padding:1rem;gap:1rem}.player-header .server-selector .server-dropdown .server-buttons .server-button .server-icon{width:40px;height:40px}.player-header .server-selector .server-dropdown .server-buttons .server-button .server-icon svg{width:20px;height:20px}.player-header .server-selector .server-dropdown .server-buttons .server-button .server-info .server-name{font-size:1.1rem}.player-header .server-selector .server-dropdown .server-buttons .server-button .server-info .server-status{font-size:.85rem}.player-header .server-selector .server-dropdown .server-buttons .server-button .active-indicator{width:30px;height:30px}.player-header .server-selector .server-dropdown .server-buttons .server-button .active-indicator svg{width:16px;height:16px}.player-header .channel-info h1{font-size:1.1rem}.iframe-blocked-overlay .blocked-info{margin:1rem;padding:1.5rem}.iframe-blocked-overlay .blocked-info .blocked-actions{flex-direction:column;gap:1rem}.iframe-blocked-overlay .blocked-info .blocked-actions .try-next-server-button,.iframe-blocked-overlay .blocked-info .blocked-actions .open-external-button{width:100%;justify-content:center}}@media (max-width: 480px){.player-header{padding:.75rem}.player-header .server-selector .server-buttons{max-height:150px}.player-header .server-selector .server-buttons .server-button{padding:.75rem}.player-header .server-selector .server-buttons .server-button .server-icon{width:32px;height:32px}.player-header .server-selector .server-buttons .server-button .server-icon svg{width:16px;height:16px}.player-header .server-selector .server-buttons .server-button .server-info .server-name{font-size:.9rem}.player-header .server-selector .server-buttons .server-button .server-info .server-status{font-size:.75rem}.player-header .server-selector .server-buttons .server-button .active-indicator{width:24px;height:24px}.player-header .server-selector .server-buttons .server-button .active-indicator svg{width:12px;height:12px}}.iframe-protection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;background:transparent}.server-dropdown-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:999998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 769px){.server-dropdown-backdrop{display:none}}.server-dropdown{visibility:visible!important;opacity:1!important;display:block!important;pointer-events:auto}.server-dropdown .server-buttons{scrollbar-width:thin;scrollbar-color:rgba(157,80,187,.7) rgba(255,255,255,.1)}.server-dropdown .server-buttons::-webkit-scrollbar{width:8px;background:rgba(255,255,255,.1);border-radius:4px}.server-dropdown .server-buttons::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:4px;margin:4px 0}.server-dropdown .server-buttons::-webkit-scrollbar-thumb{background:rgba(157,80,187,.7);border-radius:4px;border:1px solid rgba(255,255,255,.1)}.server-dropdown .server-buttons::-webkit-scrollbar-thumb:hover{background:rgba(157,80,187,.9)}.server-dropdown .server-buttons::-webkit-scrollbar-thumb:active{background:#9D50BB}.server-dropdown .server-buttons{padding-right:12px;min-height:150px}.server-dropdown .server-buttons .server-button{flex-shrink:0;min-height:60px}@media (max-width: 768px){.server-dropdown .server-buttons .server-button{min-height:70px}}.server-selector-bottom{display:flex;justify-content:center;align-items:center;margin:0 auto 2rem;padding:1rem .8rem;background:rgba(0,0,0,.85)!important;border:1px solid rgba(237,48,255,.4);border-radius:12px;box-shadow:0 6px 24px #ed30ff33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:800px;width:100%;z-index:10000!important;position:relative}@media (max-width: 768px){.server-selector-bottom{margin:0 auto 1.5rem;max-width:100%}}.server-buttons.always-visible{width:100%;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.server-mobile-btn{background:linear-gradient(135deg,rgba(157,80,187,.9) 0%,rgba(138,60,172,.9) 100%);color:#fff;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.7rem 1.2rem;margin:.1rem .2rem;box-shadow:0 4px 15px #9d50bb4d,0 2px 8px #0003;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);outline:none;letter-spacing:.2px;display:flex;align-items:center;justify-content:center;min-width:120px;min-height:42px;max-width:150px;position:relative;text-transform:none;opacity:1!important;visibility:visible!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.server-mobile-btn{font-size:.8rem;padding:.6rem 1rem;min-width:100px;min-height:38px}}.server-mobile-btn:hover,.server-mobile-btn:focus{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(245,245,245,.95) 100%);color:#9d50bb;border:1px solid rgba(157,80,187,.4);box-shadow:0 8px 25px #9d50bb66,0 4px 12px #00000026;transform:translateY(-2px) scale(1.02);font-weight:700;text-shadow:none}.server-mobile-btn.active{background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(248,250,252,.98) 100%);color:#9d50bb;border:1px solid #9D50BB;box-shadow:0 0 0 2px #9d50bb4d,0 6px 20px #9d50bb4d;font-weight:700;transform:scale(1.04);z-index:2;text-shadow:none}.server-mobile-label{font-size:1rem;font-weight:500;letter-spacing:.1px;margin-right:.1rem}.server-mobile-active{display:none!important}@keyframes connected-glow{0%,to{box-shadow:0 0 15px #22c55e66;transform:scale(1)}50%{box-shadow:0 0 25px #22c55e99;transform:scale(1.02)}}@keyframes connecting-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes error-flash{0%,to{box-shadow:0 0 15px #ef444466}50%{box-shadow:0 0 25px #ef4444cc}}.channel-player-page.modern-layout{min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;padding:80px 0 0;margin:0}.channel-player-page .modern-player-container{min-height:calc(100vh - 80px)}.channel-player-page .content-genres .live-badge{background:linear-gradient(135deg,#ff4444 0%,#cc0000 100%);animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:0 0 5px #ff444480}to{box-shadow:0 0 20px #f44c}}.channel-player-page .server-option .server-lang{text-transform:uppercase;font-weight:600;letter-spacing:.5px}.channel-player-page .status-value.stream-m3u8{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.channel-player-page .status-value.stream-dash{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.channel-player-page .status-value.stream-video{background:linear-gradient(135deg,#FF9800 0%,#F57C00 100%);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.channel-player-page .status-value.stream-iframe{background:linear-gradient(135deg,#9C27B0 0%,#7B1FA2 100%);color:#fff;padding:4px 8px;border-radius:6px;font-size:12px}.channel-player-page .status-value.status-connected{color:#4caf50;font-weight:600}.channel-player-page .status-value.status-connecting{color:#ff9800;font-weight:600}.channel-player-page .status-value.status-loading{color:#2196f3;font-weight:600}.channel-player-page .status-value.status-error,.channel-player-page .status-value.status-failed{color:#f44336;font-weight:600}.channel-player-page .fullscreen-controls{position:absolute;top:20px;right:20px;display:flex;gap:12px;z-index:1000}.channel-player-page .exit-fullscreen-button{background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.channel-player-page .exit-fullscreen-button svg{width:20px;height:20px}.channel-player-page .exit-fullscreen-button:hover{background:rgba(0,0,0,.9);border-color:#fff6}.channel-player-page .fullscreen-source-selector select{background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease}.channel-player-page .fullscreen-source-selector select:hover{background:rgba(0,0,0,.9);border-color:#fff6}.channel-player-page .fullscreen-source-selector select option{background:#1a1a2e;color:#fff}.channel-player-page .status-indicator{position:absolute;bottom:20px;right:20px;z-index:100}.channel-player-page .status-dot{width:12px;height:12px;border-radius:50%;transition:all .3s ease}.channel-player-page .status-dot.connected{background:#4CAF50;box-shadow:0 0 10px #4caf5080}.channel-player-page .status-dot.connecting,.channel-player-page .status-dot.loading{background:#FF9800;box-shadow:0 0 10px #ff980080;animation:pulse 1.5s ease-in-out infinite alternate}.channel-player-page .status-dot.error,.channel-player-page .status-dot.failed{background:#f44336;box-shadow:0 0 10px #f4433680}.channel-player-page .retry-btn{background:linear-gradient(135deg,#FF9800 0%,#F57C00 100%);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.channel-player-page .retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff980066}.channel-player-page video{background:#000000;object-fit:contain}.channel-player-page .loading-overlay .loading-text{font-size:16px;font-weight:500;color:#fff;text-align:center}.channel-player-page .retry-info{font-size:14px;color:#a0a0a0;margin-top:8px;text-align:center}.channel-player-page .meta-item.category{color:#667eea}.channel-player-page .meta-item.country,.channel-player-page .meta-item.status.connected{color:#4caf50}.channel-player-page .meta-item.status.connecting,.channel-player-page .meta-item.status.loading{color:#ff9800}.channel-player-page .meta-item.status.error,.channel-player-page .meta-item.status.failed{color:#f44336}.channel-player-page .player-status{display:flex;gap:16px;align-items:center;margin-bottom:16px;padding:12px 16px;background:rgba(255,255,255,.05);border-radius:8px;border-left:3px solid #ed30ff}.channel-player-page .status-item{display:flex;flex-direction:column;gap:4px}.channel-player-page .status-label{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}.channel-player-page .status-value{font-size:14px;font-weight:600;color:#fff}.channel-player-page .stream-m3u8{color:#4caf50}.channel-player-page .stream-dash{color:#2196f3}.channel-player-page .stream-video{color:#ff9800}.channel-player-page .stream-webplayer{color:#9c27b0}.channel-player-page .stream-embed{color:#f44336}.channel-player-page .stream-iframe{color:#607d8b}.channel-player-page .status-connected{color:#4caf50}.channel-player-page .status-connecting{color:#ff9800}.channel-player-page .status-loading{color:#2196f3}.channel-player-page .status-error,.channel-player-page .status-failed{color:#f44336}@media (max-width: 768px){.channel-player-page .fullscreen-controls{top:10px;right:10px;gap:8px}.channel-player-page .exit-fullscreen-button{padding:8px}.channel-player-page .exit-fullscreen-button svg{width:16px;height:16px}.channel-player-page .status-indicator{bottom:10px;right:10px}.channel-player-page .status-dot{width:10px;height:10px}}.auth-page{min-height:100vh;background:linear-gradient(135deg,#0c0c0c 0%,#1a1a2e 50%,#16213e 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow-x:hidden}.auth-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(218,47,104,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,107,107,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(218,47,104,.05) 0%,transparent 50%);pointer-events:none;z-index:0}@media only screen and (min-width: 640px){.auth-page{padding:20px 15px}}.auth-container{background:rgba(26,26,46,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:50px;width:100%;max-width:500px;position:relative;z-index:1;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d;animation:slideUp .6s ease-out}@media only screen and (min-width: 768px){.auth-container{padding:40px;max-width:450px}}@media only screen and (min-width: 640px){.auth-container{padding:30px 25px;max-width:380px;border-radius:20px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:40px}.auth-header h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:12px;background:#ed30ff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media only screen and (min-width: 640px){.auth-header h1{font-size:28px}}.auth-header p{color:#ffffffb3;font-size:16px;line-height:1.5}@media only screen and (min-width: 640px){.auth-header p{font-size:15px}}.error-message{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:#ed30ff;padding:16px;border-radius:12px;margin-bottom:24px;text-align:center;font-size:14px;animation:shake .5s ease-in-out}.error-message span{display:flex;align-items:center;justify-content:center;gap:8px}.error-message .oauth-help{margin-top:16px;padding:16px;background:rgba(0,0,0,.3);border-radius:8px;text-align:left;font-size:13px;line-height:1.4}.error-message .oauth-help p{margin:0 0 8px;font-weight:600}.error-message .oauth-help ol{margin:0;padding-left:18px}.error-message .oauth-help ol li{margin-bottom:6px}.error-message .oauth-help a{color:#ed30ff;text-decoration:none}.error-message .oauth-help a:hover{text-decoration:underline}.error-message .oauth-help code{background:rgba(0,0,0,.5);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px;word-break:break-all}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-methods{display:flex;flex-direction:column;gap:24px}.google-login-btn{background:white;color:#333;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;width:100%;box-shadow:0 4px 12px #0000001a}.google-login-btn:hover:not(:disabled){background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.google-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-login-btn svg{flex-shrink:0}@media only screen and (min-width: 640px){.google-login-btn{padding:14px 20px;font-size:15px}}.divider{position:relative;text-align:center;margin:8px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(255,255,255,.2)}.divider span{background:rgba(26,26,46,.95);color:#fff9;padding:0 20px;font-size:14px;position:relative;z-index:1}.email-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#fffc;font-size:14px;font-weight:500}.form-group input{width:100%;padding:16px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input::placeholder{color:#fff6}.form-group input:focus{outline:none;border-color:#ed30ff;background:rgba(255,255,255,.08);box-shadow:0 0 0 3px #da2f681a}@media only screen and (min-width: 640px){.form-group input{padding:14px 16px;font-size:15px}}.submit-btn{background:linear-gradient(135deg,#ed30ff 0%,#f47aff 100%);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #da2f6866}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn .loading{display:flex;align-items:center;justify-content:center;gap:10px}.submit-btn .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media only screen and (min-width: 640px){.submit-btn{padding:14px 20px;font-size:15px}}.auth-toggle{text-align:center;margin-top:8px}.auth-toggle p{color:#ffffffb3;font-size:15px;margin:0}.auth-toggle .toggle-btn{background:none;border:none;color:#ed30ff;font-weight:600;cursor:pointer;margin-left:6px;transition:all .3s ease;font-size:15px}.auth-toggle .toggle-btn:hover:not(:disabled){color:#ed30ff;text-decoration:underline}.auth-toggle .toggle-btn:disabled{opacity:.5;cursor:not-allowed}.back-to-home{margin-top:24px;text-align:center}.back-btn{background:rgba(255,255,255,.1);color:#fffc;border:1px solid rgba(255,255,255,.2);padding:12px 20px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .3s ease}.back-btn:hover{background:rgba(255,255,255,.15);color:#fff;transform:translateY(-1px)}.config-info{color:#fffc;line-height:1.6}.config-info .config-steps{margin-bottom:30px}.config-info .config-steps h3{color:#fff;margin-bottom:16px}.config-info .config-steps ol{padding-left:20px;margin-bottom:20px}.config-info .config-steps ol li{margin-bottom:10px}.config-info .config-steps a{color:#ed30ff;text-decoration:none}.config-info .config-steps a:hover{text-decoration:underline}.config-info .config-steps code{background:rgba(0,0,0,.3);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:13px}.config-info .env-example{background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:30px}.config-info .env-example h4{color:#fff;margin-bottom:12px;font-size:16px}.config-info .env-example pre{margin:0;font-family:Fira Code,monospace;font-size:13px}.config-info .env-example pre code{background:none;padding:0;color:#0f8;line-height:1.5;display:block}.watchlistPage{min-height:100vh;padding-top:100px}.watchlistPage .pageHeader{text-align:center;margin-bottom:40px}.watchlistPage .pageHeader .pageTitle{font-size:48px;font-weight:700;color:#ed30ff;margin-bottom:12px;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}@media only screen and (max-width: 767px){.watchlistPage .pageHeader .pageTitle{font-size:36px}}@media (max-width: 480px){.watchlistPage .pageHeader .pageTitle{font-size:28px}}.watchlistPage .pageHeader .pageSubtitle{font-size:18px;color:#ffffffb3;margin:0}@media only screen and (max-width: 767px){.watchlistPage .pageHeader .pageSubtitle{font-size:16px}}.watchlistPage .loadingState,.watchlistPage .errorState,.watchlistPage .emptyState{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;color:#fff;gap:20px}.watchlistPage .loadingState .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.watchlistPage .loadingState p{font-size:18px;color:#ffffffb3}.watchlistPage .errorState .errorIcon{font-size:64px;margin-bottom:8px}.watchlistPage .errorState h3{font-size:24px;margin:0 0 8px}.watchlistPage .errorState p{font-size:16px;color:#ffffffb3;margin:0 0 24px}.watchlistPage .errorState .retryButton{background:var(--gradient);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9d50bb4d}.watchlistPage .errorState .retryButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.watchlistPage .emptyState .emptyIcon{font-size:80px;margin-bottom:16px}.watchlistPage .emptyState h3{font-size:28px;margin:0 0 12px}.watchlistPage .emptyState p{font-size:16px;color:#ffffffb3;margin:0 0 32px;max-width:400px}.watchlistPage .emptyState .browseButton{background:var(--gradient);color:#fff;border:none;padding:14px 28px;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #9d50bb4d}.watchlistPage .emptyState .browseButton:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9d50bb66}.watchlistPage .watchlistGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:40px}@media only screen and (max-width: 767px){.watchlistPage .watchlistGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}}@media (max-width: 480px){.watchlistPage .watchlistGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.watchlistPage .watchlistItem{background:rgba(157,80,187,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;cursor:pointer;border:1px solid rgba(157,80,187,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.watchlistPage .watchlistItem:hover{transform:translateY(-4px);box-shadow:0 12px 40px #9d50bb4d;border-color:var(--pink);background:rgba(157,80,187,.15)}.watchlistPage .watchlistItem:hover .itemOverlay{opacity:1}.watchlistPage .watchlistItem:hover .poster{transform:scale(1.05)}.watchlistPage .watchlistItem .posterWrapper{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--black2)}.watchlistPage .watchlistItem .posterWrapper .poster{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.watchlistPage .watchlistItem .posterWrapper .itemOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(106,13,173,.8),rgba(157,80,187,.8));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s ease}.watchlistPage .watchlistItem .posterWrapper .itemOverlay .playButton,.watchlistPage .watchlistItem .posterWrapper .itemOverlay .removeButton{background:rgba(255,255,255,.95);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 4px 12px #0000004d}.watchlistPage .watchlistItem .posterWrapper .itemOverlay .playButton:hover,.watchlistPage .watchlistItem .posterWrapper .itemOverlay .removeButton:hover{background:white;transform:scale(1.1);box-shadow:0 6px 20px #0006}.watchlistPage .watchlistItem .posterWrapper .itemOverlay .playButton{color:var(--primary);font-size:16px}.watchlistPage .watchlistItem .posterWrapper .itemOverlay .removeButton{color:#dc3545;font-weight:700}.watchlistPage .watchlistItem .posterWrapper .typeIndicator{position:absolute;top:8px;left:8px;background:var(--gradient);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #9d50bb66}.watchlistPage .watchlistItem .itemInfo{padding:16px}.watchlistPage .watchlistItem .itemInfo .itemTitle{font-size:16px;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media only screen and (max-width: 767px){.watchlistPage .watchlistItem .itemInfo .itemTitle{font-size:14px}}.watchlistPage .watchlistItem .itemInfo .itemMeta{display:flex;align-items:center;gap:12px;margin-bottom:8px}.watchlistPage .watchlistItem .itemInfo .itemMeta .rating,.watchlistPage .watchlistItem .itemInfo .itemMeta .year{font-size:12px;color:#ffffffb3}.watchlistPage .watchlistItem .itemInfo .itemMeta .rating{display:flex;align-items:center;gap:2px}.watchlistPage .watchlistItem .itemInfo .addedDate{font-size:11px;color:#ffffff80;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-profile-page{max-width:480px;margin:0 auto 180px;background:rgba(31,3,43,.9);border-radius:18px;padding:48px 30px;color:#fff;box-shadow:0 4px 32px #9d50bb26;position:relative;top:100px;bottom:0}.edit-profile-page h2{text-align:center;margin-top:0;margin-bottom:24px;font-size:1.6rem;font-weight:700;color:#ed30ff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.edit-profile-page .edit-profile-form{display:flex;flex-direction:column;gap:14px}.edit-profile-page .edit-profile-form label{display:flex;flex-direction:column;font-weight:500;gap:4px;color:#fff}.edit-profile-page .edit-profile-form label input{background:#1f032b;border:1.5px solid #9d50bb;border-radius:8px;padding:7px 10px;color:#fff;font-size:.98rem;margin-top:2px}.edit-profile-page .edit-profile-form label input:disabled{background:#2d1840;color:#aaa}.edit-profile-page .edit-profile-form .avatar-section{margin-top:10px}.edit-profile-page .edit-profile-form .avatar-section .avatar-list{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.edit-profile-page .edit-profile-form .avatar-section .avatar-list .avatar-preset{width:48px;height:48px;border-radius:50%;border:2px solid transparent;cursor:pointer;object-fit:cover;transition:border .2s}.edit-profile-page .edit-profile-form .avatar-section .avatar-list .avatar-preset.selected{border:2px solid #da2f68;box-shadow:0 0 8px #da2f68}.edit-profile-page .edit-profile-form .error-message{color:#ff6b6b;font-weight:600;text-align:center}.edit-profile-page .edit-profile-form .success-message{color:#4be37a;font-weight:600;text-align:center}.edit-profile-page .edit-profile-form .save-btn{margin-top:18px;background:linear-gradient(90deg,#9d50bb 0%,#da2f68 100%);color:#fff;border:none;border-radius:8px;padding:12px 0;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background .2s}.edit-profile-page .edit-profile-form .save-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 600px){.edit-profile-page{padding-left:30px;padding-right:30px}}.pageNotFound{height:700px;padding-top:200px}.pageNotFound .contentWrapper{text-align:center;color:var(--black-light);display:flex;flex-direction:column}.pageNotFound .contentWrapper .bigText{font-size:150px;font-weight:700}.pageNotFound .contentWrapper .smallText{font-size:44px}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:1;font-weight:500;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #9D50BB;--black: #4a0d63;--black2: #400f53;--black3: #1f032b;--black-lighter: #9D50BB;--black-light: #5b2670;--pink: #ed30ff;--orange: #050505;--gradient: linear-gradient( 98.37deg, #6A0DAD .99%, #9D50BB 100% )}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;overflow-x:hidden}body{background-color:#1b0624;width:100%;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{display:none}.skeleton{position:relative;overflow:hidden;background-color:#300b3f}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,rgba(27,6,36,0) 0,rgba(27,6,36,.2) 20%,rgba(27,6,36,.5) 60%,rgba(27,6,36,0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}
