:root{--bg:#090b12;--panel:#151827;--panel2:#20243a;--text:#fff;--muted:#aeb6d4;--accent:#1aa8ff;--border:#2c3352}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}.topbar{display:flex;align-items:center;justify-content:space-between;background:#101428;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:9}.small-topbar{padding:6px 10px}.brand-small{display:flex;align-items:center;gap:8px;font-size:14px}.brand-small img{width:28px;height:28px;border-radius:8px;object-fit:cover}.small-btn{border:0;border-radius:10px;padding:7px 10px;background:var(--panel2);color:white;font-weight:700}.menu{display:flex;gap:6px;overflow-x:auto;background:#0f1220;padding:7px;border-bottom:1px solid var(--border);position:sticky;top:41px;z-index:8}.menu button,.primary,.vote-card button{border:0;border-radius:10px;padding:9px 11px;background:var(--panel2);color:white;font-weight:700;white-space:nowrap;cursor:pointer;font-size:13px}.menu button.active,.primary{background:var(--accent)}main{max-width:1120px;margin:auto;padding:10px}.page{display:none}.page.active{display:block}.player-card,.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:10px;margin:9px 0}.compact video{width:100%;max-height:360px;background:#000;border-radius:12px}.player-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:var(--muted);font-size:12px}.tiny{padding:6px 10px!important;font-size:12px!important}.mini{color:var(--muted);font-size:12px;margin:6px 2px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.compact-toolbar input,.compact-toolbar select{max-width:230px}input,select{background:#fff;color:#111;border:0;border-radius:10px;padding:10px;font-size:14px;min-width:180px;flex:1}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}.channel-card{display:flex;gap:8px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px}.ch-logo{width:42px;height:42px;border-radius:9px;object-fit:contain;background:#060811;flex:0 0 42px}.ch-info{min-width:0;flex:1}.ch-name{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-details{font-size:11px;color:var(--muted);line-height:1.35;margin-top:2px}.ch-actions{display:flex;gap:4px;margin-top:5px}.ch-actions button{border:0;border-radius:8px;padding:5px 7px;font-size:11px;font-weight:700;cursor:pointer}.fav{background:#ffb000;color:#111}.live-dot{color:#00e676;font-weight:800}.card h3{margin-top:0;font-size:15px}.card p{color:var(--muted);line-height:1.45}.link{text-decoration:none;display:inline-block}.bars{background:#0d1020;border-radius:12px;padding:10px;margin-top:10px}.light{--bg:#f4f6fb;--panel:#fff;--panel2:#e8eefb;--text:#101522;--muted:#4b5878;--border:#d7def0}footer{text-align:center;padding:18px;color:var(--muted);border-top:1px solid var(--border);margin-top:25px;font-size:12px}audio{width:100%;margin:8px 0}code{display:block;background:#070914;color:#8ee6ff;padding:10px;border-radius:10px;overflow-x:auto;font-size:12px}.movie-card img{width:100%;height:160px;object-fit:cover;border-radius:12px;background:#050505}@media(max-width:600px){.menu{top:41px}.toolbar{display:block}input,select,.primary{width:100%;margin:4px 0}.compact-toolbar input,.compact-toolbar select{max-width:none}.channel-list{grid-template-columns:1fr}main{padding:8px}.compact video{max-height:280px}}