:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--primary-red:#e50914;--primary-red-light:#ff6b6b;--primary-red-dark:#b3070f;--bg-dark:#0f0f0f;--bg-dark-light:#1a1a1a;--bg-black:#000;--text-white:#fff;--text-light:#ccc;--text-muted:#999;--gradient-primary:linear-gradient(45deg,var(--primary-red),var(--primary-red-light));--gradient-bg:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-dark-light) 50%,var(--bg-dark) 100%);--border-red:#e509144d;--border-white:#ffffff1a;--border-white-light:#ffffff4d;--shadow-red:#e509144d;--shadow-red-light:#e5091466;--shadow-white:#ffffff4d;--category-sport-bg:var(--gradient-primary);--category-other-bg:linear-gradient(45deg,#e5091433,#ff6b6b33);--border-yellow:gold;--border-orange:#ff8c00;--border-red-orange:#ff4500;--border-pink:#ff1493;--border-blue:#00bfff;--gradient-border:linear-gradient(90deg,#0000 0%,var(--border-yellow) 8%,var(--border-orange) 20%,var(--border-red-orange) 35%,var(--primary-red) 45%,var(--border-pink) 55%,var(--border-blue) 70%,var(--border-yellow) 85%,var(--border-orange) 95%,#0000 100%);--font-size-display-xl:clamp(2.5rem,8vw,6rem);--font-size-display-lg:clamp(2rem,6vw,4.5rem);--font-size-display-md:clamp(1.75rem,5vw,3.5rem);--font-size-display-sm:clamp(1.5rem,4vw,2.5rem);--font-size-heading-xl:clamp(1.75rem,4.5vw,2.5rem);--font-size-heading-lg:clamp(1.5rem,4vw,2.25rem);--font-size-heading-md:clamp(1.25rem,3.5vw,1.875rem);--font-size-heading-sm:clamp(1.125rem,3vw,1.5rem);--font-size-heading-xs:clamp(1rem,2.5vw,1.25rem);--font-size-body-xl:clamp(1.125rem,2.5vw,1.25rem);--font-size-body-lg:clamp(1rem,2.25vw,1.125rem);--font-size-body-md:clamp(0.9375rem,2vw,1rem);--font-size-body-sm:clamp(0.875rem,1.75vw,0.9375rem);--font-size-body-xs:clamp(0.8125rem,1.5vw,0.875rem);--font-size-caption-lg:clamp(0.875rem,1.5vw,0.9375rem);--font-size-caption-md:clamp(0.8125rem,1.25vw,0.875rem);--font-size-caption-sm:clamp(0.75rem,1vw,0.8125rem);--font-size-caption-xs:clamp(0.6875rem,0.875vw,0.75rem);--font-size-button-lg:clamp(1rem,2.25vw,1.125rem);--font-size-button-md:clamp(0.9375rem,2vw,1rem);--font-size-button-sm:clamp(0.875rem,1.75vw,0.9375rem);--font-size-button-xs:clamp(0.8125rem,1.5vw,0.875rem);--line-height-tight:1.1;--line-height-normal:1.4;--line-height-relaxed:1.6;--line-height-loose:1.8;--letter-spacing-tight:-0.02em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--mobile-font-size-adjustment:0.95;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--vh:1vh;--dvh:1dvh;--svh:1svh;--lvh:1lvh;--mobile-vh:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));--mobile-dvh:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}html{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;font-family:var(--font-family-primary);margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;scrollbar-width:none}body::-webkit-scrollbar{display:none}code{font-family:var(--font-family-mono)}.animated-dropdown{--animation-duration:300ms;--animation-easing:ease-out;background:#000000f2;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;overflow:hidden;position:absolute}.animated-dropdown--bottom-right{margin-top:8px;right:0;top:100%}.animated-dropdown--bottom-left{left:0;margin-top:8px;top:100%}.animated-dropdown--bottom-center{left:50%;margin-top:8px;top:100%;transform:translateX(-50%)}.animated-dropdown--top-right{bottom:100%;margin-bottom:8px;right:0}.animated-dropdown--top-left{bottom:100%;left:0;margin-bottom:8px}.animated-dropdown--top-center{bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.animated-dropdown--open{animation:dropdownSlideIn var(--animation-duration) var(--animation-easing) forwards}.animated-dropdown--closing{animation:dropdownSlideOut var(--animation-duration) ease-in forwards}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}.animated-dropdown--top-center.animated-dropdown--open,.animated-dropdown--top-left.animated-dropdown--open,.animated-dropdown--top-right.animated-dropdown--open{animation:dropdownSlideInFromTop var(--animation-duration) var(--animation-easing) forwards}.animated-dropdown--top-center.animated-dropdown--closing,.animated-dropdown--top-left.animated-dropdown--closing,.animated-dropdown--top-right.animated-dropdown--closing{animation:dropdownSlideOutToTop var(--animation-duration) ease-in forwards}@keyframes dropdownSlideInFromTop{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOutToTop{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.animated-dropdown--bottom-center.animated-dropdown--open,.animated-dropdown--top-center.animated-dropdown--open{transform:translateX(-50%) translateY(0) scale(1)}.animated-dropdown--bottom-center.animated-dropdown--closing,.animated-dropdown--top-center.animated-dropdown--closing{transform:translateX(-50%) translateY(-20px) scale(.95)}.animated-dropdown--top-center.animated-dropdown--closing{transform:translateX(-50%) translateY(20px) scale(.95)}@media (max-width:480px){.animated-dropdown--mobile-full{border-radius:12px;left:12px!important;margin:0!important;max-height:75vh;max-height:75dvh;position:fixed!important;right:12px!important;top:70px!important;transform:none!important;width:auto!important}.animated-dropdown--mobile-full.animated-dropdown--open{animation:dropdownSlideInMobile var(--animation-duration) var(--animation-easing) forwards}.animated-dropdown--mobile-full.animated-dropdown--closing{animation:dropdownSlideOutMobile var(--animation-duration) ease-in forwards}}@keyframes dropdownSlideInMobile{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOutMobile{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}@media (min-width:481px) and (max-width:768px){.animated-dropdown--mobile-full{border-radius:14px;left:16px!important;right:16px!important}}@media (prefers-reduced-motion:reduce){.animated-dropdown{--animation-duration:0ms}.animated-dropdown--closing,.animated-dropdown--open{animation:none!important;opacity:1;transform:none!important}}@media (prefers-contrast:high){.animated-dropdown{border-color:#fffc;border-width:2px}}.user-menu{display:inline-block;isolation:isolate;position:relative;z-index:10005}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-white);cursor:pointer;display:flex;font-size:inherit;gap:.5rem;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-menu-trigger:hover{background:#ffffff14;transform:translateY(-1px)}.user-menu-trigger:active{transform:translateY(0)}.user-menu-trigger:focus-visible{outline:2px solid #ffffff80;outline-offset:2px}.user-menu-trigger svg{color:var(--text-white);opacity:.8;transition:transform .2s cubic-bezier(.4,0,.2,1)}.user-menu-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.user-menu-dropdown-wrapper{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#0f0f0ff2!important;border:1px solid #ffffff1f!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #ffffff0d!important;contain:layout style paint;isolation:isolate;overflow:hidden;will-change:transform,opacity;z-index:10010}.user-menu-dropdown-content{display:flex;flex-direction:column;height:100%}.user-menu-header{background:#ffffff05;border-bottom:1px solid #ffffff14;padding:1rem 1.25rem}.user-info{margin-bottom:.75rem;text-align:left}.user-name{color:var(--text-white);font-size:.875rem;font-weight:600;line-height:1.4;margin-bottom:.25rem;word-break:break-word}.user-role{color:#fff9;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.subscription-status{margin-top:.75rem}.subscription-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f,#ffffff05 50%,#ffffff0f);border:1px solid #ffffff1f;border-radius:16px;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:.275rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-badge:before{background:linear-gradient(135deg,#6b7280,#0000 40%,#0000 60%,#6b7280);background:linear-gradient(135deg,var(--subscription-color,#6b7280) 0,#0000 40%,#0000 60%,var(--subscription-color,#6b7280) 100%);bottom:0;content:"";left:0;opacity:.06;position:absolute;right:0;top:0;transition:opacity .3s ease}.subscription-badge:hover{border-color:#fff3;box-shadow:0 8px 25px #00000040,0 4px 12px #00000026,inset 0 1px 0 #ffffff14;transform:translateY(-2px)}.subscription-badge:hover:before{opacity:.12}.subscription-icon{align-items:center;color:#6b7280;color:var(--subscription-color,#6b7280);display:flex;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));flex-shrink:0;height:24px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px;z-index:2}.subscription-badge:hover .subscription-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:scale(1.1) rotate(5deg)}.subscription-details{flex:1 1;min-width:0;position:relative;text-align:center;z-index:2}.subscription-label{color:var(--text-white);font-size:.875rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:.25rem;text-align:center;text-shadow:0 1px 3px #0006}.subscription-status-text{align-items:center;color:#6b7280;color:var(--subscription-color,#6b7280);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.08em;position:relative;text-transform:uppercase}.subscription-status-text:before{animation:pulse 2s infinite;background:#6b7280;background:var(--subscription-color,#6b7280);border-radius:50%;box-shadow:0 0 8px #6b7280;box-shadow:0 0 8px var(--subscription-color,#6b7280);content:"";height:6px;opacity:.9;position:relative;width:6px}.subscription-badge.variant-premium{background:linear-gradient(135deg,#f59e0b14,#ffffff0a 50%,#f59e0b14);border-color:#f59e0b4d;box-shadow:0 4px 16px #f59e0b26,0 2px 8px #0003,inset 0 1px 0 #f59e0b1a}.subscription-badge.variant-premium:hover{border-color:#f59e0b66;box-shadow:0 8px 30px #f59e0b33,0 4px 16px #00000040,inset 0 1px 0 #f59e0b26}.subscription-badge.variant-premium:before{background:linear-gradient(135deg,#f59e0b,#fbbf24 25%,#0000 50%,#fbbf24 75%,#f59e0b);opacity:.1}.subscription-badge.variant-premium:hover:before{opacity:.18}.subscription-badge.variant-premium_plus{background:linear-gradient(135deg,#10b98114,#ffffff0a 50%,#10b98114);border-color:#10b9814d;box-shadow:0 4px 16px #10b98126,0 2px 8px #0003,inset 0 1px 0 #10b9811a}.subscription-badge.variant-premium_plus:hover{border-color:#10b98166;box-shadow:0 8px 30px #10b98133,0 4px 16px #00000040,inset 0 1px 0 #10b98126}.subscription-badge.variant-premium_plus:before{background:linear-gradient(135deg,#10b981,#34d399 25%,#0000 50%,#34d399 75%,#10b981);opacity:.1}.subscription-badge.variant-premium_plus:hover:before{opacity:.18}.subscription-badge.variant-free{--subscription-color:#6b7280;background:linear-gradient(135deg,#6b728014,#ffffff0a 50%,#6b728014);border-color:#6b728040;box-shadow:0 4px 16px #6b72801a,0 2px 8px #0003,inset 0 1px 0 #6b728014}.subscription-badge.variant-free:hover{border-color:#6b728059;box-shadow:0 8px 30px #6b728026,0 4px 16px #00000040,inset 0 1px 0 #6b72801f}.subscription-badge.variant-free:before{background:linear-gradient(135deg,#6b7280,#9ca3af 25%,#0000 50%,#9ca3af 75%,#6b7280);opacity:.1}.subscription-badge.variant-free:hover:before{opacity:.18}.subscription-badge.variant-premium{--subscription-color:#f59e0b}.subscription-badge.variant-premium_plus{--subscription-color:#10b981}.subscription-badge.subscription-glow{border-color:#ffffff40}.subscription-badge.subscription-glow .subscription-icon{color:var(--subscription-color)}.user-menu-items{padding:.5rem}.menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);width:100%}.menu-item:before{background:#ffffff14;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease}.menu-item:hover:before{opacity:1}.menu-item:hover{color:var(--text-white);transform:translateX(4px)}.menu-item:active{transform:translateX(4px) scale(.98)}.menu-item:focus-visible{outline:2px solid #ffffff80;outline-offset:-2px}.menu-item.danger{color:#ef4444}.menu-item.danger:hover{background:#ef44441a;color:#fca5a5}.menu-item.danger:focus-visible{outline-color:#ef444480}.menu-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:20px;justify-content:center;opacity:.8;transition:opacity .15s ease;width:20px}.menu-item:hover .menu-icon{opacity:1}.menu-text{flex:1 1;font-weight:500;letter-spacing:.025em}.menu-divider{background:linear-gradient(90deg,#0000,#ffffff14 50%,#0000);height:1px;margin:.5rem 0}@media (max-width:768px){.user-menu-header{background:#ffffff08;padding:1.5rem 1.25rem 1rem}.subscription-status{margin-top:1rem}.subscription-badge{border-radius:16px;flex-direction:column;gap:.5rem;padding:.875rem 1.25rem}.subscription-icon{height:24px;width:24px}.subscription-label{font-size:.875rem}.subscription-status-text{font-size:.75rem}.subscription-status-text:before{height:5px;left:-.625rem;width:5px}.user-menu-items{padding:.5rem 1rem 1.5rem}.menu-item{border-radius:12px;font-size:1rem;padding:1rem}.menu-icon{height:24px;width:24px}.menu-divider{margin:.75rem 0}}@media (max-width:480px){.user-menu-header{padding:1.25rem 1rem .75rem}.subscription-status{margin-top:.75rem}.subscription-badge{border-radius:14px;flex-direction:column;gap:.375rem;padding:.75rem 1rem}.subscription-icon{height:20px;width:20px}.subscription-label{font-size:.8rem;margin-bottom:.125rem}.subscription-status-text{font-size:.7rem}.subscription-status-text:before{height:5px;width:5px}.user-menu-items{padding:.25rem 1rem 1.25rem}.menu-item{font-size:.95rem;padding:.875rem}}@media (prefers-color-scheme:dark){.user-menu-dropdown-wrapper{background:#0a0a0afa!important;border-color:#ffffff26!important}}@media (prefers-contrast:high){.user-menu-dropdown-wrapper{border-color:var(--text-white)!important;border-width:2px!important}.menu-item:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.menu-item,.user-menu-trigger{transition:none}}.notification-item{align-items:flex-start;background:#0000;border-bottom:1px solid #ffffff14;color:#ffffffe6;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;text-align:left;transition:all .2s ease}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:#0000;border-bottom-color:#3b82f6}.notification-item:active{background:#0000}.notification-item.dismissing{opacity:0;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item.unread{background:#0000;border-left:3px solid #f59e0b}.notification-item.unread:hover{background:#0000}.notification-item-icon{align-items:center;background:#0000;border-radius:8px;color:#fffc;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.notification-item-icon svg{fill:currentColor;height:18px;width:18px}.notification-item-icon.success{background:#0000;color:#4ade80}.notification-item-icon.error{background:#0000;color:#f87171}.notification-item-icon.warning{background:#0000;color:#fbbf24}.notification-item-icon.info{background:#0000;color:#60a5fa}.notification-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.notification-item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.notification-item-actions{align-items:center;display:flex;gap:8px}.notification-item-title{color:#ffffffe6;flex:1 1;font-size:14px;font-weight:500;line-height:1.4;margin:0;min-width:0}.notification-item-time{color:#ffffff80;flex-shrink:0;font-size:12px;font-weight:400;white-space:nowrap}.notification-item-dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#fff6;cursor:pointer;display:flex;font-size:16px;font-weight:300;height:20px;justify-content:center;opacity:0;padding:2px;transition:all .2s ease;width:20px}.notification-item:hover .notification-item-dismiss{opacity:1}.notification-item-dismiss:hover{background:#ffffff1a;color:#fffc;transform:scale(1.1)}.notification-item-dismiss:active{transform:scale(.95)}.notification-item-message{word-wrap:break-word;color:#ffffffb3;font-size:13px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;max-height:none;overflow-wrap:break-word;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-item-message.truncated{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.notification-item-message.expanded{-webkit-line-clamp:unset;display:block;max-height:none}.notification-item.unread .notification-item-title{color:#fffffff2;font-weight:600}.notification-item.unread .notification-item-message{color:#fffc}.notification-item.unread .notification-item-time{color:#fff9}.notification-item.welcome-message{background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-left:3px solid #10b981;border-radius:0 8px 8px 0}.notification-item.welcome-message.unread{background:linear-gradient(135deg,#3b82f626,#10b98126);border-left:3px solid #10b981}.notification-item.welcome-message:hover{background:linear-gradient(135deg,#3b82f633,#10b98133);border-left-color:#34d399}.notification-item.welcome-message .notification-item-icon{background:linear-gradient(135deg,#3b82f6,#10b981);color:#fff}.notification-item.welcome-message .notification-item-title{color:#10b981;font-weight:600}.notification-item.welcome-message .notification-item-message{color:#10b981e6;font-size:14px;line-height:1.6}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:4}.notification-item.welcome-message .notification-item-message.expanded{-webkit-line-clamp:unset;max-height:none}.notification-item.welcome-message .notification-item-message-toggle{background:none;border:none;border-radius:4px;color:#10b981;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:4px 8px;text-decoration:underline;text-underline-offset:2px;transition:all .2s ease}.notification-item.welcome-message .notification-item-message-toggle:hover{background:#10b9811a;color:#34d399}.notification-item.welcome-message .notification-item-unread-indicator{background:#10b981;box-shadow:0 0 8px #10b98180}.notification-item-unread-indicator{animation:unreadPulse 2s ease-in-out infinite;background:#ef4444;border-radius:50%;height:6px;position:absolute;right:8px;top:18px;width:6px}@keyframes unreadPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@media (min-width:1200px){.notification-item-message.truncated{-webkit-line-clamp:4}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:5}.notification-item-unread-indicator{right:8px;top:18px}}@media (min-width:768px) and (max-width:1199px){.notification-item-message.truncated{-webkit-line-clamp:3}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:4}.notification-item-unread-indicator{right:7px;top:17px}}@media (min-width:481px) and (max-width:767px){.notification-item{padding:15px 18px}.notification-item-message.truncated{-webkit-line-clamp:3}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:4}.notification-item.welcome-message .notification-item-message{font-size:13px}.notification-item-unread-indicator{height:5px;right:6px;top:16px;width:5px}}@media (max-width:480px){.notification-item{gap:10px;padding:14px 16px}.notification-item-icon{height:32px;width:32px}.notification-item-icon svg{height:16px;width:16px}.notification-item-title{font-size:13px}.notification-item-message{font-size:12px}.notification-item-message.truncated{-webkit-line-clamp:2}.notification-item.welcome-message .notification-item-message{font-size:13px}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:3}.notification-item-time{font-size:11px}.notification-item-unread-indicator{height:5px;right:6px;top:16px;width:5px}.notification-item.welcome-message .notification-item-message-toggle{font-size:11px;margin-top:6px;padding:3px 6px}.notification-item-dismiss{font-size:14px;height:18px;width:18px}}@media (max-width:320px){.notification-item{gap:8px;padding:12px 14px}.notification-item-icon{height:28px;width:28px}.notification-item-icon svg{height:14px;width:14px}.notification-item-title{font-size:12px}.notification-item-message{font-size:11px}.notification-item-message.truncated{-webkit-line-clamp:2}.notification-item.welcome-message .notification-item-message{font-size:12px}.notification-item.welcome-message .notification-item-message.truncated{-webkit-line-clamp:2}.notification-item-time{font-size:10px}.notification-item.welcome-message .notification-item-message-toggle{font-size:10px;margin-top:4px;padding:2px 4px}.notification-item-dismiss{font-size:12px;height:16px;width:16px}.notification-item-unread-indicator{height:5px;right:4px;top:14px;width:5px}}.notification-panel-content{height:100%}.notification-panel-header{align-items:center;background:#000c;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:20px 24px 16px}.notification-panel-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.notification-panel-actions{align-items:center;background:#000c;border-bottom:1px solid #ffffff26;display:flex;gap:16px;justify-content:flex-start;padding:0 24px 16px}.dismiss-all-btn,.mark-all-read-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:6px 10px;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.dismiss-all-btn{color:#f87171d9}.dismiss-all-btn:hover{background:#f8717114;color:#f87171}.dismiss-all-btn:active{background:#f871711f;transform:scale(.98)}.mark-all-read-btn{color:#60a5fad9}.mark-all-read-btn:hover{background:#60a5fa14;color:#60a5fa}.mark-all-read-btn:active{background:#60a5fa1f;transform:scale(.98)}.close-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.close-btn:hover{background:#ffffff1a}.close-btn:active{background:#ffffff26}.close-btn svg{height:16px;width:16px}.notification-panel-content{background:#0000;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.notification-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:16px;width:32px}.notification-empty{align-items:center;color:#ffffff80;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.notification-empty svg{color:#ffffff80;height:56px;margin-bottom:16px;opacity:.4;width:56px}.notification-empty p{color:#fff9;font-size:15px;font-weight:500;margin:0}.notification-list{background:#0000;flex:1 1;overflow-y:auto;padding:0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.notification-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:480px){.notification-panel-header{padding:16px 20px 12px}.notification-panel-header h3{font-size:15px}.notification-panel-actions{gap:12px;padding:0 20px 12px}.dismiss-all-btn,.mark-all-read-btn{font-size:11px;padding:8px 12px}.close-btn{padding:6px}.close-btn svg{height:16px;width:16px}}@media (min-width:481px) and (max-width:768px){.notification-panel{max-width:calc(100vw - 32px);width:340px}}@media (min-width:769px) and (max-width:1024px){.notification-panel{width:360px}}@media (min-width:1025px){.notification-panel{width:360px}}.notification-bell-container{display:inline-block;position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffe6;cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:10px;position:relative;transition:all .2s ease}.notification-bell:hover{background:#ffffff1a}.notification-bell:active{background:#ffffff26}.notification-bell-icon{fill:currentColor;height:22px;transition:transform .2s ease;width:22px}.notification-bell:hover .notification-bell-icon{transform:scale(1.05)}.notification-badge{align-items:center;animation:notificationPulse 2s ease-in-out infinite;background:#ef4444;border:2px solid #000c;border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:6px;top:6px}@keyframes notificationPulse{0%,to{box-shadow:0 2px 8px #ef44444d;transform:scale(1)}50%{box-shadow:0 4px 16px #ef444466;transform:scale(1.1)}}.notification-bell:disabled{cursor:not-allowed;opacity:.5}.notification-bell:disabled:hover{background:#0000}.notification-bell:disabled .notification-bell-icon{transform:none}@media (max-width:480px){.notification-bell{min-height:40px;min-width:40px;padding:8px}.notification-bell-icon{height:20px;width:20px}.notification-badge{font-size:10px;height:18px;min-width:18px;padding:0 4px;right:4px;top:4px}}.update-notification{animation:slideInFromLeft .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-dark);border:1px solid var(--border-white);border-radius:8px;bottom:20px;box-shadow:0 8px 32px #0006,inset 0 1px 0 var(--border-white);color:var(--text-white);font-family:var(--font-family-primary);left:20px;max-width:min(450px,calc(100vw - 40px));min-width:300px;position:fixed;width:auto;z-index:9998}.update-notification.top{bottom:auto;left:20px;top:80px}.update-notification.bottom{bottom:20px;left:20px}.update-notification-content{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:40px;padding:10px 16px}.update-icon{align-items:center;animation:pulse 2s infinite;color:var(--primary-red);display:flex;filter:drop-shadow(0 0 6px var(--primary-red));flex:0 0 auto;justify-content:center;order:1}.update-icon svg{height:18px;transition:transform .2s ease;width:18px}.update-message{flex:1 1 auto;min-width:0;order:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-title{color:var(--text-white);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);margin:0}.last-checked,.update-details{display:none}.update-actions{align-items:center;display:flex;flex:0 0 auto;gap:12px;order:3}.update-button{border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;font-family:var(--font-family-primary);font-size:var(--font-size-caption-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);padding:6px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.update-button.primary{background:linear-gradient(135deg,#22c55e,#16a34a);border:1px solid #16a34a;box-shadow:0 2px 6px #22c55e4d;color:var(--text-white)}.update-button.primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.update-button.primary:active{box-shadow:0 2px 6px #22c55e4d;transform:translateY(0)}.update-button.secondary{align-items:center;background:#0000;border:1px solid var(--border-white);color:var(--text-light);display:flex;flex:0 0 32px;font-size:14px;height:32px;justify-content:center;padding:0;width:32px}.update-button.secondary:hover{background:#ffffff1a;border-color:var(--border-white-light);color:var(--text-white)}.update-debug{display:none}.update-badge{align-items:center;background:var(--gradient-primary);border:1px solid var(--border-red);border-radius:24px;box-shadow:0 4px 12px var(--shadow-red);color:var(--text-white);cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:var(--font-size-caption-lg);font-weight:var(--font-weight-semibold);gap:8px;letter-spacing:var(--letter-spacing-wide);padding:10px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.update-badge:hover{background:var(--primary-red-light);box-shadow:0 8px 24px var(--shadow-red-light);transform:translateY(-2px)}.update-badge-icon{animation:bounce 1.5s infinite;font-size:14px}.update-badge-text{white-space:nowrap}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%) scale(.95)}60%{opacity:1;transform:translateX(5px) scale(1.02)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}@media (max-width:768px){.update-notification{bottom:16px;left:16px;max-width:none;min-width:auto;right:16px}.update-notification-content{gap:10px;min-height:36px;padding:8px 12px}.update-icon svg{height:16px;width:16px}.update-button{font-size:var(--font-size-caption-sm);padding:5px 10px}.update-button.secondary{flex:0 0 28px;font-size:12px;height:28px;width:28px}}@media (max-width:480px){.update-notification{bottom:12px;left:12px;right:12px}.update-notification-content{gap:8px;min-height:32px;padding:6px 10px}.update-icon svg{height:14px;width:14px}.update-title{font-size:var(--font-size-caption-lg)}.update-button{font-size:var(--font-size-caption-xs);padding:4px 8px}.update-button.secondary{flex:0 0 24px;font-size:10px;height:24px;width:24px}}@media (prefers-reduced-motion:reduce){.update-badge-icon,.update-icon,.update-notification{animation:none}.update-button{transition:color .2s ease,background-color .2s ease}.update-badge:hover,.update-button:hover{transform:none}}@media (prefers-contrast:high){.update-notification{border:2px solid var(--primary-red);box-shadow:none}.update-button.primary{border:2px solid var(--text-white)}.update-button.secondary{border:2px solid var(--text-light)}}.page-loading{background:#0f0f0f;background:var(--bg-dark,#0f0f0f);color:#fff;color:var(--text-white,#fff);min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px}.landing-loading{min-height:100vh;min-height:100dvh;position:relative}.landing-loading-background{background:linear-gradient(135deg,var(--bg-dark) 0,var(--bg-dark-light) 50%,var(--bg-dark) 100%);background:var(--gradient-bg,linear-gradient(135deg,var(--bg-dark) 0,var(--bg-dark-light) 50%,var(--bg-dark) 100%));bottom:0;left:0;position:absolute;right:0;top:0}.landing-header-skeleton{align-items:center;display:flex;height:80px;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:1}.landing-logo-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:32px;width:120px}.landing-nav-skeleton{display:flex;gap:1rem}.nav-button-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:36px;width:80px}.landing-hero-section-skeleton{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;position:relative;z-index:1}.landing-hero-content-skeleton{max-width:600px;text-align:center;width:100%}.landing-title-skeleton{height:80px;width:200px}.landing-subtitle-skeleton,.landing-title-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;margin:0 auto 2rem}.landing-subtitle-skeleton{height:20px;width:400px}.landing-signup-skeleton{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.signup-input-skeleton{width:250px}.signup-button-skeleton,.signup-input-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:48px}.signup-button-skeleton{width:120px}.member-login-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:16px;margin:0 auto;width:180px}.home-loading{min-height:100vh;min-height:100dvh;padding:0}.home-header-skeleton{align-items:center;background:#000000f2;border-bottom:1px solid #ffffff1a;display:flex;height:80px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-left-skeleton{align-items:center;display:flex;gap:1rem}.logo-skeleton{height:32px;width:120px}.logo-skeleton,.search-input-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px}.search-input-skeleton{height:40px;width:300px}.header-actions-skeleton{align-items:center;display:flex;gap:1rem}.notification-skeleton,.user-menu-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:50%;height:40px;width:40px}.home-main-skeleton{min-height:calc(100vh - 80px)}.home-hero-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:0;height:400px;margin-bottom:0;width:100%}.content-container-skeleton{margin:0 auto;max-width:1400px;padding:0 2rem}.home-categories-skeleton{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;padding:20px 0}.category-button-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:12px;flex-shrink:0;height:44px;min-width:120px}.home-grid-skeleton{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding-bottom:2rem}.home-channel-skeleton{background:#0000004d;border-radius:12px;overflow:hidden}.channel-thumbnail-skeleton{animation:shimmer 1.5s infinite;aspect-ratio:8/3;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:12px 12px 0 0;width:100%}.channel-info-skeleton{padding:12px 0}.channel-title-skeleton{height:20px;margin-bottom:8px;width:80%}.channel-name-skeleton,.channel-title-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:4px}.channel-name-skeleton{height:16px;margin-bottom:6px;width:60%}.channel-description-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:4px;height:14px;width:90%}.player-loading{background:#000;background:var(--bg-black,#000);min-height:100vh}.player-video-container-skeleton{display:flex;flex-direction:column;height:100vh;position:relative;width:100%}.player-video-skeleton{align-items:center;background:#000;background:var(--bg-black,#000);display:flex;flex:1 1;justify-content:center;position:relative}.player-video-placeholder{color:#fff;text-align:center}.player-loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-top:4px solid #e50914;border:4px solid var(--border-white,#ffffff1a);border-radius:50%;border-top-color:var(--primary-red,#e50914);height:60px;margin:0 auto 1rem;width:60px}.player-loading-text{color:#ccc;color:var(--text-light,#ccc);font-size:1.2rem}.player-controls-skeleton{align-items:center;background:linear-gradient(#0000,#000c);bottom:0;display:flex;justify-content:space-between;left:0;padding:1rem 2rem;position:absolute;right:0;z-index:10}.player-controls-center-skeleton,.player-controls-left-skeleton,.player-controls-right-skeleton{align-items:center;display:flex;gap:1rem}.back-button-skeleton,.epg-button-skeleton,.fullscreen-button-skeleton,.settings-button-skeleton,.volume-control-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:40px;width:40px}.player-epg-display-skeleton{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:12px;left:1rem;padding:1rem;position:absolute;right:1rem;top:1rem}.current-program-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:60px;margin-bottom:1rem;width:100%}.upcoming-programs-skeleton{display:flex;flex-direction:column;gap:.5rem}.upcoming-program-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:6px;height:40px;width:100%}.auth-loading{align-items:center;display:flex;justify-content:center;padding:2rem}.auth-container-skeleton{max-width:400px;text-align:center;width:100%}.auth-logo-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:40px;margin:0 auto 3rem;width:150px}.auth-form-skeleton{display:flex;flex-direction:column;gap:1rem}.auth-button-skeleton,.auth-field-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:50px;width:100%}.auth-button-skeleton{margin-top:.5rem}.profile-loading{min-height:100vh}.profile-header-skeleton{align-items:center;background:#000000f2;border-bottom:1px solid #ffffff1a;display:flex;height:80px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.profile-main-skeleton{margin:0 auto;max-width:800px;padding:2rem}.profile-avatar-section-skeleton{margin-bottom:3rem}.avatar-container-skeleton{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.profile-avatar-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:50%;flex-shrink:0;height:120px;width:120px}.profile-info-skeleton{flex:1 1}.profile-name-skeleton{border-radius:8px;height:32px;margin-bottom:.5rem;width:250px}.profile-email-skeleton,.profile-name-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%}.profile-email-skeleton{border-radius:6px;height:20px;width:200px}.subscription-info-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:12px;height:80px;width:100%}.profile-sections-skeleton{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.profile-section-skeleton{background:#0000004d;border-radius:16px;padding:1.5rem}.section-header-skeleton{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.section-icon-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:50%;height:40px;width:40px}.section-text-skeleton{flex:1 1}.section-title-skeleton{border-radius:6px;height:24px;margin-bottom:.5rem;width:150px}.section-description-skeleton,.section-title-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%}.section-description-skeleton{border-radius:4px;height:16px;width:280px}.section-items-skeleton{display:flex;flex-direction:column;gap:.75rem}.section-item-skeleton{border-radius:8px;height:60px;width:100%}.section-item-skeleton,.version-display-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%}.version-display-skeleton{border-radius:6px;height:16px;margin:0 auto;width:120px}.settings-loading{min-height:100vh}.settings-header-skeleton{align-items:center;background:#000000f2;border-bottom:1px solid #ffffff1a;display:flex;height:80px;justify-content:space-between;padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-button-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:36px;width:80px}.settings-main-skeleton{margin:0 auto;max-width:1000px;padding:2rem}.settings-container-skeleton{width:100%}.settings-page-header-skeleton{margin-bottom:3rem}.page-title-skeleton{border-radius:8px;height:40px;margin-bottom:.5rem;width:200px}.page-description-skeleton,.page-title-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%}.page-description-skeleton{border-radius:6px;height:20px;width:300px}.settings-sections-skeleton{display:flex;flex-direction:column;gap:2rem}.settings-section-skeleton{background:#0000004d;border-radius:16px;padding:1.5rem}.section-settings-skeleton{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.setting-item-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;height:60px;width:100%}.admin-loading{display:grid;grid-template-areas:"header header" "sidebar content";grid-template-columns:250px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.admin-header-skeleton{grid-area:header;height:80px}.admin-header-skeleton,.admin-sidebar-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:0}.admin-sidebar-skeleton{grid-area:sidebar}.admin-content-skeleton{display:flex;flex-direction:column;gap:2rem;grid-area:content;padding:2rem}.admin-stats-skeleton{height:120px}.admin-stats-skeleton,.admin-table-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1a1a,#ffffff0d 50%,#1a1a1a);background:linear-gradient(90deg,var(--bg-dark-light,#1a1a1a) 0,#ffffff0d 50%,var(--bg-dark-light,#1a1a1a) 100%);background-size:200px 100%;border-radius:8px;width:100%}.admin-table-skeleton{height:400px}@media (max-width:768px){.home-header-skeleton{height:64px;padding:0 1rem}.search-input-skeleton{display:none}.content-container-skeleton{padding:0 1rem}.home-grid-skeleton{gap:2rem;grid-template-columns:1fr}.home-hero-skeleton{height:200px}.home-categories-skeleton{justify-content:flex-start;padding:16px 0}.category-button-skeleton{height:40px;min-width:100px}.landing-header-skeleton{height:64px;padding:1rem}.landing-hero-section-skeleton{min-height:calc(100vh - 64px);padding:1rem}.landing-title-skeleton{height:60px;width:150px}.landing-subtitle-skeleton{height:16px;width:280px}.landing-signup-skeleton{align-items:center;flex-direction:column;gap:1rem}.signup-input-skeleton{width:200px}.signup-button-skeleton{width:100px}.player-controls-skeleton{padding:1rem}.player-epg-display-skeleton{left:.5rem;padding:.75rem;right:.5rem;top:.5rem}.profile-header-skeleton{height:64px;padding:0 1rem}.profile-main-skeleton{padding:1rem}.avatar-container-skeleton{flex-direction:column;gap:1rem;text-align:center}.profile-name-skeleton{margin:0 auto .5rem;width:200px}.profile-email-skeleton{margin:0 auto;width:150px}.section-description-skeleton{width:240px}.settings-header-skeleton{height:64px;padding:0 1rem}.settings-main-skeleton{padding:1rem}.page-description-skeleton{width:250px}.admin-loading{grid-template-areas:"header" "content";grid-template-columns:1fr}.admin-sidebar-skeleton{display:none}}@media (max-width:480px){.home-header-skeleton{height:56px;padding:0 .75rem}.logo-skeleton{height:24px;width:80px}.landing-header-skeleton{height:56px;padding:.75rem}.landing-hero-section-skeleton{min-height:calc(100vh - 56px)}.landing-title-skeleton{height:50px;width:120px}.landing-subtitle-skeleton{height:14px;width:240px}.signup-input-skeleton{height:44px;width:180px}.signup-button-skeleton{height:44px;width:90px}.profile-header-skeleton{height:56px;padding:0 .75rem}.profile-name-skeleton{height:28px;width:180px}.profile-email-skeleton{height:18px;width:130px}.settings-header-skeleton{height:56px;padding:0 .75rem}.page-title-skeleton{height:32px;width:150px}.page-description-skeleton{height:18px;width:200px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.maintenance-banner{align-items:flex-start;animation:slideUp .3s ease-out;border:1px solid;border-radius:12px;bottom:20px;box-shadow:0 4px 20px #00000040;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;left:50%;line-height:1.4;max-width:900px;min-height:56px;padding:16px 20px;position:fixed;transform:translateX(-50%);width:calc(100% - 40px);z-index:9999}.maintenance-banner.error{background:#dc2626;border-color:#b91c1c;color:#fff}.maintenance-banner.warning{background:#f59e0b;border-color:#d97706;color:#fff}.maintenance-banner.maintenance{background:#2563eb;border-color:#1d4ed8;color:#fff}.maintenance-banner.info{background:#059669;border-color:#047857;color:#fff}.maintenance-content{align-items:flex-start;display:flex;gap:12px;width:100%}.maintenance-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:2px;width:28px}.maintenance-icon svg{height:16px;width:16px}.maintenance-info{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.maintenance-message{word-wrap:break-word;font-size:16px;font-weight:500;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;margin:0;opacity:.95}.maintenance-dismiss{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;margin-top:2px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.maintenance-dismiss:hover{background:#ffffff4d;border-color:#ffffff80}.maintenance-dismiss:active{transform:translateY(1px)}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(100%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.maintenance-banner{bottom:16px;max-width:95%;min-height:52px;padding:14px 16px;width:calc(100% - 32px)}.maintenance-content{gap:10px}.maintenance-icon{height:24px;width:24px}.maintenance-icon svg{height:14px;width:14px}.maintenance-message{font-size:15px;line-height:1.4}.maintenance-dismiss{font-size:13px;font-weight:600;height:32px;padding:6px 12px}}@media (max-width:480px){.maintenance-banner{max-width:98%;min-height:48px;padding:12px;width:calc(100% - 16px)}.maintenance-content{gap:8px}.maintenance-info{gap:6px}.maintenance-message{font-size:14px;line-height:1.4}.maintenance-dismiss{font-size:12px;font-weight:600;height:28px;padding:5px 10px}}.App{background:#000;min-height:100vh;min-height:100dvh;position:relative;text-align:center;width:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.geo-loading-screen{align-items:center;background:var(--gradient-bg);color:var(--text-white);display:flex;flex-direction:column;font-family:var(--font-family-primary);height:100vh;height:100dvh;justify-content:center;overflow:hidden;position:relative}.geo-loading-background{background:linear-gradient(135deg,#e509141a,#0f0f0fe6 50%,#e509141a);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.geo-loading-spinner{animation:geo-loading-spin 1s linear infinite;border:3px solid #e5091433;border-radius:50%;border-top:3px solid var(--primary-red);height:60px;margin-bottom:24px;position:relative;width:60px;z-index:1}.geo-loading-text{color:var(--text-white);font-size:var(--font-size-heading-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);position:relative;text-align:center;z-index:1}.geo-loading-accent{background:var(--gradient-primary);border-radius:1px;height:2px;margin-top:12px;position:relative;width:120px;z-index:1}@keyframes geo-loading-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.shaka-controls-button,.shaka-overflow-menu,.shaka-range-element,.shaka-seek-bar,.shaka-slider,.shaka-volume-bar{-webkit-touch-callout:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.shaka-seek-bar{touch-action:pan-x}.shaka-volume-bar{touch-action:pan-y}.shaka-controls-button,.shaka-overflow-menu,.shaka-range-element,.shaka-slider{touch-action:manipulation}.shaka-video-container{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.shaka-controls-button:active,.shaka-seek-bar:active,.shaka-volume-bar:active{transform:scale(.95);transition:transform .1s ease}@media (max-width:768px){.shaka-controls-button{min-height:44px;min-width:44px}.shaka-seek-bar,.shaka-volume-bar{min-height:44px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.shaka-controls-button{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}
/*# sourceMappingURL=main.9f14de3b.css.map*/