:root{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0;padding:0}:root{--bg-dark:#141414;--bg-card:#1f1f1f;--bg-overlay:#000000b3;--bg-gradient:radial-gradient(circle,#0003 0%,#000000e6 100%);--text-primary:#fff;--text-secondary:#b3b3b3;--accent-color:#e50914;--focus-border:#fff;--focus-scale:1.05;--transition-speed:.3s;--sidebar-width:100px;--font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;--border-color:#ffffff1a}[data-theme=light]{--bg-dark:#f0f2f5;--bg-card:#fff;--bg-overlay:#ffffffd9;--bg-gradient:radial-gradient(circle,#fff9 0%,#f0f2f5 100%);--text-primary:#141414;--text-secondary:#555;--accent-color:#e50914;--focus-border:#000;--border-color:#0000001a}body{background:var(--bg-dark);color:var(--text-primary);font-family:var(--font-family);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}::-webkit-scrollbar{display:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.sidebar-item{transition:all .2s;transform:scale(1)}.sidebar-item:hover{background-color:#ffffff1a;color:var(--text-primary)!important;transform:scale(1.05)!important}.sidebar-item.active{color:var(--text-primary);transform:scale(1.1)}[data-theme=light] .sidebar-item:hover{background-color:#0000000d}.app-container{z-index:1;background-color:#0000;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-content{margin-left:var(--sidebar-width);flex:1;height:100%;position:relative;overflow:hidden}.mobile-only{display:none!important}.desktop-only{display:flex!important}@media (max-width:768px){:root{--sidebar-width:0px}.mobile-only{display:flex!important}.desktop-only{display:none!important}body{overflow-y:auto}.app-container{height:auto;min-height:100vh;display:block;overflow-y:auto}.main-content{padding-bottom:100px;margin-left:0!important}}.channel-card{background-color:var(--bg-card);border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;width:180px;height:240px;margin-right:20px;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000080}.channel-image-container{box-sizing:border-box;background-color:#fff;justify-content:center;align-items:center;width:100%;height:180px;padding:20px;display:flex}.channel-image{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);max-width:100%;max-height:100%}.channel-content{background:var(--bg-card);border-top:1px solid #80808033;flex-direction:column;flex:1;justify-content:center;padding:0 12px;display:flex}.channel-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);text-align:left;margin:0;font-size:15px;font-weight:500;overflow:hidden}.channel-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;text-align:left;margin:2px 0 0;font-size:11px;font-weight:700}.channel-card.focused{border-color:var(--focus-border);z-index:10;transform:scale(1.05);box-shadow:0 10px 20px #000c}@media (max-width:768px){.channel-card{width:120px;height:160px;margin-right:10px}.channel-image-container{height:100px;padding:10px}.channel-content{padding:0 8px}.channel-title{font-size:13px}.channel-category{font-size:10px}}.player-bottom-bar{pointer-events:auto;box-sizing:border-box;background:linear-gradient(#0000,#000000f2);justify-content:space-between;align-items:center;width:100%;padding:30px 40px;transition:all .3s;display:flex;position:absolute;bottom:0;left:0}.player-controls-left{flex:1;align-items:center;gap:30px;display:flex}.player-live-indicator{align-items:center;gap:10px;display:flex}.live-dot{background:var(--accent-color);width:12px;height:12px;box-shadow:0 0 10px var(--accent-color);border-radius:50%;animation:2s infinite pulse}.live-text{color:var(--accent-color);letter-spacing:1px;font-size:18px;font-weight:700}.player-volume-container{align-items:center;gap:15px;margin-left:20px;display:flex}.volume-slider{cursor:pointer;width:140px}.player-settings-container{align-items:center;gap:10px;display:flex}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.95)}}@media (max-width:768px){.player-bottom-bar{background:linear-gradient(#0000,#000000f2 60%);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:15px;padding:20px;display:grid}.player-controls-left{display:contents}.player-play-btn{grid-area:1/1;width:45px!important;height:45px!important;font-size:20px!important}.player-settings-container{grid-area:1/2;justify-self:end;gap:10px;display:flex}.player-volume-container{grid-area:2/1/auto/-1;justify-content:space-between;gap:15px;width:100%;margin-left:0}.volume-slider{flex:1;width:100%}.player-live-indicator{display:none}}@media (max-width:480px){.player-bottom-bar{padding:10px 15px}.volume-slider{width:80px}}.focusable{transition:transform var(--transition-speed)cubic-bezier(.25,.46,.45,.94),box-shadow var(--transition-speed)cubic-bezier(.25,.46,.45,.94),border-color var(--transition-speed)ease;box-sizing:border-box;z-index:1;border:2px solid #0000;outline:none;position:relative}.focusable.focused{transform:scale(var(--focus-scale));z-index:10;border-color:var(--accent-color);box-shadow:0 10px 30px #000000b3}.glow-effect{box-shadow:0 0 15px var(--accent-color)}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.logo-tv-text{opacity:0;animation:.8s ease-out .2s forwards slideInRight}