body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 20px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;transform:translateY(0);transition:all .3s ease-in-out;z-index:100}@media (min-width:769px){.header-hidden{transform:translateY(-100%)}}@media (max-width:768px){.header-hidden{padding:10px 0}.header-hidden .logo-container{margin:0;max-height:0;opacity:0;overflow:hidden;padding:0}.header-hidden .container{gap:0!important}}.header .container{align-items:center;display:flex;justify-content:space-between}.logo-container{align-items:center;display:flex;gap:0;max-height:100px;opacity:1;transition:all .3s ease-in-out}.logo{filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 15px rgba(255,255,255,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.3));height:70px;width:auto}.header nav{align-items:center;display:flex;gap:20px}.header nav .nav-item{background:none;border:none;color:#fff;cursor:pointer;flex-direction:column;gap:8px;padding:5px;position:relative;text-decoration:none}.header nav .nav-item,.header nav .nav-item .nav-icon{align-items:center;display:flex;transition:all .3s ease}.header nav .nav-item .nav-icon{background:#ffffff1a;border:2px solid #0000;border-radius:50%;height:50px;justify-content:center;width:50px}.header nav .nav-item .nav-icon svg{stroke:#fff;height:24px;width:24px}.header nav .nav-item .user-avatar-icon{overflow:hidden;padding:0}.header nav .nav-item .user-avatar-img{height:100%;object-fit:cover;width:100%}.header nav .nav-item .user-avatar-initials{align-items:center;background:#0000;color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.header nav .nav-item .nav-text{font-size:13px;font-weight:500;opacity:.9}.header nav .nav-item.live-active .nav-icon.live-icon-red{animation:liveGlow 2s ease-in-out infinite;background:#ef4444}.header nav .nav-item.live-active:hover .nav-icon.live-icon-red{background:#dc2626}@keyframes liveGlow{0%,to{box-shadow:0 0 15px #ef444499}50%{box-shadow:0 0 25px #ef4444e6}}.header nav .nav-item:hover .nav-icon{background:#fff3;transform:translateY(-2px)}.header nav .nav-item:hover .nav-text{opacity:1}.hero{padding:80px 0;text-align:center}.hero h2{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:30px;opacity:.9}.status{background:#fff3;border-radius:10px;display:inline-block;font-size:18px;padding:15px 30px}.videos-section{background:#0003;padding:60px 0}.videos-section h3{font-size:32px;margin-bottom:40px;text-align:center}.video-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:1400px}@media (min-width:768px){.video-grid{grid-template-columns:repeat(auto-fit,minmax(350px,400px));max-width:1300px}}@media (min-width:1200px){.video-grid{grid-template-columns:repeat(3,1fr);max-width:1300px}}.video-grid-horizontal{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:20px;margin:0 -20px;overflow-x:auto;overflow-y:hidden;padding:10px 20px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.video-grid-horizontal::-webkit-scrollbar{display:none}.video-grid-horizontal .live-card,.video-grid-horizontal .video-card{flex:0 0 280px;scroll-snap-align:start}.horizontal-scroll-container{position:relative}.scroll-nav-btn{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.scroll-nav-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-50%) scale(1.1)}.scroll-nav-btn.prev{left:10px}.scroll-nav-btn.next{right:10px}@media (min-width:768px){.video-grid-horizontal{display:flex;gap:24px;margin:0;overflow-x:auto;overflow-y:hidden;padding:15px 0;scroll-snap-type:x mandatory}.video-grid-horizontal .live-card,.video-grid-horizontal .video-card{flex-basis:calc(33.33333% - 16px);flex-grow:0;flex-shrink:0;min-width:320px;scroll-snap-align:start}.scroll-nav-btn{font-size:20px;height:60px;width:60px}}@media (min-width:1200px){.video-grid-horizontal{gap:30px;padding:20px 0}.video-grid-horizontal .live-card,.video-grid-horizontal .video-card{flex-basis:calc(33.33333% - 20px);flex-grow:0;flex-shrink:0;min-width:350px}}.video-card{background:#ffffff1a;border-radius:15px;cursor:pointer;overflow:hidden;transition:transform .3s,box-shadow .3s}.video-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-10px)}.video-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.video-info{padding:20px}.video-info h4{font-size:20px;line-height:1.3;margin-bottom:10px}.video-info p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;line-height:1.4;margin-bottom:15px;max-height:2.8em;opacity:.8;overflow:hidden;text-overflow:ellipsis}.video-meta{display:flex;font-size:14px;justify-content:space-between;opacity:.7}.footer{background:#0000004d;margin-top:60px;padding:30px 0;text-align:center}.footer p{opacity:.7}.live-card{position:relative}.live-badge-overlay{animation:pulse 2s infinite;background:#ef4444;border-radius:20px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:6px 12px;position:absolute;top:10px;z-index:10}.header nav .nav-item.active .nav-icon{background:#ffffff4d;border-color:#fff;box-shadow:0 0 20px #ffffff4d}.header nav .nav-item.active .nav-text{font-weight:600;opacity:1}.page-header{margin-bottom:50px;padding-top:40px;text-align:center}.page-header h2{align-items:center;display:flex;font-size:42px;gap:15px;justify-content:center;line-height:1;margin-bottom:15px}.page-header h2 .page-icon{stroke:#fff;flex-shrink:0;height:40px;width:40px}.page-header p{font-size:18px;opacity:.9}.live-section{min-height:70vh;padding:60px 0}.live-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:1400px}@media (min-width:768px){.live-grid{grid-template-columns:repeat(auto-fit,minmax(350px,400px));max-width:1300px}}@media (min-width:1200px){.live-grid{grid-template-columns:repeat(3,1fr);max-width:1300px}}.live-stream-card{background:#ffffff1a;border-radius:15px;overflow:hidden;transition:transform .3s,box-shadow .3s}.live-player-container{aspect-ratio:16/9;background:#000;position:relative;width:100%}.live-player-container iframe{border:none;height:100%;width:100%}.live-badge-top{align-items:center;background:#ef4444;border-radius:25px;box-shadow:0 4px 12px #ef444480;color:#fff;display:flex;font-size:14px;font-weight:700;gap:8px;left:15px;padding:8px 16px;position:absolute;top:15px;z-index:10}.pulse-dot{animation:pulse-dot 1.5s infinite;background:#fff;border-radius:50%;height:10px;width:10px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.live-stream-info{padding:25px}.live-stream-info h3{color:#fff;font-size:24px;margin-bottom:12px}.live-stream-info p{font-size:15px;line-height:1.5;margin-bottom:15px;opacity:.85}.live-meta{align-items:center;display:flex;gap:15px}.live-status{background:#ef444433;border-radius:15px;color:#fca5a5;font-size:13px;font-weight:600;padding:6px 12px}.no-live-streams{margin:0 auto;max-width:600px;padding:100px 20px;text-align:center}.no-content-icon{animation:float 3s ease-in-out infinite;font-size:120px;margin-bottom:30px;opacity:.5}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.no-live-streams h3{color:#fff;font-size:32px;margin-bottom:15px}.no-live-streams p{font-size:18px;margin-bottom:30px;opacity:.8}.btn-primary{border:none;border-radius:30px;box-shadow:0 4px 15px #667eea66;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:transform .3s,box-shadow .3s}.btn-primary:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}@media (max-width:768px){.live-grid{grid-template-columns:1fr}.page-header h2{font-size:32px}.page-header h2 .page-icon{height:32px;width:32px}.hero h2{font-size:36px}.header nav{gap:10px}.header nav .nav-item .nav-icon{height:45px;width:45px}.header nav .nav-item .nav-icon svg{height:20px;width:20px}.header nav .nav-item .user-avatar-initials{font-size:18px}.header nav .nav-item .nav-text{font-size:12px}.header nav .nav-item .live-indicator{font-size:10px;right:3px;top:3px}}.category-filters{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:40px}.category-circle{background:none;border:none;cursor:pointer;flex-direction:column;gap:8px;padding:5px}.category-circle,.category-icon{align-items:center;display:flex;transition:all .3s ease}.category-icon{background:#ffffff1a;border:2px solid #0000;border-radius:50%;height:50px;justify-content:center;width:50px}.category-icon svg{stroke:#fff;height:24px;width:24px}.category-text{color:#fff;font-size:13px;font-weight:500;opacity:.9}.category-circle:hover .category-icon{background:#fff3;transform:translateY(-2px)}.category-circle:hover .category-text{opacity:1}.category-circle.active .category-icon{background:#ffffff4d;border-color:#fff;box-shadow:0 0 20px #ffffff4d;transform:translateY(-2px)}.category-circle.active .category-text{font-weight:600;opacity:1}.video-category-badge{align-items:center;background:#667eea4d;border-radius:15px;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:5px;margin-bottom:0;padding:6px 12px}.video-stats{align-items:center;gap:10px;justify-content:space-between;margin-top:10px}.video-stats span{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;gap:5px}.video-stats .video-category-badge{background:#667eea33;border:1px solid #667eea66;font-size:11px;margin-bottom:0;padding:4px 10px}.video-stats .live-indicator{background:#ef444433;border:1px solid #ef444466;border-radius:12px;color:#ef4444;font-weight:600;padding:4px 10px}.ppv-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #667eea80;color:#fff;display:inline-flex;font-size:13px;font-weight:700;gap:5px;letter-spacing:.5px;padding:6px 14px}.no-videos-message{margin:0 auto;max-width:500px;padding:80px 20px;text-align:center}.no-videos-message .no-content-icon{font-size:100px;margin-bottom:20px;opacity:.5}.no-videos-message h3{color:#fff;font-size:28px;margin-bottom:10px}.no-videos-message p{font-size:16px;opacity:.8}.player-section{min-height:100vh;padding:40px 0}.back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:30px;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:30px;transition:all .3s}.back-button:hover{background:#ffffff4d}.back-button span{font-size:20px}.video-player-container{border-radius:15px;box-shadow:0 10px 40px #0000004d;height:0;margin-bottom:30px;padding-bottom:56.25%}.video-player-container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;padding:30px}.video-header h2{color:#fff;font-size:32px;margin:15px 0}.video-description{color:#ffffffe6;font-size:16px;line-height:1.6;margin:15px 0}.video-stats{color:#fffc;display:flex;font-size:14px;gap:20px;margin-top:15px}.share-section{border-top:1px solid #fff3;margin-top:30px;padding-top:30px}.share-section h3{color:#fff;font-size:20px;margin-bottom:20px}.share-buttons{display:flex;flex-wrap:wrap;gap:15px}.share-btn{align-items:center;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s}.share-btn:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.share-btn.facebook{background:#1877f2}.share-btn.facebook:hover{background:#145dbf}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#0c85d0}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#1da851}.share-btn.telegram{background:#08c}.share-btn.telegram:hover{background:#069}.back-button-circle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;margin-bottom:30px;padding:0;transition:all .3s;width:50px}.back-button-circle:hover{background:#ffffff4d;transform:scale(1.1)}.back-button-circle svg{height:24px;width:24px}.share-btn-circle{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;padding:0;transition:all .3s;width:50px}.share-btn-circle:hover{box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.share-btn-circle.facebook{background:#1877f2}.share-btn-circle.facebook:hover{background:#145dbf}.share-btn-circle.twitter{background:#000}.share-btn-circle.twitter:hover{background:#333}.share-btn-circle.whatsapp{background:#25d366}.share-btn-circle.whatsapp:hover{background:#1da851}.share-btn-circle.telegram{background:#08c}.share-btn-circle.telegram:hover{background:#069}.share-btn-circle svg{height:24px;width:24px}@media (max-width:768px){.video-header h2{font-size:24px}.share-buttons{flex-direction:row;flex-wrap:wrap;justify-content:center}}.user-menu{position:relative}.user-nav-item{background:none;border:none;cursor:pointer;padding:5px}.logo-container.clickable{transition:transform .2s ease}.logo-container.clickable:hover{transform:scale(1.05)}.profile-btn,.user-name{color:#fff;font-size:14px;font-weight:500}.profile-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .3s}.profile-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.user-dropdown{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:55px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;padding:15px}.user-email{font-size:13px;margin-bottom:4px;opacity:.9}.user-name{font-size:16px;font-weight:600}.dropdown-item{align-items:center;background:none;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 15px;text-align:left;transition:background .2s;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f8f8}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#fff5f5}.dropdown-icon{height:18px;width:18px}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width:768px){.header .container{flex-direction:column;gap:20px}.logo{filter:drop-shadow(0 0 10px rgba(255,255,255,.7)) drop-shadow(0 0 20px rgba(255,255,255,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.3));height:80px}.header nav{gap:12px}.header nav .nav-item .nav-icon{height:55px;width:55px}.header nav .nav-item .nav-icon svg{height:24px;width:24px}.header nav .nav-item .user-avatar-initials{font-size:22px}.header nav .nav-item .nav-text{font-size:13px;gap:15px}.header nav .nav-item .live-indicator{font-size:9px;right:2px;top:2px}.user-menu{flex-direction:column;gap:10px}}.video-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;display:flex;flex-direction:column;justify-content:center;width:100%}.video-placeholder span{font-size:48px;margin-bottom:10px}.video-placeholder p{font-size:14px;margin:0;opacity:.9}.video-card{position:relative}.favorite-btn{background:#0000;border:none;bottom:10px;filter:grayscale(100%) brightness(1.5) drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:28px;opacity:.4;padding:5px;z-index:5}.favorite-btn:hover{filter:grayscale(50%) brightness(1.3) drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:.7;transform:scale(1.2)}.favorite-btn.favorited{animation:heartPulse .5s ease-in-out;filter:grayscale(0) brightness(1) drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:1}.favorite-btn.favorited:hover{opacity:1;transform:scale(1.2)}.video-title-container{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:15px}.video-title-container>div{flex:1 1}.favorite-btn-player{background:#0000;border:none;filter:grayscale(100%) brightness(1.5) drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:32px;opacity:.4;padding:5px}.favorite-btn-player:hover{filter:grayscale(50%) brightness(1.3) drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:.7;transform:scale(1.2)}.favorite-btn-player.favorited{animation:heartPulse .5s ease-in-out;filter:grayscale(0) brightness(1) drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:1}.favorite-btn-player.favorited:hover{opacity:1;transform:scale(1.2)}@media (max-width:768px){.video-title-container{align-items:stretch;flex-direction:column}.favorite-btn-player{align-self:flex-end;margin-top:-10px}}@keyframes heartPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notification{align-items:center;animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;font-size:16px;font-weight:600;gap:10px;min-width:250px;padding:16px 24px;position:fixed;right:20px;top:80px;z-index:10000}.notification.success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.notification{left:10px;min-width:auto;right:10px;top:70px}}.live-badge-player{align-items:center;background:#ef4444;border-radius:30px;box-shadow:0 4px 15px #ef444499;color:#fff;display:flex;font-size:16px;font-weight:700;gap:10px;left:20px;padding:10px 20px;position:absolute;top:20px;z-index:10}.live-indicator{align-items:center;background:#ef444433;border-radius:20px;color:#fca5a5;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.live-thumbnail{aspect-ratio:16/9;overflow:hidden;position:relative;width:100%}.live-stream-card{cursor:pointer}.live-stream-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-10px)}@media (max-width:768px){.category-filters{gap:15px}.category-icon{height:45px;width:45px}.category-icon svg{height:20px;width:20px}.category-text{font-size:12px}}.modal-overlay{animation:fadeIn .3s ease;background:#000c;z-index:10000}.modal-content.session-expired{animation:slideUp .3s ease;background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:40px;text-align:center;width:90%}.modal-content.session-expired h2{color:#dc2626;font-size:24px;font-weight:600;margin-bottom:20px}.modal-content.session-expired p{color:#4b5563;font-size:16px;line-height:1.6;margin-bottom:15px}.modal-content.session-expired p.warning-text{background:#fee2e2;border-left:4px solid #dc2626;border-radius:8px;color:#dc2626;font-weight:500;margin-bottom:30px;padding:15px}.modal-content.session-expired .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.modal-content.session-expired .btn-primary:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;max-width:450px;padding:40px;width:100%}.auth-logo{margin-bottom:20px;text-align:center}.auth-logo img{filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));height:80px;width:auto}.auth-subtitle{color:#6b7280;font-size:14px;margin-bottom:30px;text-align:center}.form-group input:disabled{background-color:#f3f4f6}.password-requirements{background:#f9fafb;border-radius:5px;margin-top:8px;padding:10px}.password-requirements small{color:#6b7280;font-size:12px;line-height:1.5}.turnstile-container{display:flex;justify-content:center;margin:20px 0}.btn{margin-top:10px;padding:14px;width:100%}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.auth-links{display:flex;flex-direction:column;gap:10px;margin-top:20px;text-align:center}.link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;padding:5px;text-decoration:underline}.link-button:hover{color:#5568d3}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-card h2{font-size:24px}}.divider{color:#9ca3af;margin:20px 0}.divider:after,.divider:before{border-bottom:1px solid #e5e7eb}.btn-google{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.btn-google:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.btn-google:active{transform:translateY(0)}.btn-google:disabled{cursor:not-allowed;opacity:.5}.btn-google svg{flex-shrink:0}.profile-page{min-height:calc(100vh - 200px);padding:40px 0}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.profile-header h2{color:#fff;font-size:32px;margin:0}.back-btn{border:1px solid #ffffff4d;border-radius:8px;font-size:14px;font-weight:500;padding:10px 20px}.back-btn:hover{transform:translateY(-1px)}.profile-form{padding:30px}.profile-section{margin-bottom:40px}.profile-section h3{align-items:center;color:#374151;display:flex;font-size:20px;gap:10px;margin-bottom:10px}.section-description{color:#6b7280;font-size:14px;margin-bottom:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;font-size:14px;padding:12px;transition:all .3s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f3f4f6;cursor:not-allowed}.form-group small{color:#6b7280;display:block;font-size:12px;margin-top:5px}.preference-category{margin-bottom:30px}.preference-category h4{color:#374151;font-size:16px;margin-bottom:15px}.preference-tags{display:flex;flex-wrap:wrap;gap:10px}.preference-tag{background:#fff;border:2px solid #e5e7eb;border-radius:25px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s}.preference-tag:hover{background:#f3f4f6;border-color:#667eea}.preference-tag.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.preferences-summary{background:#f9fafb;border-radius:10px;padding:20px}.summary-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:10px 0}.summary-item:last-child{border-bottom:none}.summary-item strong{color:#374151}.summary-item span{color:#667eea;font-weight:600}.no-preferences{color:#6b7280;font-style:italic;text-align:center}.form-actions{border-top:2px solid #e5e7eb;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px}.alert-success{background:#d1fae5;border:1px solid #10b981;color:#065f46}.alert-error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}@media (max-width:768px){.profile-container{border-radius:0;max-height:100vh;max-width:100%}.profile-form,.profile-header{padding:20px}.form-row{grid-template-columns:1fr}.preference-tag{font-size:13px;padding:8px 16px}.form-actions{flex-direction:column}.btn{width:100%}}.saved-videos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.saved-video-card{background:#fff;border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .3s}.saved-video-card:hover{transform:translateY(-5px)}.saved-video-card img{height:160px;object-fit:cover;width:100%}.saved-video-info{padding:15px}.saved-video-info h4{color:#374151;font-size:16px;margin-bottom:5px}.saved-video-info p{color:#6b7280;font-size:13px;line-height:1.4}.no-saved-videos{background:#ffffff1a;border-radius:15px;color:#fff;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px}.no-saved-videos p{font-size:18px;margin-bottom:10px}.no-saved-videos small{color:#fffc;font-size:14px}.profile-page-new{min-height:100vh;padding:40px 20px}.profile-header-new{margin-bottom:40px;text-align:center}.profile-avatar-container{height:120px;margin:0 auto 20px;position:relative;width:120px}.profile-avatar{border:4px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 20px #0003;height:120px;overflow:hidden;width:120px}.avatar-upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #ffffff4d;border-radius:50%;bottom:0;box-shadow:0 2px 10px #0000004d;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:0;transition:all .3s;width:40px}.avatar-upload-btn:hover{box-shadow:0 4px 15px #667eea80;transform:scale(1.1)}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-initials{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.profile-name{color:#fff;font-size:32px;margin:0 0 10px}.profile-email{color:#fffc;font-size:16px;margin:0}.collapsible-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:20px;overflow:hidden}.section-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background .3s;-webkit-user-select:none;user-select:none}.section-header:hover{background:#ffffff0d}.section-header h3{align-items:center;color:#fff;display:flex;font-size:20px;gap:10px;margin:0}.section-icon{font-size:24px}.toggle-icon{color:#fff9;font-size:14px;transition:transform .3s}.collapsible-section.open .toggle-icon{transform:rotate(90deg)}.section-content{animation:slideDown .3s ease;padding:0 20px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input.readonly{background:#ffffff0d!important;border-color:#ffffff1a;color:#fffc;cursor:not-allowed}.profile-page-new .form-group label{color:#fff}.profile-page-new .form-group input{background:#ffffff1a;border:1px solid #fff3;color:#fff}.profile-page-new .form-group input:focus{background:#ffffff26;border-color:#fff6}.edit-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-edit{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.btn-edit:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-save{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.btn-save:hover:not(:disabled){background:#45a049;transform:translateY(-2px)}.btn-cancel{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.btn-cancel:hover:not(:disabled){background:#da190b;transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.5}.profile-page-new .preference-category h4{color:#fff}.profile-page-new .preference-tag{background:#ffffff1a;border-color:#fff3;color:#fff}.profile-page-new .preference-tag:hover{background:#fff3;border-color:#ffffff4d}.profile-page-new .preference-tag.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#fff;box-shadow:0 4px 15px #667eea66;color:#fff;font-weight:600}.profile-page-new .saved-video-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.profile-page-new .saved-video-info h4{color:#fff}.profile-page-new .saved-video-info p{color:#fffc}@media (max-width:768px){.profile-avatar,.profile-avatar-container{height:100px;width:100px}.avatar-upload-btn{font-size:18px;height:35px;width:35px}.avatar-initials{font-size:40px}.profile-name{font-size:24px}.edit-actions{flex-direction:column}.edit-actions button{width:100%}}.profile-actions{border-top:2px solid #ffffff1a;gap:20px;margin-top:40px;padding-top:30px}.btn-action-circle,.profile-actions{align-items:center;display:flex;justify-content:center}.btn-action-circle{border:2px solid;border-radius:50%;cursor:pointer;height:60px;transition:all .3s;width:60px}.btn-action-circle svg{stroke:#fff;height:24px;width:24px}.btn-save-circle{background:#22c55e33;border-color:#22c55e80}.btn-save-circle:hover{background:#22c55e4d;border-color:#22c55ecc;box-shadow:0 4px 15px #22c55e4d;transform:translateY(-2px)}.btn-save-circle:disabled{cursor:not-allowed;opacity:.5}.btn-logout-circle{background:#f4433633;border-color:#f4433680}.btn-logout-circle:hover{background:#f443364d;border-color:#f44336cc;box-shadow:0 4px 15px #f443364d;transform:translateY(-2px)}@media (max-width:768px){.btn-action-circle{height:55px;width:55px}.btn-action-circle svg{height:22px;width:22px}.profile-actions{font-size:13px}.profile-footer p{font-size:12px}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;position:relative;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s;width:35px}.modal-close:hover{background:#f0f0f0;color:#333}.modal-header{margin-bottom:25px;text-align:center}.modal-header h2{color:#333;font-size:24px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.google-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:12px 20px;transition:all .2s;width:100%}.google-btn:hover:not(:disabled){background:#f8f8f8;border-color:#d0d0d0;box-shadow:0 2px 8px #0000001a}.google-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.divider{align-items:center;display:flex;margin:10px 0;text-align:center}.divider:after,.divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.divider span{color:#999;font-size:14px;font-weight:500;padding:0 15px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px 15px;transition:all .2s}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.password-input{align-items:center;display:flex;position:relative}.password-input input{flex:1 1;padding-right:45px}.toggle-password{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px;position:absolute;right:10px}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-size:14px;padding:12px}.submit-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.forgot-password{margin-top:10px;text-align:center}.modal-footer{border-top:1px solid #e0e0e0;margin-top:20px;padding-top:20px;text-align:center}.modal-footer p{color:#666;font-size:14px;margin:0}.link-btn{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.link-btn:hover{color:#0056b3}@media (max-width:768px){.modal-content{padding:20px;width:95%}.modal-header h2{font-size:20px}}.connection-status{bottom:20px;cursor:pointer;left:20px;position:fixed;z-index:999}.status-indicator{border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;height:12px;position:relative;transition:all .3s ease;width:12px}.status-indicator:hover{transform:scale(1.3)}.status-indicator.checking{animation:pulse 2s infinite}.status-indicator.online{border-color:#10b98180;box-shadow:0 0 12px #10b981cc}.status-indicator.offline{border-color:#ef444480;box-shadow:0 0 12px #ef4444cc}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.status-tooltip{animation:fadeInUp .2s ease;background:#000000e6;border-radius:6px;bottom:25px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:12px;left:0;padding:8px 12px;position:absolute;white-space:nowrap}.status-tooltip:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #000000e6;bottom:-5px;content:"";height:0;left:8px;position:absolute;width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.connection-status{bottom:15px;left:15px}.status-indicator{height:14px;width:14px}.status-tooltip{font-size:11px;padding:6px 10px}}.admin-stats{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 20px}.stats-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.stats-header h1{color:#fff;font-size:36px;margin:0}.stats-header p{color:#ffffffe6;margin:5px 0 0}.stats-actions{display:flex;gap:15px}.time-range-select{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s}.btn-refresh,.time-range-select:hover{background:#fff3}.btn-refresh{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-kpis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.kpi-card{align-items:center;background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;display:flex;gap:20px;padding:25px;transition:transform .3s}.kpi-card:hover{transform:translateY(-5px)}.kpi-icon{flex-shrink:0;font-size:48px}.kpi-content{flex:1 1}.kpi-value{color:#1f2937;font-size:32px;font-weight:700;margin-bottom:5px}.kpi-label{color:#6b7280;font-size:14px;font-weight:500}.stats-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.chart-card{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:25px}.chart-card h3{color:#1f2937;font-size:18px;margin:0 0 20px}.line-chart{align-items:flex-end;display:flex;gap:2px;height:200px;justify-content:space-between;padding:10px 0}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chart-bar{align-self:flex-end;border-radius:4px 4px 0 0;cursor:pointer;transition:all .3s;width:100%}.chart-bar:hover{opacity:.8}.chart-label{color:#6b7280;font-size:10px;margin-top:5px;transform:rotate(-45deg);white-space:nowrap}.category-chart{grid-column:span 1}.donut-chart{gap:15px}.category-item,.donut-chart{display:flex;flex-direction:column}.category-item{gap:8px}.category-bar{border-radius:15px;height:30px;transition:all .3s}.category-info{display:flex;font-size:14px;justify-content:space-between}.category-name{color:#1f2937;font-weight:600}.category-stats{color:#6b7280}.stats-table-card{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:40px;padding:25px}.stats-table-card h3{color:#1f2937;font-size:18px;margin:0 0 20px}.stats-table{overflow-x:auto}.stats-table table{border-collapse:collapse;width:100%}.stats-table th{background:#f3f4f6;color:#374151;font-size:14px;font-weight:600;padding:12px;text-align:left}.stats-table td{border-bottom:1px solid #e5e7eb;font-size:14px;padding:12px}.stats-table tr:hover{background:#f9fafb}.stats-table .rank{color:#667eea;font-weight:700;width:50px}.stats-table .title{color:#1f2937;font-weight:500}.stats-table .views{color:#10b981;font-weight:600}.stats-table .duration{color:#6b7280}.category-badge{border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.stats-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{height:50px;margin-bottom:20px;width:50px}.stats-error{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px}.btn-retry{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s}.btn-retry:hover{background:#ffffff4d}.stats-note{background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;text-align:center}.stats-note p{color:#6b7280;font-size:14px;margin:0}.stats-note strong{color:#1f2937}@media (max-width:768px){.stats-header{align-items:flex-start;flex-direction:column}.stats-header h1{font-size:28px}.stats-actions{flex-direction:column;width:100%}.btn-refresh,.time-range-select{width:100%}.stats-charts,.stats-kpis{grid-template-columns:1fr}.chart-label{font-size:8px}.stats-table{font-size:12px}.stats-table td,.stats-table th{padding:8px}}.channels-container{margin:0 auto;max-width:1400px;padding:20px}.channels-container h1{align-items:center;color:#fff;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:30px;text-align:center}.loading,.no-channels{color:#999;font-size:1.2rem;padding:60px 20px;text-align:center}.channels-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,400px));justify-content:center;margin:30px auto 0;max-width:1400px}@media (min-width:1200px){.channels-grid{grid-template-columns:repeat(auto-fit,minmax(350px,400px))}}.channel-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.channel-card:hover{border-color:#ffffff4d;box-shadow:0 10px 30px #00000080;transform:translateY(-5px)}.channel-card{position:relative}.channel-card-thumbnail{background:#000;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.channel-card-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.channel-card-overlay{position:absolute;right:10px;top:10px;z-index:1}.channel-type-badge{background:#000c;border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;padding:5px 12px;text-transform:uppercase}.channel-card-info{padding:15px}.channel-card-info h3{color:#fff;font-size:1.2rem;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-card-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#e0e0e0;display:-webkit-box;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.channel-player-container{margin:0 auto;max-width:1200px;padding:20px}.back-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:20px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#fff3;transform:translateX(-5px)}.channel-player h1{color:#fff;font-size:2rem;margin-bottom:20px}.channel-thumbnail-container{background:#000;border-radius:12px;cursor:pointer;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.channel-thumbnail{object-fit:cover}.channel-thumbnail,.play-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.play-overlay{align-items:center;background:#0000004d;display:flex;justify-content:center;transition:all .3s ease}.channel-thumbnail-container:hover .play-overlay{background:#00000080}.play-button{align-items:center;background:#ffffffe6;border-radius:50%;color:#000;display:flex;font-size:2rem;height:80px;justify-content:center;transition:all .3s ease;width:80px}.channel-thumbnail-container:hover .play-button{background:#fff;transform:scale(1.1)}.login-required-overlay{background:linear-gradient(0deg,#000000e6,#0000);bottom:0;left:0;padding:30px 20px 20px;position:absolute;right:0;text-align:center}.login-required-overlay p{color:#fff;font-size:1.1rem;font-weight:700;margin:0}.channel-video-container{background:#000;border-radius:12px;overflow:hidden;padding-top:56.25%;position:relative;width:100%}.channel-iframe,.channel-video{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.rtmp-player{color:#fff;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.rtmp-player code{background:#ffffff1a;border-radius:5px;display:inline-block;margin-top:10px;padding:10px;word-break:break-all}.channel-info{background:#ffffff0d;border-radius:12px;margin-top:30px;padding:20px}.channel-info h2{color:#fff;font-size:1.5rem;margin-bottom:15px}.channel-info p{color:#ccc;font-size:1rem;line-height:1.6;margin-bottom:20px}.channel-meta{display:flex;flex-wrap:wrap;gap:15px}.channel-type{background:#ffffff1a;border-radius:20px;color:#fff;font-size:.9rem;padding:8px 16px}@media (max-width:768px){.channels-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.channels-container h1{font-size:2rem}.channels-container h1 svg{height:32px;width:32px}.channel-player h1,.play-button{font-size:1.5rem}.play-button{height:60px;width:60px}}.favorite-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .3s ease;width:40px;z-index:10}.favorite-btn:hover{background:#000000e6;border-color:#fff9;transform:scale(1.1)}.favorite-btn.favorited{background:#dc2626e6;border-color:#dc2626;color:#fff}.favorite-btn.favorited:hover{background:#dc2626;transform:scale(1.15)}.favorite-btn-player{align-items:center;background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.favorite-btn-player:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.favorite-btn-player.favorited{background:#dc2626e6;border-color:#dc2626;color:#fff}.favorite-btn-player.favorited:hover{background:#dc2626;transform:scale(1.15)}.favorite-btn-channel-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:45px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:45px}.favorite-btn-channel-info:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.favorite-btn-channel-info.favorited{background:#dc2626e6;border-color:#dc2626;color:#fff}.favorite-btn-channel-info.favorited:hover{background:#dc2626;transform:scale(1.15)}.video-player-container{height:100%;overflow:hidden;position:relative;width:100%}.video-player-element{cursor:pointer;height:100%;object-fit:contain;width:100%}.video-player-loading{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin:0 auto 10px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-player-segment-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 2px 8px #10b98166;color:#fff;font-size:12px;font-weight:600;left:10px;padding:6px 12px;pointer-events:none;position:absolute;top:10px;z-index:10}.video-player-controls{background:linear-gradient(0deg,#000c 0,#0000);bottom:0;left:0;padding:20px;position:absolute;right:0;transition:opacity .3s ease,transform .3s ease;z-index:20}.video-player-controls.visible{opacity:1;transform:translateY(0)}.video-player-controls.hidden{opacity:0;pointer-events:none;transform:translateY(20px)}.video-player-progress-container{cursor:pointer;margin-bottom:15px}.video-player-progress-bar{background:#ffffff4d;border-radius:3px;height:6px;overflow:visible;position:relative}.video-player-progress-filled{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;height:100%;transition:width .1s ease}.video-player-marker{border-radius:2px;height:14px;position:absolute;top:-4px;transform:translateX(-50%);width:3px}.video-player-marker.in{background:#10b981;box-shadow:0 0 8px #10b98199}.video-player-marker.out{background:#ef4444;box-shadow:0 0 8px #ef444499}.video-player-controls-row{align-items:center;display:flex;gap:15px;justify-content:space-between}.video-player-controls-left,.video-player-controls-right{align-items:center;display:flex;gap:10px}.video-player-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;min-width:36px;padding:8px;transition:background .2s ease}.video-player-btn:hover{background:#fff3}.video-player-btn.video-player-close{background:#ef4444cc}.video-player-btn.video-player-close:hover{background:#ef4444}.video-player-time{color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.video-player-volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;height:4px;outline:none;width:80px}.video-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:14px;width:14px}.video-player-volume-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;cursor:pointer;height:14px;width:14px}@media (max-width:768px){.video-player-controls{padding:15px 10px}.video-player-btn{font-size:18px;height:32px;min-width:32px;padding:6px}.video-player-time{font-size:12px}.video-player-volume-slider{width:60px}.video-player-segment-badge{font-size:12px;padding:6px 12px;right:10px;top:10px}}.cookie-banner-overlay{animation:slideUp .4s ease-out;bottom:0;left:0;position:fixed;right:0;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.cookie-banner{background:linear-gradient(135deg,#1a1a2e,#16213e);border-top:3px solid #e94560;box-shadow:0 -4px 20px #00000080;max-width:100%;padding:20px}.cookie-banner-content{margin:0 auto;max-width:1200px}.cookie-banner-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.cookie-icon{animation:bounce 2s infinite;font-size:32px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cookie-banner-header h3{color:#fff;font-size:22px;font-weight:600;margin:0}.cookie-banner-text{margin-bottom:20px}.cookie-banner-text p{color:#e0e0e0;font-size:15px;line-height:1.6;margin:0 0 12px}.cookie-details{grid-gap:12px;background:#ffffff0d;border-radius:8px;display:grid;gap:12px;margin-top:16px;padding:16px}.cookie-category{background:#ffffff08;border-left:3px solid #e94560;border-radius:6px;padding:12px}.cookie-category h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 8px}.cookie-category p{color:#b0b0b0;font-size:14px;margin:0}.cookie-banner-actions{display:flex;flex-direction:column;gap:16px}.cookie-banner-buttons{display:flex;flex-wrap:wrap;gap:12px}.cookie-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;letter-spacing:.5px;min-width:140px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.cookie-btn-accept{background:linear-gradient(135deg,#e94560,#d63447);color:#fff}.cookie-btn-accept:hover{background:linear-gradient(135deg,#d63447,#c72c3f);box-shadow:0 4px 12px #e9456066;transform:translateY(-2px)}.cookie-btn-essential{background:linear-gradient(135deg,#0f3460,#16213e);border:2px solid #e94560;color:#fff}.cookie-btn-essential:hover{background:linear-gradient(135deg,#16213e,#1a1a2e);box-shadow:0 4px 12px #e945604d;transform:translateY(-2px)}.cookie-btn-reject{background:#ffffff1a;border:2px solid #fff3;color:#e0e0e0}.cookie-btn-reject:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.cookie-banner-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cookie-link{background:none;border:none;color:#e94560;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .3s ease}.cookie-link:hover{color:#ff6b81}@media (max-width:768px){.cookie-banner{padding:16px}.cookie-banner-header h3{font-size:18px}.cookie-icon{font-size:28px}.cookie-banner-text p{font-size:14px}.cookie-banner-buttons{flex-direction:column}.cookie-btn{min-width:0;min-width:auto;width:100%}.cookie-details{padding:12px}.cookie-category{padding:10px}.cookie-category h4{font-size:14px}.cookie-category p{font-size:13px}}@media (max-width:480px){.cookie-banner{padding:12px}.cookie-banner-header{gap:8px;margin-bottom:12px}.cookie-banner-header h3{font-size:16px}.cookie-icon{font-size:24px}.cookie-banner-text p{font-size:13px}.cookie-btn{font-size:14px;padding:10px 16px}.cookie-banner-links{flex-direction:column;gap:12px}}.privacy-policy-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.privacy-policy-modal{animation:slideIn .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.privacy-policy-header{align-items:center;border-bottom:2px solid #e94560;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 24px 0}.privacy-policy-header h2{color:#fff;font-size:24px;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#e94560;cursor:pointer;display:flex;font-size:32px;font-weight:700;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#e945601a;transform:scale(1.1)}.privacy-policy-content{flex:1 1;overflow-y:auto;padding:0 24px;scrollbar-color:#e94560 #0000;scrollbar-width:thin}.privacy-policy-content::-webkit-scrollbar{width:6px}.privacy-policy-content::-webkit-scrollbar-track{background:#0000}.privacy-policy-content::-webkit-scrollbar-thumb{background:#e94560;border-radius:3px}.privacy-policy-content::-webkit-scrollbar-thumb:hover{background:#d63447}.policy-section{border-bottom:1px solid #ffffff1a;margin-bottom:24px;padding-bottom:16px}.policy-section:last-child{border-bottom:none;margin-bottom:0}.policy-section h3{color:#e94560;font-size:18px;font-weight:600;margin:0 0 12px}.policy-section p{color:#e0e0e0;font-size:15px;line-height:1.6;margin:0 0 12px}.policy-section ul{margin:12px 0;padding-left:20px}.policy-section li{color:#d0d0d0;font-size:14px;line-height:1.6;margin-bottom:8px}.policy-section li strong{color:#fff;font-weight:600}.privacy-policy-footer{border-top:1px solid #ffffff1a;display:flex;justify-content:center;padding:20px 24px 24px}.accept-btn{background:linear-gradient(135deg,#e94560,#d63447);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.accept-btn:hover{background:linear-gradient(135deg,#d63447,#c72c3f);box-shadow:0 4px 12px #e9456066;transform:translateY(-2px)}@media (max-width:768px){.privacy-policy-overlay{padding:10px}.privacy-policy-modal{max-height:95vh}.privacy-policy-header{padding:20px 20px 0}.privacy-policy-header h2{font-size:20px}.close-btn{font-size:28px;height:36px;width:36px}.privacy-policy-content{padding:0 20px}.policy-section h3{font-size:16px}.policy-section p{font-size:14px}.policy-section li{font-size:13px}.privacy-policy-footer{padding:16px 20px 20px}.accept-btn{font-size:14px;padding:10px 24px}}@media (max-width:480px){.privacy-policy-overlay{padding:5px}.privacy-policy-header{padding:16px 16px 0}.privacy-policy-header h2{font-size:18px}.privacy-policy-content{padding:0 16px}.policy-section{margin-bottom:20px}.policy-section h3{font-size:15px}.policy-section p{font-size:13px}.policy-section li{font-size:12px}.privacy-policy-footer{padding:12px 16px 16px}}.privacy-policy-page{animation:none;background:#0000;border-radius:0;box-shadow:none;display:block;max-height:none;max-width:none;padding:0;width:100%}.privacy-policy-content-page{background:#ffffff1a;border-radius:15px;flex:none;overflow-y:visible;padding:30px}.back-btn,.privacy-policy-content-page{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px}.back-btn{align-items:center;background:#fff3;border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.back-btn:hover{background:#ffffff4d;transform:translateX(-5px)}.back-btn span{font-size:20px}@media (max-width:768px){.privacy-policy-content-page{padding:20px}.back-btn{font-size:14px;padding:10px 20px}.back-btn span{font-size:18px}}@media (max-width:480px){.privacy-policy-content-page{padding:16px}.back-btn{font-size:13px;padding:8px 16px}.back-btn span{font-size:16px}}