body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #111; color: #fff; margin: 0; padding: 20px; display: flex; flex-direction: column; align-items: center; }
.header { text-align: center; margin-bottom: 20px; }
h1 { color: #00d2ff; margin-bottom: 5px; }
.timestamp { color: #888; font-size: 0.9em; }
.controls { margin-bottom: 20px; padding: 15px; background-color: #222; border-radius: 8px; border: 1px solid #333; }
select { padding: 10px; font-size: 16px; background-color: #333; color: #fff; border: 1px solid #555; border-radius: 5px; cursor: pointer; outline: none; }
iframe { width: 100%; max-width: 1200px; height: 750px; border: none; border-radius: 8px; background-color: #000; }