*{box-sizing:border-box}
:root{background:#0a0c10;color:#fff;font-family:Inter,Arial,sans-serif}
body{margin:0;background:#0a0c10;color:#fff}
button,select{font:inherit}
.player-page{max-width:1400px;margin:auto;padding:20px}
.stage{position:relative;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0008}
video{display:block;width:100%;aspect-ratio:16/9;background:#000}
.topbar,.bottom-info{position:absolute;left:0;right:0;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#000b,transparent)}
.topbar{top:0}.bottom-info{bottom:0;background:linear-gradient(transparent,#000d)}
.actions,.controls{display:flex;gap:8px;align-items:center}
button,select{border:1px solid #ffffff1c;background:#171a21;color:#fff;border-radius:8px;padding:8px 11px;cursor:pointer}
button:hover{background:#242935}
.episodes{margin-top:18px;padding:16px;background:#101319;border-radius:14px}
.season-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:15px}
.season-tabs .active,.episode-grid .active{background:#e50914;border-color:#e50914}
.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px}
.episode-grid button{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.episode-grid small{opacity:.65;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.loading,.error{min-height:100vh;display:grid;place-items:center;font-size:18px}
.theater .player-page{max-width:none;padding:0}
.theater .episodes{display:none}
@media(max-width:700px){
 .player-page{padding:8px}.stage{border-radius:8px}
 .topbar strong{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .bottom-info{position:static;display:block;background:#101319}
 .controls{margin-top:8px;overflow:auto}
 .controls button{white-space:nowrap}
}