:root{--md3-bg-primary: #191c1b;--md3-bg-secondary: #1e2023;--md3-surface-active: #e1e3e0;--md3-surface-hover: rgba(225, 227, 224, .08);--md3-text-primary: #e1e3e0;--md3-text-secondary: #bfc9c3;--md3-text-on-surface: #191c1b;--md3-border-color: rgba(225, 227, 224, .15);--md3-border-radius: 6px;--md3-border-radius-sm: 4px;--md3-border-radius-md: 12px;--md3-border-radius-lg: 16px;--md3-border-radius-xl: 20px;--md3-border-radius-2xl: 24px;--md3-border-radius-pill: 24px;--glass-bg: rgba(255, 255, 255, .02);--glass-bg-strong: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .04);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .4);--accent-gradient: linear-gradient(135deg, #3a3a3a 0%, #2a2a2a 100%);--warm-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--cool-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--hero-gradient: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .8) 70%, rgba(0, 0, 0, 1) 100%);--card-hover-gradient: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, .05) 70%, rgba(255, 255, 255, .08) 100%);--md3-shadow-elevation-1: 0 2px 8px rgba(0, 0, 0, .4);--md3-shadow-elevation-2: 0 4px 16px rgba(0, 0, 0, .5);--md3-shadow-elevation-3: 0 8px 24px rgba(0, 0, 0, .6);--md3-shadow-card: 0 2px 8px rgba(0, 0, 0, .6);--md3-shadow-hover: 0 4px 20px rgba(0, 0, 0, .7);--md3-shadow-focus: 0 0 20px rgba(225, 227, 224, .3);--font-scale: 1;--font-size-2xs: calc(1.125rem * var(--font-scale));--font-size-xs: calc(1.125rem * var(--font-scale));--font-size-xs-plus: calc(1.125rem * var(--font-scale));--font-size-sm: calc(1.125rem * var(--font-scale));--font-size-sm-plus: calc(1.125rem * var(--font-scale));--font-size-base: calc(1.125rem * var(--font-scale));--font-size-lg-plus: calc(1.1875rem * var(--font-scale));--font-size-lg: calc(1.25rem * var(--font-scale));--font-size-xl: calc(1.25rem * var(--font-scale));--font-size-xl-plus: calc(1.375rem * var(--font-scale));--font-size-2xl: calc(1.5rem * var(--font-scale));--font-size-2xl-plus: calc(1.625rem * var(--font-scale));--font-size-3xl-plus: calc(1.75rem * var(--font-scale));--font-size-3xl: calc(1.875rem * var(--font-scale));--font-size-4xl-plus: calc(2rem * var(--font-scale));--font-size-4xl: calc(2.25rem * var(--font-scale));--font-size-4xl-extra: calc(2.625rem * var(--font-scale));--font-size-5xl: calc(3rem * var(--font-scale));--font-size-6xl: calc(3.75rem * var(--font-scale));--font-size-6xl-plus: calc(4.5rem * var(--font-scale));--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--tv-safe-x: 48px;--tv-safe-y: 56px;--tv-page-pad-top: 40px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .25s cubic-bezier(.4, 0, .2, 1);--app-background: #191c1b;--surface-color: #1e2023;--primary-accent: #e1e3e0;--text-primary: #e1e3e0;--text-secondary: #bfc9c3;--focus-border: #e1e3e0;font-family:Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-size:24px;color-scheme:dark;color:var(--md3-text-primary);background-color:var(--md3-bg-primary)}@media (max-width: 767px),((pointer: coarse) and (orientation: portrait)){:root{--tv-safe-x: calc(16px + env(safe-area-inset-left, 0px)) ;--tv-safe-y: 16px}}@media (pointer: coarse) and (orientation: landscape) and (max-width: 1080px) and (min-width: 768px){:root{--tv-safe-x: 40px}}@media (max-height: 480px){:root{--tv-safe-x: 24px;--tv-safe-y: 12px;--tv-page-pad-top: 16px}.app-sidebar-logo{padding-top:10px!important;padding-bottom:8px!important}.app-sidebar-logo img{height:28px!important}.app-sidebar-items{gap:8px!important;padding-top:6px!important}.app-sidebar-items>button{width:44px!important;height:44px!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;background-color:var(--md3-bg-primary);font-family:Roboto,Noto Sans,Helvetica Neue,Arial,sans-serif}#root{width:100%;height:100%}html.tv-perf{--tv-transition: none;--tv-animation: none}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit;outline:none}:focus-visible{outline:4px solid #ffffff;outline-offset:2px;border-radius:4px}[data-focus-managed=true]:focus-visible{outline:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}a{color:inherit;text-decoration:none}ol,ul,menu{list-style:none}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-poster{aspect-ratio:2 / 3}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-desktop{display:none!important}}.glass{background:#ffffff0f;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-strong{background:#ffffff1a;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes focusPulse{0%,to{box-shadow:0 0 15px #e1e3e04d}50%{box-shadow:0 0 25px #e1e3e080}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-fade-in-scale{animation:fadeInScale var(--transition-normal) forwards}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) forwards}.animate-slide-in-right{animation:slideInRight var(--transition-normal) forwards}.animate-slide-in-up{animation:slideInUp var(--transition-normal) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.focusable{transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.focusable:focus,.focused{transform:scale(1.02);z-index:10}.tv-focusable{transition:transform var(--transition-spring),box-shadow var(--transition-spring),outline var(--transition-spring);outline:3px solid transparent;outline-offset:2px}.tv-focusable:focus,.tv-focusable.tv-focused{transform:scale(1.03);outline:3px solid var(--md3-surface-active);box-shadow:var(--md3-shadow-focus),var(--md3-shadow-elevation-2);z-index:100}.tv-focusable:focus-visible{outline:3px solid var(--md3-surface-active)}.tv-button{padding:12px 24px;border-radius:var(--md3-border-radius-md);background:var(--md3-bg-secondary);border:2px solid transparent;color:var(--md3-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:transform var(--transition-spring),background var(--transition-spring),color var(--transition-spring),border-color var(--transition-spring),box-shadow var(--transition-spring)}.tv-button:focus,.tv-button.tv-focused{background:var(--md3-surface-active);color:var(--md3-text-on-surface);border-color:#fff;transform:scale(1.05);box-shadow:var(--md3-shadow-hover)}.tv-card{border:2px solid transparent;border-radius:var(--md3-border-radius-lg);transition:transform var(--transition-spring),border-color var(--transition-spring),box-shadow var(--transition-spring)}.tv-card:focus,.tv-card.tv-focused{border-color:var(--md3-surface-active);transform:scale(1.03);box-shadow:var(--md3-shadow-hover)}.tv-list-item{background:transparent;border-left:4px solid transparent;transition:background var(--transition-spring),border-color var(--transition-spring)}.tv-list-item:focus,.tv-list-item.tv-focused{background:linear-gradient(90deg,rgba(225,227,224,.15) 0%,transparent 100%);border-left-color:var(--md3-surface-active)}@media (hover: none) and (pointer: coarse){*{cursor:none!important}}.tv-safe-area{padding:var(--tv-safe-y) var(--tv-safe-x)}.premium-card{background:var(--md3-bg-secondary);border-radius:var(--md3-border-radius-lg);overflow:hidden;box-shadow:var(--md3-shadow-card);transition:transform var(--transition-spring),box-shadow var(--transition-spring)}.premium-card:hover{transform:scale(1.03) translateY(-4px);box-shadow:var(--md3-shadow-hover)}.premium-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--md3-border-radius-pill);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);transition:transform var(--transition-spring),background var(--transition-spring),box-shadow var(--transition-spring);cursor:pointer}.premium-button-primary{background:var(--md3-surface-active);color:var(--md3-text-on-surface)}.premium-button-primary:hover{transform:scale(1.05);box-shadow:var(--md3-shadow-elevation-2)}.premium-button-secondary{background:#ffffff1a;color:var(--md3-text-primary);border:1px solid var(--md3-border-color)}.premium-button-secondary:hover{background:var(--md3-surface-hover);transform:scale(1.05)}.skeleton{background:linear-gradient(90deg,var(--md3-bg-secondary) 25%,rgba(255,255,255,.05) 50%,var(--md3-bg-secondary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--md3-border-radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}@media (min-width: 768px){.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--md3-border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-live{background:#dc2626;color:#fff}.badge-rating{background:#ffffff26;color:var(--md3-text-primary)}.badge-year{background:#ffffff1a;color:var(--md3-text-secondary)}.overlay-bottom{background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 70%,rgba(0,0,0,1) 100%)}.overlay-full{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 30%,transparent 50%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.95) 100%)}.rapid-scroll [data-channel-item] *{transition:none!important}[data-focusable]:focus{outline:none}