*{box-sizing:border-box;font-family:Arial}
body{margin:0;background:#000;color:#fff}
.topbar{position:fixed;top:0;width:100%;background:#000;padding:12px;z-index:10}
.logo{color:#e50914;font-size:18px;font-weight:bold;margin-bottom:8px}
.topbar input{width:100%;padding:10px;border-radius:6px;border:none}
#grid{margin-top:120px;margin-bottom:80px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:14px}
.card img{width:100%;border-radius:10px;cursor:pointer}
/* Bottom Nav */
.bottombar{position:fixed;bottom:0;width:100%;background:#000;display:flex;justify-content:space-around;padding:14px 0;font-size:18px}
.bottombar i{color:#aaa}
.bottombar .active{color:#e50914}

/* Player */
.player{padding:12px}
.video-wrap{position:relative;width:100%;padding-top:56.25%;margin-top:70px}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.details{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.details img{width:160px;border-radius:8px}
.sources button{margin:6px 6px 0 0;padding:8px 12px;border:none;border-radius:6px;background:#222;color:#fff}
.downloads a{display:block;margin-top:6px;padding:8px;background:#0a0;color:#fff;border-radius:6px;text-decoration:none}

/* Responsive */
@media(min-width:768px){
 #grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
}