body{
margin:0;
background:#0f0f0f;
font-family:Arial;
color:#fff;
}

.header{
background:#181818;
padding:12px 20px;
font-size:20px;
font-weight:bold;
color:red;
position:sticky;
top:0;
}

.header a{
color:red;
text-decoration:none;
}

.container{
max-width:1300px;
margin:auto;
padding:15px;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
gap:15px;
}

.card{
position:relative;
aspect-ratio:16/9;
overflow:hidden;
background:#000;
border-radius:8px;
}

.thumb-canvas{
width:100%;
height:100%;
object-fit:cover;
}

.thumb-video{
display:none;
}

.player video{
width:100%;
max-height:80vh;
background:black;
}

.ad{
text-align:center;
padding:10px;
background:#181818;
}

.views{
text-align:center;
margin:10px 0;
color:#aaa;
}