@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#0a0a1a;--bg-card:#111128;--bg-elevated:#1a1a35;--border:#2a2a4a;--text:#f0f0ff;--text-dim:#88a;--accent:#6c63ff;--live-red:#f33;--success:#22c55e;--radius:12px;--radius-lg:20px;--t:.2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}:focus{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}:focus:not(:focus-visible){outline:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:9px}.channel-card{background:var(--bg-card);border-radius:var(--radius-lg);cursor:pointer;transition:var(--t);aspect-ratio:16/9;border:2px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.channel-card:hover,.channel-card:focus,.channel-card.focused{border-color:var(--accent);z-index:2;transform:scale(1.05);box-shadow:0 0 0 4px #6c63ff40,0 8px 32px #00000080}.channel-card .logo{object-fit:contain;filter:drop-shadow(0 2px 8px #00000080);width:60%;height:60%}.channel-card .name{text-align:center;opacity:0;transition:var(--t);background:linear-gradient(#0000,#000000e6);padding:1.5rem .75rem .6rem;font-size:.8rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.channel-card:hover .name,.channel-card:focus .name,.channel-card.focused .name{opacity:1}.live-badge{background:var(--live-red);color:#fff;letter-spacing:.05em;border-radius:4px;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:.5rem;left:.5rem}.live-dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse}.player-container{z-index:100;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.player-video{object-fit:contain;background:#000;flex:1;width:100%}.player-overlay{opacity:0;background:linear-gradient(#000000b3 0%,#0000 25% 70%,#000000d9 100%);flex-direction:column;justify-content:space-between;padding:1.5rem 2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.player-container:hover .player-overlay,.player-overlay.visible{opacity:1}.player-top{align-items:center;gap:1rem;display:flex}.player-ch-logo{object-fit:contain;border-radius:8px;width:52px;height:52px}.player-ch-name{font-size:1.4rem;font-weight:700}.player-close{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--t);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;display:flex}.player-close:hover{background:#fff3}.player-controls{align-items:center;gap:1rem;display:flex}.ctrl-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--t);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.ctrl-btn:hover{background:#fff3;transform:scale(1.1)}.ctrl-btn.large{width:56px;height:56px}.ch-sidebar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);background:#0a0a1af2;width:280px;padding:1rem 0;transition:transform .3s;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.ch-sidebar.open{transform:translate(0)}.ch-sidebar-item{cursor:pointer;transition:var(--t);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex}.ch-sidebar-item:hover,.ch-sidebar-item.active{background:var(--bg-elevated);border-left-color:var(--accent)}.ch-sidebar-item img{object-fit:contain;border-radius:6px;width:36px;height:36px}.cat-tabs{scrollbar-width:none;gap:.5rem;padding:.25rem 0;display:flex;overflow-x:auto}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{border:1.5px solid var(--border);color:var(--text-dim);cursor:pointer;transition:var(--t);white-space:nowrap;background:0 0;border-radius:99px;flex-shrink:0;padding:.45rem 1rem;font-size:.85rem;font-weight:500}.cat-tab:hover{border-color:var(--accent);color:var(--text)}.cat-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.channels-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}@media (width>=1920px){.channels-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.epg-bar{background:var(--bg-card);border-top:1px solid var(--border);color:var(--text-dim);padding:.75rem 1.5rem;font-size:.85rem}.epg-now{color:var(--text);font-weight:600}.app-header{z-index:10;background:linear-gradient(#0a0a1a,#0000);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app-logo{color:var(--accent);align-items:center;gap:.4rem;font-size:1.2rem;font-weight:800;display:flex}.search-input{background:var(--bg-elevated);border:1.5px solid var(--border);max-width:320px;color:var(--text);border-radius:99px;flex:1;padding:.45rem 1rem;font-size:.875rem}.search-input:focus{border-color:var(--accent)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}.slide-in{animation:.3s slideIn}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-elevated) 50%, var(--bg-card) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tv-focusable]{outline:none}[data-tv-focusable]:focus{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 6px #6c63ff33}