:root { --accent: #8b0000; --gold: #ffc107; --bg: #000; }
body { background: var(--bg); color: #fff; margin: 0; font-family: -apple-system, sans-serif; overflow-x: hidden; }
.logo { letter-spacing: 10px; text-align: center; font-size: 28px; margin: 15px 0; font-weight: 200; }
.top-nav { padding: 10px; border-bottom: 1px solid #222; text-align: center; position: sticky; top: 0; z-index: 100; background: #000; }
#epSearch { width: 90%; max-width: 500px; background: #111; border: 1px solid #333; color: #fff; padding: 12px; border-radius: 8px; font-size: 16px; outline: none; }
.results-box { position: absolute; left: 50%; transform: translateX(-50%); width: 90%; max-width: 500px; background: #111; border: 1px solid #333; max-height: 350px; overflow-y: auto; }
.search-item { display: flex; align-items: center; padding: 10px; gap: 12px; border-bottom: 1px solid #222; cursor: pointer; text-align: left; }
.search-item img { width: 40px; height: 60px; object-fit: cover; border-radius: 4px; }
.player-controls { display: flex; justify-content: center; gap: 8px; margin-top: 15px; flex-wrap: wrap; }
select, button { background: #1a1a1a; color: #fff; border: 1px solid #333; padding: 10px 15px; border-radius: 6px; font-size: 14px; cursor: pointer; }
#downloadBtn { background: var(--gold); color: #000; font-weight: 800; border: none; }
#videoWrapper { width: 100%; margin-top: 10px; }
#videoContainer { width: 100%; aspect-ratio: 16/9; max-width: 1100px; margin: 0 auto; background: #050505; position: relative; }
iframe { position: absolute; width: 100%; height: 100%; border: none; }
.bottom-bar { text-align: center; padding: 30px 0; }
#nextBtn { background: var(--accent); padding: 15px 40px; border-radius: 50px; font-weight: bold; border: none; display: none; margin: 0 auto; }
body.theater-mode #videoWrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; background: #000; margin: 0; }