:root{--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,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;--success-green:#28a745;--success-green-light:#34ce57;--success-green-dark:#1e7e34;--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:4rem;--font-size-display-lg:3rem;--font-size-display-md:2.5rem;--font-size-display-sm:2rem;--font-size-heading-xl:2rem;--font-size-heading-lg:1.75rem;--font-size-heading-md:1.5rem;--font-size-heading-sm:1.25rem;--font-size-heading-xs:1.125rem;--font-size-body-xl:1.125rem;--font-size-body-lg:1rem;--font-size-body-md:0.9375rem;--font-size-body-sm:0.875rem;--font-size-body-xs:0.8125rem;--font-size-caption-lg:0.875rem;--font-size-caption-md:0.8125rem;--font-size-caption-sm:0.75rem;--font-size-caption-xs:0.6875rem;--font-size-button-lg:1rem;--font-size-button-md:0.9375rem;--font-size-button-sm:0.875rem;--font-size-button-xs:0.8125rem;--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))}@media (max-width: 768px){:root{--font-size-display-xl:3rem;--font-size-display-lg:2.5rem;--font-size-display-md:2rem;--font-size-display-sm:1.75rem;--font-size-heading-xl:1.75rem;--font-size-heading-lg:1.5rem;--font-size-heading-md:1.25rem;--font-size-heading-sm:1.125rem;--font-size-heading-xs:1rem;--font-size-body-xl:1rem;--font-size-body-lg:0.9375rem;--font-size-body-md:0.875rem;--font-size-body-sm:0.8125rem;--font-size-body-xs:0.75rem}}@media (max-width: 480px){:root{--font-size-display-xl:2.5rem;--font-size-display-lg:2rem;--font-size-display-md:1.75rem;--font-size-display-sm:1.5rem;--font-size-heading-xl:1.5rem;--font-size-heading-lg:1.25rem;--font-size-heading-md:1.125rem;--font-size-heading-sm:1rem;--font-size-heading-xs:0.9375rem;--font-size-body-xl:0.9375rem;--font-size-body-lg:0.875rem;--font-size-body-md:0.8125rem;--font-size-body-sm:0.75rem;--font-size-body-xs:0.6875rem}}*{box-sizing:border-box}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--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}}@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--open,
  .animated-dropdown--closing{animation:none!important;opacity:1;transform:none!important}}@media (prefers-contrast: high){.animated-dropdown{border-color:#fffc;border-width:2px}}:root{--animation-duration-fast:150ms;--animation-duration-normal:300ms;--animation-duration-slow:500ms;--animation-duration-slower:800ms;--ease-out-quart:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out-quart:cubic-bezier(0.76,0,0.24,1);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-standard:var(--ease-out-quart);--ease-bounce:var(--ease-out-back);--ease-smooth:var(--ease-out-expo)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes scaleInBounce{from{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes gentlePulse{0%, 100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0;opacity:.6}50%{opacity:1}100%{background-position:200% 0;opacity:.6}}@keyframes shimmerPulse{0%{background-position:-200% 0;opacity:.7}25%{opacity:1}50%{background-position:0 0;opacity:1}75%{opacity:1}100%{background-position:200% 0;opacity:.7}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes dropdownSlideIn{from{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@keyframes dropdownSlideInFromTop{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOutToTop{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}@keyframes dropdownSlideInMobile{from{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdownSlideOutMobile{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-30px) scale(.9)}}@keyframes superAdminGlow{0%{opacity:.8}100%{opacity:1}}@keyframes delayPulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}@keyframes letterReveal{0%{filter:blur(8px);opacity:.2;transform:scale(1.5) translateY(20px)}50%{filter:blur(2px);opacity:.8;transform:scale(1.1) translateY(5px)}100%{filter:blur(0);opacity:1;transform:scale(1) translateY(0)}}@keyframes progressShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes messageFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.05)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes iconPulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes iconBounce{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(.9)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes geo-loading-spin{0%{transform:rotate(0deg)}100%{transform:rotate(1turn)}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer-text{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94);animation:fadeIn var(--animation-duration-normal) var(--ease-standard)}.animate-fade-out{animation:fadeOut .3s cubic-bezier(.25,.46,.45,.94);animation:fadeOut var(--animation-duration-normal) var(--ease-standard)}.animate-fade-in-up{animation:fadeInUp .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInUp var(--animation-duration-normal) var(--ease-standard)}.animate-fade-in-down{animation:fadeInDown .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInDown var(--animation-duration-normal) var(--ease-standard)}.animate-fade-in-left{animation:fadeInLeft .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInLeft var(--animation-duration-normal) var(--ease-standard)}.animate-fade-in-right{animation:fadeInRight .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInRight var(--animation-duration-normal) var(--ease-standard)}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.25,.46,.45,.94);animation:scaleIn var(--animation-duration-normal) var(--ease-standard)}.animate-scale-out{animation:scaleOut .3s cubic-bezier(.25,.46,.45,.94);animation:scaleOut var(--animation-duration-normal) var(--ease-standard)}.animate-scale-in-bounce{animation:scaleInBounce .5s cubic-bezier(.34,1.56,.64,1);animation:scaleInBounce var(--animation-duration-slow) var(--ease-bounce)}.animate-slide-in-up{animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);animation:slideInUp var(--animation-duration-normal) var(--ease-standard)}.animate-slide-in-down{animation:slideInDown .3s cubic-bezier(.25,.46,.45,.94);animation:slideInDown var(--animation-duration-normal) var(--ease-standard)}.animate-slide-in-left{animation:slideInLeft .3s cubic-bezier(.25,.46,.45,.94);animation:slideInLeft var(--animation-duration-normal) var(--ease-standard)}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.25,.46,.45,.94);animation:slideInRight var(--animation-duration-normal) var(--ease-standard)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-gentle-pulse{animation:gentlePulse 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite}.animate-shimmer-pulse{animation:shimmerPulse 2s ease-in-out infinite}.animate-gradient-shift{animation:gradientShift 4s ease-in-out infinite}.transition-fast{transition:all .15s cubic-bezier(.25,.46,.45,.94);transition:all var(--animation-duration-fast) var(--ease-standard)}.transition-normal{transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--animation-duration-normal) var(--ease-standard)}.transition-slow{transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all var(--animation-duration-slow) var(--ease-standard)}.transition-opacity{transition:opacity .3s cubic-bezier(.25,.46,.45,.94);transition:opacity var(--animation-duration-normal) var(--ease-standard)}.transition-transform{transition:transform .3s cubic-bezier(.25,.46,.45,.94);transition:transform var(--animation-duration-normal) var(--ease-standard)}.transition-colors{transition:color .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);transition:color var(--animation-duration-normal) var(--ease-standard),background-color var(--animation-duration-normal) var(--ease-standard),border-color var(--animation-duration-normal) var(--ease-standard)}.gpu-accelerated{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.will-change-auto{will-change:auto}@media (prefers-reduced-motion: reduce){:root{--animation-duration-fast:0.01ms;--animation-duration-normal:0.01ms;--animation-duration-slow:0.01ms;--animation-duration-slower:0.01ms}.animate-fade-in,
  .animate-fade-out,
  .animate-fade-in-up,
  .animate-fade-in-down,
  .animate-fade-in-left,
  .animate-fade-in-right,
  .animate-scale-in,
  .animate-scale-out,
  .animate-scale-in-bounce,
  .animate-slide-in-up,
  .animate-slide-in-down,
  .animate-slide-in-left,
  .animate-slide-in-right,
  .animate-pulse,
  .animate-gentle-pulse,
  .animate-shimmer,
  .animate-shimmer-pulse,
  .animate-gradient-shift{animation:none!important}.animate-spin{animation:none!important}.transition-fast,
  .transition-normal,
  .transition-slow,
  .transition-opacity,
  .transition-transform,
  .transition-colors{transition:none!important}}.fadeIn{animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94);animation:fadeIn var(--animation-duration-normal) var(--ease-standard)}.fadeOut{animation:fadeOut .3s cubic-bezier(.25,.46,.45,.94);animation:fadeOut var(--animation-duration-normal) var(--ease-standard)}.fadeInUp{animation:fadeInUp .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInUp var(--animation-duration-normal) var(--ease-standard)}.fadeInDown{animation:fadeInDown .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInDown var(--animation-duration-normal) var(--ease-standard)}.fadeInLeft{animation:fadeInLeft .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInLeft var(--animation-duration-normal) var(--ease-standard)}.fadeInRight{animation:fadeInRight .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInRight var(--animation-duration-normal) var(--ease-standard)}.scaleIn{animation:scaleIn .3s cubic-bezier(.25,.46,.45,.94);animation:scaleIn var(--animation-duration-normal) var(--ease-standard)}.scaleOut{animation:scaleOut .3s cubic-bezier(.25,.46,.45,.94);animation:scaleOut var(--animation-duration-normal) var(--ease-standard)}.scaleInBounce{animation:scaleInBounce .5s cubic-bezier(.34,1.56,.64,1);animation:scaleInBounce var(--animation-duration-slow) var(--ease-bounce)}.slideInUp{animation:slideInUp .3s cubic-bezier(.25,.46,.45,.94);animation:slideInUp var(--animation-duration-normal) var(--ease-standard)}.slideInDown{animation:slideInDown .3s cubic-bezier(.25,.46,.45,.94);animation:slideInDown var(--animation-duration-normal) var(--ease-standard)}.slideInLeft{animation:slideInLeft .3s cubic-bezier(.25,.46,.45,.94);animation:slideInLeft var(--animation-duration-normal) var(--ease-standard)}.slideInRight{animation:slideInRight .3s cubic-bezier(.25,.46,.45,.94);animation:slideInRight var(--animation-duration-normal) var(--ease-standard)}.slideUp{animation:slideUp .3s cubic-bezier(.25,.46,.45,.94);animation:slideUp var(--animation-duration-normal) var(--ease-standard)}.slideDown{animation:slideDown .3s cubic-bezier(.25,.46,.45,.94);animation:slideDown var(--animation-duration-normal) var(--ease-standard)}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s ease-in-out infinite}.shimmer{animation:shimmer 1.5s ease-in-out infinite}.empty-chat-state h3{animation:shimmer 2s ease-in-out infinite}.modal-overlay-enter{animation:fadeIn .3s cubic-bezier(.25,.46,.45,.94);animation:fadeIn var(--animation-duration-normal) var(--ease-standard)}.modal-content-enter{animation:scaleIn .3s cubic-bezier(.25,.46,.45,.94);animation:scaleIn var(--animation-duration-normal) var(--ease-standard)}.dropdown-enter{animation:fadeInUp .3s cubic-bezier(.25,.46,.45,.94);animation:fadeInUp var(--animation-duration-normal) var(--ease-standard)}.dropdown-exit{animation:fadeOut .15s cubic-bezier(.25,.46,.45,.94);animation:fadeOut var(--animation-duration-fast) var(--ease-standard)}.button-hover{transition:all .15s cubic-bezier(.25,.46,.45,.94);transition:all var(--animation-duration-fast) var(--ease-standard)}.button-hover:hover{transform:translateY(-1px)}.button-hover:active{transform:translateY(0)}.card-hover{transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all var(--animation-duration-normal) var(--ease-standard)}.card-hover:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}@media (max-width: 768px){.animate-fade-in-up,
  .animate-fade-in-down,
  .animate-slide-in-up,
  .animate-slide-in-down{animation-duration:.15s;animation-duration:var(--animation-duration-fast)}}@media (prefers-color-scheme: dark){.animate-shimmer{background:linear-gradient(90deg,#ffffff0d 0,#ffffff1a 50%,#ffffff0d 100%)}}.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 var(--animation-duration-fast) var(--ease-standard)}.user-menu-trigger:hover{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 var(--animation-duration-fast) var(--ease-standard)}.user-menu-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}.user-menu-dropdown-wrapper{background:#000000d9!important;border:1px solid #ffffff26!important;border-radius:16px!important;max-width:90vw;min-width:325px;overflow:hidden;width:-webkit-max-content;width:max-content;will-change:transform,opacity;z-index:10010}.user-menu-dropdown-content{display:flex;flex-direction:column;height:100%}.user-menu-header{background:linear-gradient(135deg,#ffffff0d 0,#ffffff05 50%,#ffffff0d 100%);border-bottom:1px solid #ffffff1a;overflow:hidden;padding:1.5rem 1.25rem;position:relative}.user-menu-header::before{background:linear-gradient(135deg,#e5091408 0,#0000 50%,#e5091408 100%);bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.user-info{margin-bottom:1rem;text-align:left}.user-name{color:var(--text-white);font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:.375rem;text-shadow:0 1px 3px #0000004d;word-break:break-word}.user-role{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:linear-gradient(135deg,#ffffff1a 0,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.subscription-status{margin-top:1rem;position:relative}.subscription-badge{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff14 0,#ffffff08 50%,#ffffff14 100%);border:1px solid #ffffff26;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;min-height:70px;overflow:hidden;padding:1rem;position:relative;transition:transform var(--animation-duration-fast) var(--ease-standard);will-change:transform}.subscription-badge::before{background:linear-gradient(135deg,#22c55e1a 0,#0000 40%,#0000 60%,#22c55e1a 100%);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--animation-duration-normal) var(--ease-standard)}.subscription-badge:hover{transform:translateY(-1px)}.subscription-badge:hover::before{opacity:1}.subscription-details{display:flex;flex:1 1;flex-direction:column;gap:.375rem;justify-content:center;position:relative;text-align:left;z-index:2}.subscription-label{color:var(--text-white);font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0;text-shadow:0 1px 3px #0006}.subscription-status-text{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:4px;color:#22c55e;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;letter-spacing:.08em;margin:0;padding:.25rem .5rem;position:relative;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.subscription-status-text::before{align-items:center;background:#22c55e;border-radius:50%;content:"●";display:flex;font-size:.6rem;height:6px;justify-content:center;width:6px}.subscription-badge::after{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#fff9;content:"NADGRADI";font-size:.65rem;font-weight:600;letter-spacing:.05em;opacity:0;padding:.25rem .5rem;position:absolute;right:.75rem;text-transform:uppercase;top:.75rem;transition:all var(--animation-duration-normal) var(--ease-standard);z-index:3}.subscription-badge:hover::after{background:#ffffff1a;border-color:#fff3;color:#ffffffe6;opacity:1}.subscription-badge.variant-premium{background:linear-gradient(135deg,#f59e0b14 0,#ffffff0a 50%,#f59e0b14 100%);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}.subscription-badge.variant-premium::before{background:linear-gradient(135deg,#f59e0b 0,#fbbf24 25%,#0000 50%,#fbbf24 75%,#f59e0b 100%);opacity:.1}.subscription-badge.variant-premium:hover::before{opacity:.18}.subscription-badge.variant-premium_plus{background:linear-gradient(135deg,#10b98114 0,#ffffff0a 50%,#10b98114 100%);border-color:#10b9814d}.subscription-badge.variant-premium_plus:hover{border-color:#10b98166}.subscription-badge.variant-premium_plus::before{background:linear-gradient(135deg,#10b981 0,#34d399 25%,#0000 50%,#34d399 75%,#10b981 100%);opacity:.1}.subscription-badge.variant-premium_plus:hover::before{opacity:.18}.subscription-badge.variant-free{--subscription-color:#6b7280;background:linear-gradient(135deg,#6b728014 0,#ffffff0a 50%,#6b728014 100%);border-color:#6b728040}.subscription-badge.variant-free:hover{border-color:#6b728059}.subscription-badge.variant-free::before{background:linear-gradient(135deg,#6b7280 0,#9ca3af 25%,#0000 50%,#9ca3af 75%,#6b7280 100%);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:.75rem}.menu-item{align-items:center;background:#0000;border:none;border:1px solid #0000;border-radius:12px;color:var(--text-white);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.875rem;margin-bottom:.25rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-align:left;transition:all var(--animation-duration-normal) var(--ease-standard);width:100%}.menu-item::before{background:linear-gradient(135deg,#ffffff1a 0,#ffffff0d 50%,#ffffff1a 100%);border-radius:12px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all var(--animation-duration-normal) var(--ease-standard)}.menu-item:hover::before{opacity:1}.menu-item:hover{border-color:#fff3;color:var(--text-white);transform:translateX(6px) translateY(-1px)}.menu-item:active{transform:translateX(6px) translateY(-1px) scale(.98);transition:transform .1s cubic-bezier(.4,0,.2,1)}.menu-item:focus-visible{outline:2px solid #ffffff80;outline-offset:-2px}.menu-item.danger{color:#ff6b6b;position:relative}.menu-item.danger::before{background:linear-gradient(135deg,#ff6b6b26 0,#ff6b6b14 50%,#ff6b6b26 100%)}.menu-item.danger:hover{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#f99}.menu-item.danger:focus-visible{outline-color:#ff6b6b99;outline-width:2px}.menu-icon{align-items:center;color:inherit;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:.8;transition:all var(--animation-duration-normal) var(--ease-standard);width:22px}.menu-item:hover .menu-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:1;transform:scale(1.1) rotate(2deg)}.menu-text{flex:1 1;font-weight:600;letter-spacing:.025em}.menu-divider{background:linear-gradient(90deg,#0000 0,#ffffff26 20%,#ffffff14 50%,#ffffff26 80%,#0000 100%);height:1px;margin:.75rem 0;position:relative}.menu-divider::before{background:linear-gradient(90deg,#0000 0,#e5091433 50%,#0000 100%);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}@media (max-width: 768px){.user-menu-dropdown-wrapper{border-radius:20px!important;margin:.5rem;max-width:calc(100vw - 1rem);min-width:280px}.user-menu-header{background:linear-gradient(135deg,#ffffff14 0,#ffffff0a 50%,#ffffff14 100%);padding:1.75rem 1.5rem 1.25rem 1.5rem}.user-name{font-size:1.1rem;margin-bottom:.5rem}.user-role{border-radius:14px;font-size:.85rem;padding:.375rem 1rem}.subscription-status{margin-top:1.25rem}.subscription-badge{border-radius:18px;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.subscription-icon{height:28px;width:28px}.subscription-label{font-size:1rem}.subscription-status-text{font-size:.8rem}.subscription-status-text::before{height:6px;width:6px}.user-menu-items{padding:1rem 1.5rem 2rem 1.5rem}.menu-item{border-radius:16px;font-size:1.1rem;margin-bottom:.5rem;padding:1.25rem 1.5rem}.menu-item:hover{transform:translateX(8px) translateY(-2px)}.menu-icon{height:26px;width:26px}.menu-divider{margin:1rem 0}}@media (max-width: 480px){.user-menu-header{padding:1.25rem 1rem .75rem 1rem}.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 1rem}.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){.user-menu-trigger,
  .menu-item{transition:none}}.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 24px}.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 24px}.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{border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid #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 20px}.notification-panel-header h3{font-size:15px}.notification-panel-actions{gap:12px;padding:0 20px 12px 20px}.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;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}.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}}.loading-states{align-items:center;display:flex;justify-content:center;position:relative;z-index:1000}.loading-states.with-background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0}.loading-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:1rem;min-width:200px;padding:2rem;text-align:center}.loading-content.critical{background:#e50914f2;border-color:#e509144d;color:#fff}.loading-content.background{background:#000c;border-color:#ffffff1a;border-radius:8px;color:#fff;padding:1rem}.loading-spinner{position:relative}.spinner{border:3px solid #e5091433;border-radius:50%;border-top:3px solid #e50914;height:40px;width:40px}.loading-content.critical .spinner{border-color:#fff3;border-top-color:#fff}.loading-content.background .spinner{border-color:#fff3;border-top-color:#fff;border-width:2px;height:24px;width:24px}.loading-message{align-items:center;display:flex;flex-direction:column;gap:.25rem}.message-text{color:#333;font-size:1rem;font-weight:500}.loading-content.critical .message-text{color:#fff}.loading-content.background .message-text{color:#fff;font-size:.875rem}.background-indicator{color:#ffffffb3;font-size:.75rem;font-style:italic}.loading-state-indicator{align-items:center;color:#666;display:flex;font-size:.75rem;gap:.5rem;opacity:.7}.loading-content.critical .loading-state-indicator{color:#fffc}.loading-content.background .loading-state-indicator{color:#fff9}.state-dot{background:#e50914;border-radius:50%;height:6px;width:6px}.loading-content.critical .state-dot{background:#fff}.loading-content.background .state-dot{background:#fff}.state-name{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.loading-states.small .loading-content{min-width:150px;padding:1rem}.loading-states.small .spinner{border-width:2px;height:24px;width:24px}.loading-states.small .message-text{font-size:.875rem}.loading-states.large .loading-content{min-width:300px;padding:3rem}.loading-states.large .spinner{border-width:4px;height:60px;width:60px}.loading-states.large .message-text{font-size:1.25rem}@media (max-width: 768px){.loading-content{min-width:180px;padding:1.5rem}.loading-content.background{padding:.75rem}.message-text{font-size:.875rem}.loading-content.background .message-text{font-size:.75rem}}@media (prefers-color-scheme: dark){.loading-content{background:#141414f2;border-color:#ffffff1a;color:#fff}.message-text{color:#fff}.loading-state-indicator{color:#ffffffb3}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:#e50914}.state-dot{animation:none}}.update-notification{-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;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}.update-details{display:none}.last-checked{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 0,#16a34a 100%);border:1px solid #16a34a;box-shadow:0 2px 6px #22c55e4d;color:var(--text-white)}.update-button.primary:hover{background:linear-gradient(135deg,#16a34a 0,#15803d 100%);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{font-size:14px}.update-badge-text{white-space:nowrap}@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-notification{animation:none}.update-icon{animation:none}.update-badge-icon{animation:none}.update-button{transition:color .2s ease,background-color .2s ease}.update-button:hover{transform:none}.update-badge: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}.skeleton-base{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:80px;margin:0 auto 2rem auto;width:200px}.landing-subtitle-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:20px;margin:0 auto 2rem auto;width:400px}.landing-signup-skeleton{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.signup-input-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;width:250px}.signup-button-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;width:120px}.member-login-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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}.mobile-header-layout-skeleton{display:none}.mobile-search-container-skeleton{flex:1 1;margin-right:1rem}.mobile-search-bar-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:48px;width:100%}.mobile-profile-avatar-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:40px;width:40px}.header-left-skeleton{align-items:center;display:flex;gap:1rem}.logo-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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}.search-input-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:300px}.header-actions-skeleton{align-items:center;display:flex;gap:1rem}.notification-skeleton,
.user-menu-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{aspect-ratio:8/3;background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:20px;margin-bottom:8px;width:80%}.channel-name-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:16px;margin-bottom:6px;width:60%}.bottom-navigation-skeleton{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000f2;border-top:1px solid #ffffff1a;bottom:0;display:none;display:flex;justify-content:space-around;left:0;padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:1000}.nav-item-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:60px}.channel-description-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{border:4px solid #ffffff1a;border:4px solid var(--border-white,#ffffff1a);border-radius:50%;border-top:4px solid #e50914;border-top:4px solid var(--primary-red,#e50914);height:60px;margin:0 auto 1rem auto;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-left-skeleton,
.player-controls-center-skeleton,
.player-controls-right-skeleton{align-items:center;display:flex;gap:1rem}.back-button-skeleton,
.volume-control-skeleton,
.epg-button-skeleton,
.settings-button-skeleton,
.fullscreen-button-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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 auto;width:150px}.auth-form-skeleton{display:flex;flex-direction:column;gap:1rem}.auth-field-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;margin-top:.5rem;width:100%}.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}.user-profile-section-skeleton{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem;overflow:hidden;position:relative}.profile-container-skeleton{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;display:flex;gap:1.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.profile-avatar-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;margin-bottom:.5rem;width:250px}.profile-email-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:20px;width:200px}.subscription-info-skeleton{margin-top:1rem;padding-top:1rem;position:relative;width:100%;z-index:1}.subscription-header-skeleton{margin-bottom:1rem}.subscription-title-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:20px;width:200px}.subscription-details-skeleton{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.subscription-item-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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: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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:24px;margin-bottom:.5rem;width:150px}.section-description-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:16px;width:280px}.section-items-skeleton{display:flex;flex-direction:column;gap:.75rem}.section-item-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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%}.version-display-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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: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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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-bottom:.5rem;width:200px}.page-description-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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: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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;grid-area:header;height:80px}.admin-sidebar-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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;grid-area:sidebar}.admin-content-skeleton{display:flex;flex-direction:column;gap:2rem;grid-area:content;padding:2rem}.admin-stats-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:120px;width:100%}.admin-table-skeleton{background:linear-gradient(90deg,#1a1a1a 0,#ffffff0d 50%,#1a1a1a 100%);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:400px;width:100%}@media (max-width: 768px){.home-header-skeleton{align-items:stretch;flex-direction:column;gap:.5rem;height:64px;padding:0 1rem}.header-left-skeleton,
  .search-input-skeleton,
  .header-actions-skeleton{display:none}.mobile-header-layout-skeleton{align-items:center;display:flex;padding:.5rem 0;width:100%}.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}.bottom-navigation-skeleton{display:flex}.user-profile-section-skeleton{padding:0}.profile-container-skeleton{align-items:center;flex-direction:column;gap:1rem;padding:.75rem}.profile-info-skeleton{text-align:center;width:100%}.subscription-info-skeleton{margin-top:0;padding-top:0;width:100%}.subscription-details-skeleton{gap:.75rem;grid-template-columns:1fr}.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 auto;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}}.maintenance-banner{align-items:flex-start;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)}@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 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}}.bottom-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-top:1px solid #ffffff1a;bottom:0;box-shadow:0 -4px 20px #0000004d;left:0;margin:0;padding:0;position:fixed;right:0;z-index:1000}.bottom-nav-container{align-items:center;display:flex;height:56px;justify-content:space-around;margin:0 auto;max-width:100%;min-height:56px;padding:.5rem 0}.bottom-nav-item{align-items:center;background:none;border:none;border-radius:12px;color:#fff9;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:80px;min-height:50px;min-width:60px;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-item:hover{background:#ffffff0d;color:#fffc;transform:translateY(-2px)}.bottom-nav-item:focus{background:#ffffff14;color:#ffffffe6;outline:2px solid var(--primary-red);outline-offset:2px}.bottom-nav-item:focus:not(:focus-visible){outline:none}.bottom-nav-item.active{background:none;color:#fff;transform:translateY(-2px)}.bottom-nav-icon{align-items:center;display:flex;height:24px;justify-content:center;margin-bottom:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:24px}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.bottom-nav-label{font-size:.75rem;font-weight:500;line-height:1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.bottom-nav-item.active .bottom-nav-label{color:#fff;font-weight:600}@media (max-width: 768px){.bottom-navigation{display:block}.bottom-nav-container{height:56px;min-height:56px;padding:.5rem 0}.bottom-nav-item{min-height:48px;padding:.5rem .5rem}.bottom-nav-icon{height:26px;margin-bottom:.375rem;width:26px}.bottom-nav-label{font-size:.8rem}}@media (max-width: 480px){.bottom-nav-container{height:60px;min-height:60px;padding:.75rem 0}.bottom-nav-item{max-width:90px;min-height:52px;min-width:70px;padding:.625rem .375rem}.bottom-nav-icon{height:28px;margin-bottom:.5rem;width:28px}.bottom-nav-label{font-size:.85rem}}@media (min-width: 769px){.bottom-navigation{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-container{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}}@media (prefers-color-scheme: dark){.bottom-navigation{background:#000000fa;border-top-color:#ffffff26}.bottom-nav-item:hover{background:#ffffff14}.bottom-nav-item.active{background:none}}@media (prefers-contrast: high){.bottom-navigation{background:#000;border-top-color:#fff}.bottom-nav-item{color:#ccc}.bottom-nav-item.active{background:none;color:#fff}.bottom-nav-item:hover{background:#222;color:#fff}}@media (prefers-reduced-motion: reduce){.bottom-nav-item,
  .bottom-nav-icon,
  .bottom-nav-label{transition:none}.bottom-nav-item:hover,
  .bottom-nav-item.active{transform:none}.bottom-nav-item.active .bottom-nav-icon{transform:none}}.App{background:#000;min-height:100vh;min-height:100dvh;padding-bottom:0;position:relative;text-align:center;width:100%}@media (max-width: 768px){.App{padding-bottom:68px}.App.player-page,
  .App.landing-page{padding-bottom:0}}*/

@supports (padding-bottom: env(safe-area-inset-bottom)){@media (max-width: 768px){.App{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.App.player-page,
    .App.landing-page{padding-bottom:0}}}*/

*{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 0,#0f0f0fe6 50%,#e509141a 100%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.geo-loading-spinner{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}.shaka-seek-bar,
.shaka-volume-bar,
.shaka-overflow-menu,
.shaka-controls-button,
.shaka-range-element,
.shaka-slider{-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-overflow-menu{touch-action:manipulation}.shaka-controls-button{touch-action:manipulation}.shaka-range-element{touch-action:manipulation}.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.59f29282.css.map*/