@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#07070f;--s1:#0f0f1c;--s2:#16162a;--s3:#1d1d35;--b1:rgba(255,255,255,.06);--b2:rgba(255,255,255,.11);--accent:#00d4ff;--accent2:#7c3aed;--glow:#00d4ff28;--t1:#dde0f5;--t2:#8080aa;--t3:#44445a;--danger:#ff4466;--shadow:rgba(0,0,0,.5);--hover-bg:rgba(255,255,255,.03)}body{background:var(--bg);font-family:DM Sans,sans-serif;color:var(--t1);overflow:hidden}.app{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.setup{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 20% 70%,rgba(124,58,237,.13) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(0,212,255,.09) 0%,transparent 50%),var(--bg);padding:2rem}.card{background:var(--s1);border:1px solid var(--b2);border-radius:18px;padding:2.5rem;width:100%;max-width:500px;box-shadow:0 48px 96px var(--shadow)}.logo{font-family:Rajdhani,sans-serif;font-size:2.2rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.2rem}.tagline{color:var(--t2);font-size:.82rem;margin-bottom:2rem}.fg{margin-bottom:1rem}.fl{display:block;font-size:.7rem;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.4rem}.fi{width:100%;background:var(--s2);border:1px solid var(--b2);border-radius:8px;padding:.62rem .9rem;color:var(--t1);font-family:DM Sans,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s}.fi:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}.fhint{font-size:.7rem;color:var(--t3);margin-top:.3rem}.btn-primary{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;border-radius:9px;color:#fff;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:opacity .2s;margin-top:.5rem}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.err{background:#ff446612;border:1px solid rgba(255,68,102,.19);border-radius:8px;padding:.6rem .9rem;color:var(--danger);font-size:.82rem;margin-bottom:1rem}.sidebar{width:215px;flex-shrink:0;background:var(--s1);border-right:1px solid var(--b1);display:flex;flex-direction:column;padding:1.2rem 0;overflow-y:auto;overflow-x:hidden}.s-logo{font-family:Rajdhani,sans-serif;font-size:1.3rem;font-weight:700;letter-spacing:.12em;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 1rem;margin-bottom:1.2rem}.s-sect{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--t3);padding:0 1rem;margin:.9rem 0 .35rem}.nav{display:flex;align-items:center;gap:.55rem;padding:.5rem 1rem;color:var(--t2);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s;border-left:2px solid transparent;position:relative}.nav:hover{color:var(--t1);background:var(--hover-bg)}.nav.on{color:var(--accent);background:#00d4ff12;border-left-color:var(--accent)}.nav-icon{font-size:.9rem;width:17px;text-align:center;flex-shrink:0}.s-bottom{margin-top:auto;padding:.85rem 1rem 0;border-top:1px solid var(--b1);display:flex;flex-direction:column;gap:.4rem}.btn-sm{padding:.38rem .5rem;background:var(--b1);border:1px solid var(--b2);border-radius:6px;color:var(--t2);font-family:DM Sans,sans-serif;font-size:.7rem;cursor:pointer;transition:all .2s;text-align:center}.btn-sm:hover{background:var(--b2);color:var(--t1)}.btn-sm.danger{color:var(--danger);border-color:#ff446621}.btn-sm.danger:hover{background:#ff446612}.content{flex:1;display:flex;flex-direction:column;overflow:hidden}.c-header{padding:1rem 1.4rem;border-bottom:1px solid var(--b1);display:flex;align-items:center;gap:.75rem;flex-shrink:0}.c-title{font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.05em;margin-right:auto}.c-count{font-size:.72rem;color:var(--t3);margin-left:.4rem}.ch-grid{flex:1;overflow-y:auto;padding:1.1rem 1.4rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem;align-content:start}.ch-card{background:var(--s1);border:1px solid var(--b1);border-radius:10px;padding:.8rem .7rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.ch-card:hover{border-color:var(--b2);background:var(--s2);transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow)}.ch-card.playing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 8px 24px var(--glow)}.ch-logo{width:42px;height:42px;object-fit:contain;border-radius:6px;background:var(--s2)}.ch-logo-ph{width:42px;height:42px;background:var(--s3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.ch-name{font-size:.72rem;font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ch-num{font-size:.62rem;color:var(--t3)}.badge{display:inline-block;padding:.1rem .32rem;background:#00d4ff17;border:1px solid rgba(0,212,255,.19);border-radius:4px;font-size:.6rem;color:var(--accent);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-left:.35rem}.player-ov{position:fixed;inset:0;background:#000000f0;z-index:300;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px)}.player-wrap{width:92%;max-width:1080px;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 48px 96px #000000bf;position:relative;animation:fadeUp .2s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.player-video{width:100%;aspect-ratio:16/9;display:block;background:#000}.player-bar{background:var(--s1);padding:.7rem 1.1rem;display:flex;align-items:center;gap:.75rem;border-top:1px solid var(--b1)}.player-title{font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-ctrl{padding:.28rem .7rem;background:var(--s2);border:1px solid var(--b2);border-radius:6px;color:var(--t2);font-family:DM Sans,sans-serif;font-size:.72rem;cursor:pointer;transition:all .2s;white-space:nowrap}.player-ctrl:hover{color:var(--t1);border-color:var(--b2)}.player-close{padding:.28rem .7rem;background:#ff446612;border:1px solid rgba(255,68,102,.13);border-radius:6px;color:var(--danger);font-family:DM Sans,sans-serif;font-size:.72rem;cursor:pointer;transition:all .2s}.player-close:hover{background:#ff446621}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.875rem;color:var(--t2)}.spinner{width:32px;height:32px;border:3px solid var(--b2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;color:var(--t2);text-align:center}.empty-icon{font-size:2.5rem;opacity:.25}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:3px}