html{background-color:#000;font-size:var(--rootFontSize)}@media only screen and (-webkit-min-device-pixel-ratio:1.7708333333333333),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:170dpi){html{font-size:var(--rootFontSize)}}div[data-preview=true]:hover{z-index:10001!important}:root{--app-bg:#0d0d0d;--app-bg-gradient:#1a0a2e;--app-placeholder:#3d3d3d;--focus-primary:#8b5cf6;--focus-secondary:#a78bfa;--accent-color:#10b981;--accent-favorites:#ec4899;--accent-notifications:#f43f5e;--accent-bookmarks:#8b5cf6;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--menu-bg-top:hsla(0,0%,5%,.8);--menu-bg-bottom:#0d0d0d;--menu-active-top:#fff;--menu-inactive-top:#a1a1aa;--menu-active-bottom:#fff;--menu-inactive-bottom:#71717a;--menu-tab-active:#8b5cf6;--menu-tab-inactive:#71717a;--btn-primary-active:#8b5cf6;--btn-primary-inactive:#3d3d3d;--btn-secondary-active:#fff;--btn-secondary-inactive:#71717a;--btn-login:#8b5cf6;--btn-logout:#f43f5e;--btn-primary-text:#fff;--btn-secondary-text:#0d0d0d;--label-primary:#a1a1aa;--label-secondary:#fff;--tag-bg-primary:#f43f5e;--tag-bg-secondary:#8b5cf6;--player-ad:#fbbf24;--player-progress-active:#8b5cf6;--player-progress-inactive:#3d3d3d;--card-bg:hsla(0,0%,100%,.05);--card-hover:hsla(0,0%,100%,.1);--card-border-radius:8px;--focus-ring-width:3px;--focus-ring-offset:2px;--skeleton-start:hsla(0,0%,100%,.05);--skeleton-end:hsla(0,0%,100%,.1);--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2);--shadow-xl:0 12px 48px rgba(0,0,0,.25);--shadow-hover:0 8px 32px rgba(0,0,0,.4);--shadow-focus:0 0 0 3px rgba(139,92,246,.4)}#root,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d0d0d;background-color:var(--app-bg);color:#fff;color:var(--text-primary);font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#71717a;background:var(--text-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa;background:var(--text-secondary)}:focus-visible{outline:3px solid #8b5cf6;outline:var(--focus-ring-width) solid var(--focus-primary);outline-offset:2px;outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{box-shadow:none!important;outline:none!important}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#a1a1aa;color:var(--text-secondary)}.text-tertiary{color:#71717a;color:var(--text-tertiary)}.nav-container{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:hsla(0,0%,5%,.7);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 4px 30px rgba(0,0,0,.3)}.nav-item{color:#a1a1aa;color:var(--menu-inactive-top);cursor:pointer;transition:color .15s ease;transition:color var(--transition-fast) ease}.nav-item.active,.nav-item:hover{color:#fff;color:var(--menu-active-top)}.nav-bottom{background:#0d0d0d;background:var(--menu-bg-bottom)}.nav-bottom .nav-item{color:#71717a;color:var(--menu-inactive-bottom)}.nav-bottom .nav-item.active,.nav-bottom .nav-item:hover{color:#fff;color:var(--menu-active-bottom)}.tab-item{color:#71717a;color:var(--menu-tab-inactive);transition:color .15s ease;transition:color var(--transition-fast) ease}.tab-item.active,.tab-item:hover{color:#8b5cf6;color:var(--menu-tab-active)}.btn{border:none;border-radius:4px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .15s ease;transition:all var(--transition-fast) ease}.btn-primary{background:#3d3d3d;background:var(--btn-primary-inactive);color:#fff;color:var(--btn-primary-text)}.btn-primary.active,.btn-primary:focus,.btn-primary:hover{background:#8b5cf6;background:var(--btn-primary-active)}.btn-secondary{background:transparent;border:1px solid #71717a;border:1px solid var(--btn-secondary-inactive);color:#71717a;color:var(--btn-secondary-inactive)}.btn-secondary.active,.btn-secondary:focus,.btn-secondary:hover{border-color:#fff;border-color:var(--btn-secondary-active);color:#fff;color:var(--btn-secondary-active)}.btn-login{background:#8b5cf6;background:var(--btn-login)}.btn-login,.btn-logout{color:#fff;color:var(--btn-primary-text)}.btn-logout{background:#f43f5e;background:var(--btn-logout)}.content-card{background:hsla(0,0%,100%,.05);background:var(--card-bg);border-radius:8px;border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease;transition:box-shadow var(--transition-normal) ease,-webkit-transform var(--transition-normal) ease;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease;transition:transform var(--transition-normal) ease,box-shadow var(--transition-normal) ease,-webkit-transform var(--transition-normal) ease}.content-card:focus,.content-card:hover{box-shadow:0 8px 32px rgba(0,0,0,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}.swimlane{padding:24px 0}.swimlane-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:16px;padding:0 24px}.hero-banner{aspect-ratio:16/9;background-position:50%;background-size:cover;position:relative;width:100%}.hero-banner:after{background:linear-gradient(0deg,#0d0d0d 0,transparent 60%);background:linear-gradient(to top,var(--app-bg) 0,transparent 60%);content:"";inset:0;pointer-events:none;position:absolute}.tag{align-items:center;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:600;padding:4px 8px}.tag-primary{background:#f43f5e;background:var(--tag-bg-primary)}.tag-primary,.tag-secondary{color:#fff;color:var(--text-primary)}.tag-secondary{background:#8b5cf6;background:var(--tag-bg-secondary)}.tag-live{background:#f43f5e;background:var(--accent-notifications);color:#fff;color:var(--text-primary)}.skeleton{-webkit-animation:skeleton-loading 1.5s infinite;animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05));background:linear-gradient(90deg,var(--skeleton-start) 0,var(--skeleton-end) 50%,var(--skeleton-start) 100%);background-size:200% 100%}@-webkit-keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-fade-bottom{background:linear-gradient(0deg,#0d0d0d 0,transparent);background:linear-gradient(to top,var(--app-bg) 0,transparent 100%)}.gradient-fade-left{background:linear-gradient(90deg,#0d0d0d 0,transparent);background:linear-gradient(to right,var(--app-bg) 0,transparent 100%)}.gradient-fade-right{background:linear-gradient(270deg,#0d0d0d 0,transparent);background:linear-gradient(to left,var(--app-bg) 0,transparent 100%)}.progress-bar{background:#3d3d3d;background:var(--player-progress-inactive);border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{background:#8b5cf6;background:var(--player-progress-active);height:100%;transition:width .15s ease;transition:width var(--transition-fast) ease}.progress-bar-ad{background:#fbbf24;background:var(--player-ad)}.modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.8)}.input{background:hsla(0,0%,100%,.05);border:none;border-radius:4px;color:#fff;color:var(--text-primary);font-size:1rem;padding:12px 16px;transition:background-color .15s ease;transition:background-color var(--transition-fast) ease}.input:focus{background:rgba(139,92,246,.15);border:none;outline:none}.input::-webkit-input-placeholder{color:#71717a;color:var(--text-tertiary)}.input::placeholder{color:#71717a;color:var(--text-tertiary)}@media (max-width:767px){.swimlane-title{font-size:1rem;padding:0 16px}.swimlane{padding:16px 0}}@media (min-width:768px) and (max-width:1023px){.swimlane-title{font-size:1.125rem;padding:0 20px}}@media (min-width:1024px){.content-card:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}}@media (min-width:1920px){.swimlane-title{font-size:1.5rem;padding:0 48px}.swimlane{padding:32px 0}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.page-enter{-webkit-animation:fadeIn .3s ease-out forwards;animation:fadeIn .3s ease-out forwards}.page-enter-up{-webkit-animation:fadeInUp .4s ease-out forwards;animation:fadeInUp .4s ease-out forwards}.page-enter-scale{-webkit-animation:fadeInScale .35s ease-out forwards;animation:fadeInScale .35s ease-out forwards}.page-enter-right{-webkit-animation:slideInRight .35s ease-out forwards;animation:slideInRight .35s ease-out forwards}@-webkit-keyframes tileReveal{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes tileReveal{0%{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tile-stagger{-webkit-animation:tileReveal .4s ease-out forwards;animation:tileReveal .4s ease-out forwards;opacity:0}.tile-stagger:first-child{-webkit-animation-delay:0ms;animation-delay:0ms}.tile-stagger:nth-child(2){-webkit-animation-delay:50ms;animation-delay:50ms}.tile-stagger:nth-child(3){-webkit-animation-delay:.1s;animation-delay:.1s}.tile-stagger:nth-child(4){-webkit-animation-delay:.15s;animation-delay:.15s}.tile-stagger:nth-child(5){-webkit-animation-delay:.2s;animation-delay:.2s}.tile-stagger:nth-child(6){-webkit-animation-delay:.25s;animation-delay:.25s}.tile-stagger:nth-child(7){-webkit-animation-delay:.3s;animation-delay:.3s}.tile-stagger:nth-child(8){-webkit-animation-delay:.35s;animation-delay:.35s}.tile-stagger:nth-child(9){-webkit-animation-delay:.4s;animation-delay:.4s}.tile-stagger:nth-child(10){-webkit-animation-delay:.45s;animation-delay:.45s}.card-3d-hover{-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:box-shadow .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out,-webkit-transform .2s ease-out}.card-3d-hover:hover{box-shadow:0 8px 32px rgba(0,0,0,.4);box-shadow:var(--shadow-hover)}.content-reveal{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px);transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.card-3d-hover:hover .content-reveal{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.gradient-overlay-bottom{background:linear-gradient(0deg,#0d0d0d 0,hsla(0,0%,5%,.9) 20%,hsla(0,0%,5%,.6) 40%,transparent);background:linear-gradient(to top,var(--app-bg) 0,hsla(0,0%,5%,.9) 20%,hsla(0,0%,5%,.6) 40%,transparent 100%)}.gradient-overlay-left{background:linear-gradient(90deg,#0d0d0d 0,hsla(0,0%,5%,.8) 30%,transparent 70%);background:linear-gradient(to right,var(--app-bg) 0,hsla(0,0%,5%,.8) 30%,transparent 70%)}.gradient-border{position:relative}.gradient-border:before{background:linear-gradient(135deg,rgba(139,92,246,.5),rgba(236,72,153,.3));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}
/*# sourceMappingURL=main.647448d3.css.map*/