*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a0d;--fg:#f2f2f5;--dim:#8b8b98;--accent:#22d3ee;--card:#14141a}
body{background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
header{display:flex;align-items:center;gap:14px;padding:14px 16px;position:sticky;top:0;background:rgba(10,10,13,.92);backdrop-filter:blur(12px);z-index:10}
.logo{font-weight:800;font-size:20px;letter-spacing:-.5px;white-space:nowrap}
.logo span{color:var(--accent)}
#search{flex:1;min-width:0;background:var(--card);border:1px solid #24242e;color:var(--fg);padding:9px 13px;border-radius:9px;font-size:15px;outline:none}
#search:focus{border-color:var(--accent)}
.tagline{color:var(--dim);font-size:13px;padding:0 16px 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;padding:0 16px 40px}
.card{display:block}
.thumb{aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:var(--card);transition:transform .18s}
.thumb.noposter{background:linear-gradient(150deg,#1b1b24,#0e0e13)}
.card:active .thumb{transform:scale(.96)}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card h3{font-size:13px;font-weight:600;margin-top:7px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.card span{font-size:12px;color:var(--dim)}
.empty{color:var(--dim);padding:30px 16px;grid-column:1/-1}
footer{text-align:center;color:var(--dim);font-size:12px;padding:24px}
.watch header{justify-content:space-between}
#servers{display:flex;gap:7px;overflow-x:auto}
#servers button{background:var(--card);border:1px solid #24242e;color:var(--dim);padding:7px 13px;border-radius:20px;font-size:13px;cursor:pointer;white-space:nowrap}
#servers button.on{background:var(--accent);color:#04212a;border-color:var(--accent);font-weight:700}
.player{width:100%;aspect-ratio:16/9;background:#000}
.player iframe{width:100%;height:100%;border:0;display:block}
.meta{padding:16px}
.meta h1{font-size:18px}
.gate{display:grid;place-items:center;min-height:100vh;padding:20px}
.gatewrap{width:100%;max-width:400px;text-align:center}
.box{background:var(--card);border:1px solid #22222c;border-radius:16px;padding:28px 22px;margin-top:24px}
.box h1{font-size:19px;margin-bottom:9px}
.box p{color:var(--dim);font-size:14px;margin-bottom:18px}
.box .big{font-size:17px;color:var(--fg)}
.progress{height:5px;background:#22222c;border-radius:3px;overflow:hidden;margin-bottom:10px}
.progress div{height:100%;width:0;background:var(--accent)}
.label{font-size:12px;margin-bottom:16px!important}
.box button{width:100%;background:var(--accent);color:#04212a;border:0;padding:13px;border-radius:10px;font-size:15px;font-weight:800;cursor:pointer}
.box button:disabled{opacity:.45;cursor:default}
.small{font-size:12px;margin-top:14px!important;margin-bottom:0!important}