.movie-player{width:100%;height:100%;max-height:100vh;background:#000;justify-content:center;align-items:center;max-height:100dvh;display:flex;position:relative;overflow:hidden}.movie-player.hide-cursor{cursor:none}.movie-player.fullscreen{z-index:9999;max-height:none;position:fixed;inset:0}.video-container{width:100%;max-width:1920px;height:100%;max-height:calc(100vh - 64px);justify-content:center;align-items:center;max-height:calc(100dvh - 64px);margin:0 auto;display:flex;position:relative}.movie-player.fullscreen .video-container{max-width:none;max-height:none}.movie-video{object-fit:contain;background:#000;width:100%;max-width:1920px;height:100%;max-height:1080px}.movie-player.fullscreen .movie-video{max-width:none;max-height:none}.movie-player.empty{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a2e 100%)}.empty-state{text-align:center;color:#888;padding:40px}.empty-state svg{opacity:.5;width:80px;height:80px;margin-bottom:20px}.empty-state h3{color:#fff;margin-bottom:8px;font-size:1.5rem}.empty-state p{color:#666;font-size:1rem}.player-overlay{z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.player-overlay.loading .spinner{border:3px solid #fff3;border-top-color:#8b5cf6;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-overlay.loading span{color:#fff;font-size:.9rem}.player-overlay.error svg{color:#ef4444;width:64px;height:64px;margin-bottom:16px}.player-overlay.error h3{color:#fff;text-align:center;max-width:400px;margin-bottom:16px;font-size:1.2rem}.error-actions{gap:12px;margin-bottom:16px;display:flex}.error-actions button{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;padding:12px 24px;font-weight:500;transition:background .2s}.error-actions button:hover{background:#7c3aed}.error-actions button:last-child{background:#ffffff1a}.error-actions button:last-child:hover{background:#fff3}.external-players{text-align:center;margin-top:16px}.external-players p{color:#888;margin-bottom:12px;font-size:.85rem}.player-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.player-buttons button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:8px 16px;font-size:.85rem;transition:all .2s}.player-buttons button:hover{background:#8b5cf64d;border-color:#8b5cf680}.error-hint{color:#666;text-align:center;font-size:.85rem}.player-controls{opacity:0;pointer-events:none;background:linear-gradient(#000000b3 0%,#0000 20% 80%,#000000e6 100%);flex-direction:column;justify-content:space-between;transition:opacity .3s;display:flex;position:absolute;inset:0}.player-controls.visible{opacity:1;pointer-events:auto}.controls-top{align-items:center;gap:16px;padding:16px 20px;display:flex}.movie-title-bar{flex:1;min-width:0}.movie-title-bar h2{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.2rem;font-weight:600;overflow:hidden}.movie-category{color:#888;font-size:.85rem}.top-actions{gap:8px;display:flex}.external-menu-wrapper{position:relative}.external-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#14141ef2;border:1px solid #ffffff1a;border-radius:8px;min-width:160px;margin-top:8px;padding:8px 0;animation:.15s fadeIn;position:absolute;top:100%;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.external-dropdown button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:10px 16px;font-size:.9rem;transition:background .2s;display:block}.external-dropdown button:hover{background:#8b5cf64d}.external-dropdown hr{border:none;border-top:1px solid #ffffff1a;margin:8px 0}.center-play{cursor:pointer;z-index:5;background:#8b5cf6e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-play:hover{background:#8b5cf6;transform:translate(-50%,-50%)scale(1.1)}.center-play svg{color:#fff;width:40px;height:40px;margin-left:4px}.controls-bottom{padding:0 20px 16px}.progress-container{cursor:pointer;background:#fff3;border-radius:3px;height:6px;margin-bottom:12px;transition:height .2s;position:relative}.progress-container:hover{height:10px}.progress-buffered{pointer-events:none;background:#ffffff4d;border-radius:3px;height:100%;position:absolute;top:0;left:0}.progress-played{pointer-events:none;background:#8b5cf6;border-radius:3px;height:100%;position:absolute;top:0;left:0}.progress-thumb{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d}.progress-container:hover .progress-thumb{opacity:1}.controls-row{justify-content:space-between;align-items:center;display:flex}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.control-btn:hover{background:#ffffff1a}.back-btn{background:#00000080;width:44px;height:44px}.back-btn:hover{background:#8b5cf680}.volume-slider{opacity:0;-webkit-appearance:none;cursor:pointer;background:#ffffff4d;border-radius:2px;width:0;height:4px;transition:width .2s,opacity .2s}.volume-control:hover .volume-slider{opacity:1;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.time-display{color:#fff;font-variant-numeric:tabular-nums;margin-left:8px;font-size:.85rem}.time-resolution-display{align-items:center;gap:10px;margin-left:8px;display:flex}.time-resolution-display .time-display{margin-left:0}.video-resolution{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600}.speed-select{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;outline:none;padding:6px 10px;font-size:.85rem}.speed-select:hover{background:#fff3}.speed-select option{color:#fff;background:#1a1a2e}@media (max-width:768px){.controls-top{padding:12px 16px}.movie-title-bar h2{font-size:1rem}.controls-bottom{padding:0 16px 12px}.control-btn{width:36px;height:36px}.control-btn svg{width:20px;height:20px}.center-play{width:64px;height:64px}.center-play svg{width:32px;height:32px}.volume-control:hover .volume-slider{width:60px}.time-display{font-size:.75rem}.speed-select{padding:4px 8px;font-size:.8rem}}@media (hover:none){.progress-thumb{opacity:1}.volume-slider{opacity:1;width:60px}}.next-episode-overlay{z-index:15;animation:.3s ease-out slideInRight;position:absolute;bottom:100px;right:24px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.next-episode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141414f2;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 8px 32px #00000080}.next-episode-info{flex-direction:column;gap:4px;display:flex}.next-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.next-episode-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:0;font-size:1rem;overflow:hidden}.next-episode-number{color:#8b5cf6;font-size:.8rem}.next-episode-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.next-episode-btn svg{width:20px;height:20px}.next-episode-btn:hover{background:#7c3aed;transform:scale(1.05)}.next-dismiss-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s}.next-dismiss-btn:hover{color:#fff;background:#ffffff1a}.next-dismiss-btn svg{width:16px;height:16px}.next-ep-btn{position:relative}.next-ep-btn:after{content:"Próx";color:#8b5cf6;opacity:0;font-size:.65rem;transition:opacity .2s;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.next-ep-btn:hover:after{opacity:1}.skip-intro-btn{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:15;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;animation:.3s slideInRight;display:flex;position:absolute;bottom:120px;right:24px}.skip-intro-btn:hover{background:#ffffff40;transform:scale(1.02)}.skip-intro-btn:active{transform:scale(.98)}.settings-menu-wrapper{position:relative}.settings-dropdown{-webkit-backdrop-filter:blur(20px);background:#14141cfa;border:1px solid #ffffff1a;border-radius:12px;min-width:240px;max-height:400px;margin-bottom:8px;padding:12px;animation:.2s fadeInUp;position:absolute;bottom:100%;right:0;overflow-y:auto;box-shadow:0 8px 32px #00000080}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section{flex-direction:column;gap:6px;padding:8px 0;display:flex}.settings-section label{color:#ffffffb3;font-size:.8rem;font-weight:500}.settings-section select{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem;transition:all .2s}.settings-section select:hover{background:#ffffff1f;border-color:#fff3}.settings-section select:focus{border-color:#8b5cf6}.settings-slider{-webkit-appearance:none;cursor:pointer;background:#fff3;border-radius:2px;outline:none;width:100%;height:4px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#8b5cf6;border-radius:50%;width:14px;height:14px;transition:transform .15s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-dropdown hr{border:none;border-top:1px solid #ffffff1a;margin:8px 0}.settings-shortcuts{padding:8px 0}.settings-shortcuts h4{color:#ffffffe6;margin-bottom:8px;font-size:.85rem;font-weight:600}.settings-shortcuts ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.settings-shortcuts li{color:#fff9;align-items:center;gap:6px;font-size:.75rem;display:flex}.settings-shortcuts kbd{color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.7rem;display:inline-block}.speed-indicator{color:#fff;background:#8b5cf64d;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.movie-video.aspect-auto{object-fit:contain}.movie-video.aspect-16\:9{object-fit:fill;aspect-ratio:16/9}.movie-video.aspect-4\:3{object-fit:fill;aspect-ratio:4/3}.movie-video.aspect-21\:9{object-fit:fill;aspect-ratio:21/9}@media (max-width:768px){.next-episode-overlay{bottom:120px;left:16px;right:16px}.next-episode-card{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 16px}.next-episode-info{flex:1;min-width:120px}.next-episode-info h4{max-width:150px;font-size:.9rem}.next-episode-btn{padding:10px 16px;font-size:.85rem}.skip-intro-btn{padding:10px 16px;font-size:.85rem;bottom:140px;left:auto;right:16px}.settings-dropdown{min-width:220px;max-height:300px;right:-60px}.settings-shortcuts{display:none}}.cast-btn{position:relative}.cast-btn.active{color:#6366f1}.cast-btn.casting{animation:2s infinite cast-pulse}@keyframes cast-pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 15px 5px #22c55e4d}}.cast-message{color:#fff;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:12px 24px;font-size:.95rem;animation:.3s fadeInDown;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.cast-message svg{color:#6366f1;width:24px;height:24px}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.cast-active-indicator{color:#fff;z-index:100;background:linear-gradient(135deg,#6366f1e6,#8b5cf6e6);border-radius:30px;align-items:center;gap:10px;padding:10px 20px;font-size:.9rem;font-weight:500;animation:.3s fadeIn;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #6366f166}.cast-active-indicator svg{width:20px;height:20px}.cast-active-indicator button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:15px;padding:4px 12px;font-size:.8rem;transition:background .2s}.cast-modal{background:linear-gradient(145deg,#1e1e2e,#151520);border:1px solid #ffffff14;border-radius:20px;width:90%;max-width:420px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 25px 50px #00000080}.cast-modal h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.cast-option{cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.cast-option span{font-size:.95rem;font-weight:500}.cast-option small{color:#888;margin-top:2px;font-size:.75rem;font-weight:400;display:block}.cast-modal-back{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:16px;padding:10px;font-size:.9rem;transition:all .2s}.cast-modal-back:hover{color:#fff;background:#ffffff0d}.cast-modal-close{color:#888;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;margin-top:16px;padding:14px;font-size:.9rem;transition:all .2s}.cast-options.external-players .cast-option.copy-url{border-style:dashed}.program-info{opacity:0;z-index:25;pointer-events:none;will-change:opacity,transform;contain:layout style paint;background:linear-gradient(#000000f2,#000c,#0000);padding:0;transition:opacity .4s,transform .4s;position:absolute;top:0;left:0;right:0;transform:translateY(-20px)}.program-info.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.program-info.expanded{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2}.program-progress-bar{background:#ffffff1a;height:3px;position:relative;overflow:hidden}.program-progress-fill{background:linear-gradient(90deg,#8b5cf6,#06b6d4);height:100%;transition:width .5s;position:relative}.program-progress-fill:after{content:"";background:#06b6d4;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 10px #06b6d4}.program-content{-webkit-backdrop-filter:blur(12px);align-items:flex-start;gap:24px;padding:20px 24px;display:flex}.current-program{flex:1;align-items:flex-start;gap:12px;display:flex}.program-now-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:flex}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.program-details{flex:1;min-width:0}.program-title{color:#fff;margin:0 0 6px;font-size:16px;font-weight:600;line-height:1.3}.program-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.program-time{color:#888;font-size:12px}.program-duration{color:#666;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:11px}.program-category{color:#8b5cf6;background:#8b5cf626;border-radius:4px;padding:2px 8px;font-size:11px}.program-rating{color:#fff;background:#333;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.program-rating.rating-L{background:#22c55e}.program-rating.rating-10{background:#3b82f6}.program-rating.rating-12{background:#eab308}.program-rating.rating-14{background:#f97316}.program-rating.rating-16{background:#ef4444}.program-rating.rating-18{background:#000}.program-description{color:#888;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.next-program{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.program-next-badge{color:#06b6d4;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:9px;font-weight:700}.program-title-small{color:#ddd;white-space:nowrap;text-overflow:ellipsis;max-width:150px;margin:0;font-size:13px;font-weight:500;overflow:hidden}.program-time-small{color:#666;font-size:11px}.program-actions{flex-shrink:0;gap:10px;display:flex}.program-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.program-btn:hover{background:#ffffff26;border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.program-btn svg{width:18px;height:18px}.expand-btn{padding:8px}.upcoming-programs{border-top:1px solid #ffffff1a;max-height:300px;padding:16px 20px;overflow-y:auto}.upcoming-title{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:12px;font-weight:600}.upcoming-list{flex-direction:column;gap:8px;display:flex}.upcoming-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.upcoming-item:hover{background:#ffffff0f}.upcoming-time{color:#8b5cf6;min-width:50px;font-size:13px;font-weight:600}.upcoming-info{flex:1;min-width:0}.upcoming-name{color:#eee;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.upcoming-category{color:#666;font-size:11px}.upcoming-duration{color:#666;white-space:nowrap;font-size:11px}.upcoming-programs::-webkit-scrollbar{width:6px}.upcoming-programs::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.upcoming-programs::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.upcoming-programs::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:1024px){.program-content{gap:16px}.program-title{font-size:15px}}@media (max-width:768px){.program-content{flex-direction:column;gap:12px;padding:12px 16px}.program-title{font-size:14px}.next-program{width:100%}.program-title-small{max-width:none}.program-actions{justify-content:flex-end;width:100%}.program-now-badge{padding:3px 8px;font-size:9px}.program-meta{gap:8px}.program-time,.program-duration,.program-category{font-size:10px}.upcoming-programs{max-height:200px;padding:12px 16px}}@media (max-width:480px){.program-content{gap:10px;padding:10px 12px}.current-program{flex-direction:column;align-items:flex-start;gap:8px}.program-title{font-size:13px}.program-now-badge{padding:2px 6px;font-size:8px}.program-meta{gap:6px}.program-time{font-size:10px}.program-duration,.program-category,.program-rating{padding:2px 6px;font-size:9px}.program-description{-webkit-line-clamp:1;line-clamp:1;font-size:11px}.next-program{padding:8px 10px}.program-next-badge{font-size:8px}.program-title-small{font-size:12px}.program-time-small{font-size:10px}.program-btn{padding:6px 10px;font-size:11px}.program-btn svg{width:14px;height:14px}.upcoming-programs{max-height:180px;padding:10px 12px}.upcoming-title{margin-bottom:10px;font-size:11px}.upcoming-item{gap:10px;padding:8px 10px}.upcoming-time{min-width:45px;font-size:11px}.upcoming-name{font-size:12px}.upcoming-category,.upcoming-duration{font-size:10px}}.video-player-container{cursor:none;will-change:auto;contain:layout style;background:#000;flex:1;justify-content:center;align-items:center;min-height:0;max-height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.video-player-container.show-controls{cursor:default}.video-player-container.theater{z-index:100;position:fixed;inset:0}.video-element{object-fit:contain;z-index:1;background:#000;width:100%;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative}.video-element.mirrored{transform:scaleX(-1)}.no-channel{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.no-channel-content{text-align:center;color:#666;padding:40px}.no-channel-content svg{opacity:.3;width:120px;height:120px;margin-bottom:24px}.no-channel-content h2{color:#888;margin:0 0 8px;font-size:24px;font-weight:600}.no-channel-content p{max-width:300px;margin:0;font-size:14px}.loading-overlay{z-index:10;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.center-play-btn{color:#fff;cursor:pointer;z-index:50;-webkit-backdrop-filter:blur(16px);opacity:.85;background:#000000b3;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 32px #0006}.center-play-btn svg{filter:drop-shadow(0 2px 4px #0000004d);width:40px;height:40px}.center-play-btn:hover{opacity:1;background:#8b5cf6b3;border-color:#a855f799;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 12px 48px #8b5cf666}.center-play-btn:focus,.center-play-btn.dpad-focused,.center-play-btn[data-focused=true]{opacity:1;background:#8b5cf6d9;border-color:#a855f7;outline:none;transform:translate(-50%,-50%)scale(1.18);box-shadow:0 0 0 4px #a855f74d,0 0 48px #a855f799,0 12px 48px #0006}.loader{width:80px;height:80px;position:relative}.loader-ring{border:3px solid #0000;border-top-color:#8b5cf6;border-radius:50%;animation:1.5s linear infinite spin;position:absolute;inset:0}.loader-ring:nth-child(2){border-top-color:#06b6d4;animation-duration:1.2s;animation-direction:reverse;inset:8px}.loader-ring:nth-child(3){border-top-color:#ec4899;animation-duration:.9s;inset:16px}.loading-overlay p{color:#888;margin-top:24px;font-size:14px}.error-overlay{z-index:10;color:#ef4444;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.error-overlay svg{width:64px;height:64px;margin-bottom:16px}.error-overlay p{color:#888;margin:0 0 20px;font-size:16px}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.retry-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #8b5cf666}.video-controls{opacity:0;z-index:100;pointer-events:none;will-change:opacity,transform;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0000 0%,#0006 30%,#000000d9 60%,#000000fa 100%);justify-content:space-between;align-items:center;min-height:80px;padding:32px 24px 24px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(30px)}.video-player-container.show-controls .video-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.video-player-container:after{content:"";opacity:0;pointer-events:none;z-index:15;background:linear-gradient(#00000080 0%,#0000 100%);height:100px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.video-player-container.show-controls:after{opacity:1}.controls-left,.controls-right{align-items:center;gap:8px;display:flex}.control-btn{-webkit-backdrop-filter:blur(12px);cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;outline:none;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.control-btn:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff1a,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.control-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 16px #0000004d}.control-btn:hover:before{opacity:1}.control-btn:focus,.control-btn.dpad-focused,.control-btn[data-focused=true]{background:#a855f766;border-color:#a855f7;transform:scale(1.1);box-shadow:0 0 0 3px #a855f766,0 0 20px #a855f799}.control-btn.active{background:linear-gradient(135deg,#8b5cf680,#06b6d480);border-color:#8b5cf699}.control-btn.cast-btn.casting{background:linear-gradient(135deg,#22c55e80,#10b98180);border-color:#22c55e99;animation:2s ease-in-out infinite cast-pulse}.control-btn svg{width:22px;height:22px}.volume-control{align-items:center;gap:4px;display:flex}.volume-slider{opacity:0;appearance:none;cursor:pointer;background:#fff3;border-radius:2px;width:0;height:4px;transition:all .3s}.volume-control:hover .volume-slider,.volume-slider:focus,.volume-slider.dpad-focused,.volume-slider[data-focused=true]{opacity:1;width:80px;margin-left:4px}.volume-slider:focus,.volume-slider.dpad-focused,.volume-slider[data-focused=true]{background:linear-gradient(90deg,#a855f7,#fff3);outline:none;box-shadow:0 0 0 2px #a855f766,0 0 15px #a855f799}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 10px #0000004d}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:14px;height:14px}.channel-indicator{border-left:1px solid #fff3;align-items:center;gap:12px;margin-left:16px;padding-left:16px;display:flex}.live-badge{letter-spacing:.5px;color:#fff;background:#ef4444;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;animation:2s infinite pulse-live}@keyframes pulse-live{0%,to{opacity:1}50%{opacity:.7}}.channel-info{flex-direction:column;gap:2px;display:flex}.channel-indicator .channel-name{color:#fff;font-size:15px;font-weight:600;line-height:1.2}.video-resolution{color:#06b6d4;letter-spacing:.3px;background:#06b6d426;border-radius:4px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:600}@media (max-width:1024px){.video-controls{padding:16px}.control-btn{width:42px;height:42px}}@media (max-width:768px){.video-player-container{flex:1;min-height:0}.video-controls{flex-wrap:wrap;gap:8px;padding:12px}.control-btn{width:40px;height:40px}.control-btn svg{width:18px;height:18px}.channel-indicator{display:none}.volume-control:hover .volume-slider{width:60px}.no-channel{min-height:50vh}.no-channel-content svg{width:80px;height:80px}.no-channel-content h2{font-size:18px}.no-channel-content p{font-size:13px}}@media (max-width:480px){.video-player-container{min-height:0}.video-controls{gap:6px;padding:8px 10px}.controls-left,.controls-right{gap:4px}.control-btn{border-radius:8px;width:36px;height:36px}.control-btn svg{width:16px;height:16px}.volume-control:hover .volume-slider{width:50px}.no-channel-content{padding:20px}.no-channel-content svg{width:60px;height:60px;margin-bottom:16px}.no-channel-content h2{font-size:16px}.no-channel-content p{max-width:250px;font-size:12px}.loader{width:60px;height:60px}.error-overlay svg{width:48px;height:48px}.error-overlay p{font-size:14px}.retry-btn{padding:10px 20px;font-size:13px}}.cast-message{color:#fff;z-index:150;background:linear-gradient(145deg,#8b5cf6e6,#7c3aede6);border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;animation:.3s castMessageIn;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #8b5cf666}.cast-message svg{width:20px;height:20px}@keyframes castMessageIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.cast-active-indicator{color:#fff;z-index:50;background:linear-gradient(145deg,#8b5cf6f2,#7c3aedf2);border-radius:12px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;animation:.3s slideInRight;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 8px 32px #8b5cf666}.cast-active-indicator svg{width:18px;height:18px;animation:2s ease-in-out infinite cast-pulse}.cast-active-indicator button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;margin-left:8px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s}.cast-active-indicator button:hover{background:#ffffff4d}.cast-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.cast-modal{background:linear-gradient(145deg,#1a1a2e,#16162a);border:1px solid #8b5cf64d;border-radius:16px;width:90%;max-width:450px;max-height:80vh;padding:24px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 40px #8b5cf61a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cast-modal h3{color:#fff;align-items:center;gap:10px;margin:0 0 8px;font-size:20px;font-weight:600;display:flex}.cast-modal>p{color:#888;margin:0 0 20px;font-size:14px}.cast-options{flex-direction:column;gap:10px;display:flex}.cast-options.external-players{max-height:300px;padding-right:8px;overflow-y:auto}.cast-options.external-players::-webkit-scrollbar{width:6px}.cast-options.external-players::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.cast-options.external-players::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:3px}.cast-option{cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.cast-option:hover{background:#8b5cf626;border-color:#8b5cf666;transform:translate(4px)}.cast-option svg{color:#8b5cf6;flex-shrink:0;width:28px;height:28px}.cast-option span{color:#fff;flex:1;min-width:100px;font-size:15px;font-weight:600}.cast-option small{color:#888;width:100%;margin-top:-4px;padding-left:40px;font-size:12px}.cast-option.copy-url{background:#ffffff05;border-style:dashed}.cast-modal-back{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:10px;width:100%;margin-top:12px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.cast-modal-back:hover{background:#8b5cf633}.cast-modal-close{color:#888;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;width:100%;margin-top:12px;padding:14px;font-size:14px;font-weight:500;transition:all .2s}.cast-modal-close:hover{color:#fff;background:#ffffff0d;border-color:#ffffff4d}@media (max-width:480px){.cast-modal{border-radius:12px;max-height:85vh;padding:20px}.cast-modal h3{font-size:18px}.cast-option{padding:12px 14px}.cast-option svg{width:24px;height:24px}.cast-option span{font-size:14px}.cast-option small{padding-left:36px;font-size:11px}.cast-message{padding:10px 20px;font-size:13px;bottom:80px}.cast-active-indicator{padding:8px 12px;font-size:12px;top:10px;right:10px}}