body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background: #2c3e50; color: white; padding: 1rem; }
header nav a { color: white; margin-right: 1rem; text-decoration: none; }
main { padding: 1rem; }
.video-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1rem; }
.video-card { border: 1px solid #ddd; padding: 1rem; }
.video-card img { width: 100%; }
.error { color: red; }
.message { color: green; }
table { border-collapse: collapse; width: 100%; margin-bottom: 2rem; }
table, th, td { border: 1px solid #ddd; padding: 0.5rem; }
#mini-player { position: fixed; bottom: 0; right: 0; background: #f8f9fa; padding: 1rem; border-top: 1px solid #ddd; z-index: 1000; }
#mini-content { margin-top: 0.5rem; }