@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-glass:#1a1a1acc;--accent:#6366f1;--accent-hover:#4f46e5;--accent-glow:#6366f14d;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--border-hover:#3f3f46;--success:#22c55e;--error:#ef4444;--warning:#f59e0b;--font-mono:"Geist Mono",monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition-normal:.25s ease;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 15px #00000080;--shadow-glow:0 0 20px var(--accent-glow)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow:hidden}.app-container{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{z-index:100;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--space-md)var(--space-lg);position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--space-lg);max-width:1800px;margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.search-container{flex:1;max-width:500px}.search-wrapper{position:relative}.search-icon{left:var(--space-md);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);padding-left:2.5rem;font-size:.9rem}.search-input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow);outline:none}.search-input::placeholder{color:var(--text-muted)}.main-content{gap:var(--space-lg);padding:var(--space-lg);flex:1;width:100%;max-width:1800px;height:calc(100vh - 80px);margin:0 auto;display:flex;overflow:hidden}.player-section{gap:var(--space-md);flex-direction:column;flex:1;display:flex;overflow:hidden}.video-container{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;overflow:hidden}.video-player{object-fit:contain;background:#000;width:100%;height:100%}.video-placeholder{height:100%;color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;font-size:1.25rem;display:flex}.video-placeholder svg{opacity:.5;width:64px;height:64px}.channel-info{padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);flex-shrink:0}.channel-info h2{margin-bottom:var(--space-xs);font-size:1.25rem;font-weight:600}.channel-info .category{color:var(--accent);font-size:.9rem;font-weight:500}.sidebar{gap:var(--space-md);flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex;overflow:hidden}.category-tabs{gap:var(--space-sm);padding-bottom:var(--space-sm);scrollbar-width:none;flex-shrink:0;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{padding:var(--space-sm)var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);font-size:.85rem;font-weight:500}.category-tab:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.channel-count{color:var(--text-muted);padding:var(--space-sm)0;flex-shrink:0;font-size:.85rem}.channel-list{gap:var(--space-sm);padding-right:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.channel-list::-webkit-scrollbar{width:6px}.channel-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.channel-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.channel-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.channel-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;display:flex}.channel-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translate(4px)}.channel-card.active{border-color:var(--accent);box-shadow:var(--shadow-glow)}.channel-logo{border-radius:var(--radius-md);object-fit:contain;background:var(--bg-secondary);flex-shrink:0;width:48px;height:48px}.channel-logo-placeholder{border-radius:var(--radius-md);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex}.channel-details{flex:1;min-width:0}.channel-name{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.channel-category{color:var(--text-muted);font-size:.8rem}.favorite-btn{padding:var(--space-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);background:0 0;border:none}.favorite-btn:hover{color:var(--warning);background:#f59e0b1a}.favorite-btn.active{color:var(--warning)}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading,.error,.no-results{padding:var(--space-2xl);color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.quality-badge{top:var(--space-md);right:var(--space-md);padding:var(--space-xs)var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--success);letter-spacing:.5px;pointer-events:none;background:#000000b3;font-size:.75rem;font-weight:600;position:absolute}.quality-tag{margin-left:var(--space-sm);background:var(--success);color:var(--bg-primary);border-radius:var(--radius-sm);padding:2px 8px;font-size:.75rem;font-weight:600}@media (max-width:1024px){body{overflow:auto}.main-content{flex-direction:column;height:auto;overflow:visible}.player-section{z-index:50;background:var(--bg-primary);position:sticky;top:0}.sidebar{width:100%;height:auto;max-height:60vh}}@media (max-width:768px){.header{padding:var(--space-sm)var(--space-md)}.header-content{gap:var(--space-sm);flex-flow:wrap}.logo{font-size:1.1rem}.logo span{display:none}.logo-icon{width:32px;height:32px}.search-container{flex:1;min-width:200px}.main-content{padding:var(--space-md);gap:var(--space-md)}.video-container{border-radius:var(--radius-lg)}.channel-card{min-height:64px;padding:var(--space-md)}.category-tab{min-height:44px;padding:var(--space-md)var(--space-lg);font-size:.9rem}.search-input{min-height:48px;font-size:16px}.favorite-btn{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex}}@media (max-width:400px){.channel-card{padding:var(--space-sm)var(--space-md)}.channel-name{font-size:.9rem}.channel-category{font-size:.75rem}.channel-logo,.channel-logo-placeholder{width:40px;height:40px}}@media (max-height:500px) and (orientation:landscape){.header{display:none}.main-content{height:100vh;padding:var(--space-sm)}.sidebar{display:none}}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-card-hover)50%,var(--bg-card)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.channel-card-skeleton{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.skeleton-logo{flex-shrink:0;width:48px;height:48px}.skeleton-content{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.skeleton-title{width:70%;height:16px}.skeleton-subtitle{width:40%;height:12px}.skeleton-icon{border-radius:50%;width:24px;height:24px}.channel-list-skeleton{gap:var(--space-sm);flex-direction:column;display:flex}.category-tabs-skeleton{gap:var(--space-sm);display:flex;overflow:hidden}.skeleton-tab{width:80px;height:36px}.video-player-skeleton{aspect-ratio:16/9;background:var(--bg-secondary);border-radius:var(--radius-xl);flex-direction:column;display:flex}.skeleton-video{background:var(--bg-card);margin:var(--space-md);border-radius:var(--radius-md);flex:1}.skeleton-controls{align-items:center;gap:var(--space-md);padding:var(--space-md);display:flex}.skeleton-play-btn{border-radius:50%;width:32px;height:32px}.skeleton-progress{flex:1;height:4px}.skeleton-time{width:60px;height:14px}.pip-btn{top:var(--space-md);left:var(--space-md);padding:var(--space-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:#000000b3;border:none;position:absolute}.pip-btn:hover{background:#000000e6;transform:scale(1.05)}.pip-btn.active{background:var(--accent);color:#fff}.swipe-indicator{bottom:var(--space-lg);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-lg);color:var(--text-secondary);align-items:center;gap:var(--space-sm);opacity:0;pointer-events:none;background:#000000b3;font-size:.75rem;animation:3s forwards fade-in-out;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes fade-in-out{0%{opacity:0}10%{opacity:1}70%{opacity:1}to{opacity:0}}.swipe-indicator svg{width:16px;height:16px}