@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.06d3mdzz5bre_.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.11.cyxs5p-0z~.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.16t1db8_9y2o~.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_2ae47f08-module__h69qWW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_2ae47f08-module__h69qWW__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.0q3udbd2bu5yp.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.0gw~uztddq1df.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.0.q-h669a_dqa.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_eb58308d-module__w_p2Lq__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_eb58308d-module__w_p2Lq__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--background:#0d0f12;--surface:#ffffff0d;--surface-hover:#ffffff1a;--border:#ffffff1a;--primary:#3b82f6;--primary-glow:#3b82f680;--text-main:#fff;--text-muted:#9ca3af;--glass-bg:#0d0f12b3}body{background-color:var(--background);color:var(--text-main);background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);background-attachment:fixed;min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px #0000004d}.video-container{width:100%;box-shadow:0 0 20px var(--primary-glow);aspect-ratio:16/9;background:#000;border-radius:16px;position:relative;overflow:hidden}video{object-fit:contain;width:100%;height:100%}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px 0;display:grid}.channel-card{cursor:pointer;flex-direction:column;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.channel-card:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 100%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.channel-card:hover{background:var(--surface-hover);border-color:#fff3;transform:translateY(-4px);box-shadow:0 10px 20px #0006}.channel-card:hover:before{opacity:1}.channel-number{color:var(--primary);letter-spacing:1px;margin-bottom:8px;font-size:.9rem;font-weight:600}.channel-name{color:var(--text-main);margin-bottom:4px;font-size:1.2rem;font-weight:500}.badge{color:var(--text-muted);background:#ffffff1a;border-radius:4px;margin-top:auto;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge.hd{color:#60a5fa;background:#3b82f633}.loader{border:3px solid var(--surface);border-top:3px solid var(--primary);border-radius:50%;width:24px;height:24px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{border-bottom:1px solid var(--border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;margin-bottom:40px;padding:30px 0;position:sticky;top:0}.container{max-width:1200px;margin:0 auto;padding:0 24px}.title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0;font-size:2rem;font-weight:700;display:flex}.icon{color:var(--primary)}.back-button{background:var(--surface);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-weight:500;transition:all .2s;display:flex}.back-button:hover{background:var(--surface-hover)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.streams-layout-wrapper{gap:20px;margin-bottom:40px;animation:.5s fadeIn;display:flex}.streams-layout-wrapper.vertical{flex-direction:row}.streams-layout-wrapper.horizontal{flex-direction:column}.primary-stream-container{flex:1;min-width:0}.secondary-streams-container{gap:16px;display:flex}.streams-layout-wrapper.vertical .secondary-streams-container{flex-direction:column;width:320px}.streams-layout-wrapper.horizontal .secondary-streams-container{flex-flow:row;overflow-x:auto}.streams-layout-wrapper.horizontal .secondary-stream-item{flex:1;min-width:280px;max-width:33%}.secondary-stream-item{cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.secondary-stream-item:hover{border-color:var(--primary);transform:translateY(-2px)}.secondary-stream-item .video-container{aspect-ratio:16/9;box-shadow:none;border-radius:0}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.close-btn:hover{background:#ef4444e6;transform:scale(1.1)}.stream-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0006;padding:8px 12px;font-size:.85rem;font-weight:500;overflow:hidden}.channel-thumbnail{object-fit:cover;opacity:.4;z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.channel-card:hover .channel-thumbnail{opacity:.6}.thumbnail-placeholder{background:var(--surface);z-index:0;opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.channel-info-overlay{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.stats-toggle-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.stats-toggle-btn:hover{background:var(--primary);border-color:var(--primary)}.nerd-stats-overlay{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);z-index:10;width:300px;color:var(--text-main);background:#0d0f12d9;border-radius:12px;padding:16px;font-family:Courier New,Courier,monospace;position:absolute;top:60px;right:16px;box-shadow:0 10px 30px #00000080}.nerd-stats-overlay h4{border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-family:Inter,sans-serif;font-size:1rem}.stats-grid{flex-direction:column;gap:8px;font-size:.85rem;display:flex}.stats-grid strong{color:var(--text-muted);width:140px;display:inline-block}