body{margin:0;background:#050b18;color:#fff;font-family:Tahoma}
.top{display:flex;justify-content:space-between;align-items:center;padding:15px}
.top button{background:#0bb;border:none;padding:10px 16px;border-radius:8px;margin:0 5px}
.top button.active{background:#19e}
.filters{text-align:center;padding:10px}
.filters button{margin:4px;padding:8px 12px;border-radius:6px;border:none;background:#123;color:#fff}
.filters button.active{background:#19e}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:20px}
.card{background:#0b1530;border-radius:14px;padding:12px;cursor:pointer}
.card:focus{outline:3px solid #19e}
.poster{height:220px;background:#111;border-radius:8px;margin-bottom:10px}
.details{position:fixed;inset:0;background:#020814;padding:20px;overflow:auto}
.details h2{margin-top:0}
.episodes button{display:block;width:100%;margin:6px 0;padding:10px;background:#123;border:none;color:#fff;border-radius:6px}
.player{position:fixed;inset:0;background:#000;display:flex;flex-direction:column}
.player video{flex:1}
.player button{padding:15px;background:#19e;border:none;color:#fff}
.hidden{display:none}