.player-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:99999;display:grid;place-items:center;padding:0;background:#000}
.player-backdrop[hidden]{display:none}
.player-modal{position:relative;display:flex;width:100vw;height:100vh;overflow:hidden;flex-direction:column;background:#000}
.player-close{position:absolute;z-index:2;top:12px;right:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(15,29,25,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer}
.player-frame{position:relative;width:100%;min-height:0;overflow:hidden;flex:1;background:#000}
.player-frame iframe,.player-frame #youtube-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}
.player-details{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;background:var(--card)}
.player-details h2{margin:0 0 5px;font-size:24px}
.player-channel{margin:0;color:var(--muted)}
.player-youtube-link{display:inline-flex;flex:0 0 auto;text-decoration:none}
.video-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}
.video-open:focus-visible{outline:3px solid var(--coral);outline-offset:4px;border-radius:14px}
@media(max-width:700px){.player-backdrop{padding:10px}.player-details{align-items:flex-start;flex-direction:column}.player-youtube-link{width:100%;justify-content:center}}
.tv-mode .player-close,.tv-mode .player-details{display:none}
.tv-mode .player-frame{width:100vw;height:100vh;flex:none}
.tv-player-controls{position:absolute;left:4vw;right:4vw;bottom:5vh;z-index:5;padding:24px 30px;border-radius:14px;color:#fff;background:rgba(8,12,11,.88)}
.tv-player-controls[hidden]{display:none}
.tv-player-times{display:flex;justify-content:space-between;margin-bottom:12px;font-size:24px;font-weight:700}
.tv-player-timeline{height:12px;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.35)}
.tv-player-timeline i{display:block;width:0;height:100%;background:#fff}
.tv-player-controls p{margin:14px 0 0;text-align:center;font-size:20px}
.exit-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;background:rgba(0,0,0,.72)}
.exit-confirm[hidden]{display:none}
.exit-confirm section{width:620px;padding:42px;border-radius:20px;text-align:center;background:#fff}
.exit-confirm h2{margin:0 0 12px;font:700 34px Georgia,serif}
.exit-confirm p{margin:0 0 28px;font-size:20px}
.exit-confirm section div{display:flex;justify-content:center;gap:18px}
.exit-confirm button{padding:15px 24px;border:0;border-radius:10px;font-size:18px;font-weight:700}