/* Simple dark theme */
:root{--bg:#0b0b0b;--panel:#141414;--muted:#9aa0a6;--accent:#ff6ea6}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#a5a5a5;color:#fff}
.container{max-width:1100px;margin:0 auto;padding:16px}
.site-header, .site-footer{background:#0f0f0f;padding:12px 0;border-bottom:1px solid #111}
.site-header h1{margin:0;font-size:20px}
.site-footer p{margin:0;color:var(--muted);font-size:14px}
.center{display:flex;align-items:center;justify-content:center;height:100vh}
.card{background:var(--panel);padding:28px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.6);width:320px}
.card h1{margin:0 0 8px 0}
.card input[type="password"]{width:100%;padding:10px;border-radius:8px;border:1px solid #222;background:#0b0b0b;color:#fff;margin:10px 0}
.card button{width:100%;padding:10px;border-radius:8px;border:0;background:var(--accent);color:#111;font-weight:600}
.error{color:#ff6b6b}
.small{color:var(--muted);font-size:13px}

/* Channels grid */
.channels{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:24px}
.channel-card{background:var(--panel);width:260px;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,0.6);text-align:left}
.channel-card img{width:100%;height:150px;object-fit:cover;display:block}
.channel-card .channel-info{padding:10px}
.channel-card h4{margin:0 0 6px 0}
.channel-card a{text-decoration:none;color:inherit;display:block}

/* Video area */
.video-area{padding:20px;display:flex;flex-direction:column;align-items:center}
.player-wrap{width:100%;max-width:900px;background:#000;border-radius:12px;overflow:hidden}
.player-wrap video{width:100%;height:60vh;display:block;background:#000}
.back{color:var(--muted);text-decoration:none;margin-right:12px}
.player-meta{max-width:900px;margin-top:12px;text-align:left}