/*auto*/:root{--color:#E8483F;--radius:8px;--bg:#0E1014;--panel:#161920;--line:#262B35;--text:#E9ECF1;--muted:#8B93A1;--online:#3FB950}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:14px}button{font-family:inherit}.app{display:flex;height:100vh;overflow:hidden}.nav{width:270px;flex-shrink:0;background-color:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{padding:18px 18px 14px;font-size:19px;font-weight:700;letter-spacing:0.2px}.brand i{color:var(--color);margin-right:8px}.countrysearch{padding:0 12px 10px}.countries{flex:1;overflow-y:auto;padding:0 8px 10px}.country{display:flex;align-items:center;padding:7px 9px;border-radius:var(--radius);cursor:pointer}.country:hover{background-color:rgba(255,255,255,0.06)}.country.selected{background-color:var(--color);color:#FFF}.country .flag{width:26px;font-size:16px}.country .name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country .count{font-size:12px;color:var(--muted);margin-left:8px}.country.selected .count{color:#FFF}.syncinfo{padding:10px 18px 12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:18px}main{flex:1;overflow-y:auto}.banner{margin:16px 20px 0;padding:12px 14px;border-radius:var(--radius);background-color:rgba(232,72,63,0.12);border:1px solid rgba(232,72,63,0.35);line-height:20px}.banner .bar{height:4px;background-color:var(--line);border-radius:2px;margin-top:8px;overflow:hidden}.banner .bar div{height:100%;background-color:var(--color);transition:width 0.5s}.stage{padding:20px 20px 4px}.screen{position:relative;background-color:#000;border-radius:var(--radius);overflow:hidden;width:min(100%,calc(64vh * 16 / 9));aspect-ratio:16 / 9;margin:0 auto}.ui-player,.ui-player video{width:100%;height:100%;display:block;background-color:#000}.screen .status{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#FFF;font-size:15px;background-color:rgba(0,0,0,0.55);pointer-events:none}.screen .status i{margin-right:8px}.info{width:min(100%,calc(64vh * 16 / 9));margin:12px auto 0}.info .title{display:flex;align-items:center;gap:14px}.info .title img{width:64px;height:44px;object-fit:contain;background-color:#F4F5F7;border-radius:6px;padding:4px}.info .title>div{flex:1;min-width:0}.info h1{font-size:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info .meta{color:var(--muted);font-size:13px;margin-top:2px}.info .close{background-color:transparent;border:1px solid var(--line);color:var(--text);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px}.info .close:hover{border-color:var(--color);color:var(--color)}.sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.source{background-color:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:5px 12px;font-size:12px;cursor:pointer}.source.online{color:var(--text)}.sourcegroup{display:inline-flex;gap:2px}.copy{background-color:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:20px;width:30px;font-size:12px;cursor:pointer}.copy:hover{border-color:var(--color);color:#FFF}.source.active{border-color:var(--color);color:#FFF;background-color:rgba(232,72,63,0.18)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 20px;position:sticky;top:0;background-color:var(--bg);z-index:5}.filters .search{flex:1;min-width:220px}.filters .select{width:210px}.summary{padding:0 20px 12px;color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:0 20px 20px}.channel{margin:0;background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:transform 0.15s,border-color 0.15s}.channel:hover{transform:translateY(-2px);border-color:var(--color)}.channel .logo{height:86px;display:flex;align-items:center;justify-content:center;background-color:#F4F5F7;padding:10px;box-sizing:border-box}.channel .logo img{max-width:100%;max-height:66px;object-fit:contain}.channel .logo span{font-size:24px;font-weight:700;color:#5B6270}.channel figcaption{padding:8px 10px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel.offline{opacity:0.55}.channel.offline .logo{filter:grayscale(1)}.channel .badge{display:block;font-size:11px;color:var(--muted);margin-top:2px}.countrybar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 20px 0;padding:12px 14px;background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.countrybar .name{font-size:16px;font-weight:600}.countrybar .meta{flex:1;color:var(--muted);font-size:12px;min-width:120px}.countrybar button{background-color:transparent;border:1px solid var(--line);color:var(--text);border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer}.countrybar button:hover{border-color:var(--color);color:#FFF}.countrybar button i{margin-right:6px}.syncinfo .link{margin-top:6px;font-size:12px}.more{display:block;margin:0 auto 24px;background-color:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:20px;padding:8px 20px;cursor:pointer}.more:hover{border-color:var(--color)}.empty{padding:50px 20px 30px;text-align:center;color:var(--muted);line-height:22px}.offlinelink{padding:0 20px 30px;text-align:center;color:var(--muted);font-size:13px}.link{background:none;border:0;color:var(--color);cursor:pointer;padding:0;font-size:13px}.link:hover{text-decoration:underline}.login{max-width:320px;margin:12vh auto 0;padding:24px;background-color:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.login .brand{padding:0 0 18px;text-align:center}.login .m{margin-bottom:12px}.login button{width:100%;height:38px;border:0;border-radius:var(--radius);background-color:var(--color);color:#FFF;font-size:14px;cursor:pointer;margin-top:6px}@media (max-width:768px){.app{flex-direction:column;height:auto;overflow:visible}.nav{width:auto;border-right:0;border-bottom:1px solid var(--line)}.countries{max-height:200px}main{overflow:visible}.filters .select{width:calc(50% - 5px)}}