*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050506;--text:#fff;--muted:rgba(255,255,255,.65);--card:rgba(255,255,255,.07);--border:rgba(255,255,255,.13);--accent:#8b5cff;--accent2:#23d7ff}
body.light{--bg:#f5f7ff;--text:#07070c;--muted:rgba(0,0,0,.6);--card:rgba(255,255,255,.72);--border:rgba(0,0,0,.12)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}
.bg{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 20% 20%,rgba(35,215,255,.14),transparent 35%),radial-gradient(circle at 80% 30%,rgba(139,92,255,.18),transparent 35%),var(--bg)}
.glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.55;animation:float 9s ease-in-out infinite alternate}.a{background:var(--accent2);left:8%;top:18%}.b{background:var(--accent);right:8%;bottom:8%;animation-delay:2s}
body.reduce .glow{animation:none}@keyframes float{to{transform:translate(70px,-60px) scale(1.15)}}
.glass{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(22px);box-shadow:0 20px 70px rgba(0,0,0,.35)}
.topbar{position:sticky;top:14px;z-index:20;width:min(1220px,94vw);margin:14px auto 0;border-radius:24px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:30px}.logo{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent2),var(--accent));display:grid;place-items:center;font-weight:900}
nav{display:flex;gap:8px}button{border:0;border-radius:14px;padding:10px 14px;background:rgba(255,255,255,.09);color:var(--text);font-weight:700;cursor:pointer;transition:.2s}button:hover{transform:translateY(-2px);background:rgba(139,92,255,.2)}
.primary{background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:#fff}.right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#search{width:250px;border:1px solid var(--border);background:rgba(0,0,0,.3);color:var(--text);border-radius:14px;padding:11px;outline:none}
main{width:min(1220px,94vw);margin:0 auto}.page{display:none;animation:fade .35s ease}.page.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero{min-height:70vh;margin-top:28px;border-radius:34px;padding:50px;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.2)),radial-gradient(circle at 80% 45%,rgba(139,92,255,.35),transparent 35%);display:flex;align-items:flex-end}
.pill{display:inline-block;color:var(--accent2);font-weight:900;letter-spacing:.12em;font-size:13px}.hero h2{font-size:clamp(44px,7vw,86px);letter-spacing:-.06em;line-height:.95;margin:14px 0}.hero p{font-size:20px;color:var(--muted);line-height:1.55;margin-bottom:20px}
.row{margin:34px 0}.rowHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rowHead h3{font-size:25px}.rail{display:flex;gap:14px;overflow-x:auto;padding:5px 0 18px}.poster{min-width:170px;height:250px;border-radius:18px;padding:14px;display:flex;align-items:flex-end;background:linear-gradient(135deg,#222,var(--accent));border:1px solid var(--border);cursor:pointer;transition:.25s;position:relative;overflow:hidden}.poster:hover{transform:scale(1.05)}.poster h4{position:relative;font-size:18px;text-shadow:0 3px 15px #000}.poster small{position:absolute;top:12px;left:12px;color:#fff;background:rgba(0,0,0,.45);border-radius:999px;padding:5px 8px}
.gridCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-bottom:60px}.gridCards .poster{min-width:0;width:100%}.sectionTitle{margin:45px 0 20px}.sectionTitle h2,.settings h2{font-size:44px}.sectionTitle p{color:var(--muted)}
.settings{width:min(760px,100%);margin:50px auto;border-radius:28px;padding:30px}.settings label{display:flex;justify-content:space-between;align-items:center;padding:18px;margin:12px 0;background:rgba(255,255,255,.08);border-radius:18px}.settings button{margin:8px}
.modal{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);display:grid;place-items:center;padding:20px}.hide{display:none!important}.modalBox{width:min(420px,100%);border-radius:28px;padding:30px;position:relative;display:grid;gap:13px}.modalBox input{border:1px solid var(--border);background:rgba(0,0,0,.35);color:var(--text);border-radius:14px;padding:14px;outline:none}.x{position:absolute;right:18px;top:16px;font-size:26px;background:transparent!important}.detailsBox{width:min(900px,94vw);border-radius:30px;padding:24px;display:grid;grid-template-columns:260px 1fr;gap:24px;position:relative}.detailPoster{height:390px;border-radius:22px;background:linear-gradient(135deg,#222,var(--accent2));border:1px solid var(--border)}.detailInfo h2{font-size:46px}.detailInfo p{color:var(--muted);line-height:1.6;margin:12px 0}.playerBox{width:min(1000px,96vw);position:relative}.playerBox video{width:100%;border-radius:20px;background:#000}
footer{width:min(1220px,94vw);margin:60px auto 30px;border-top:1px solid var(--border);padding-top:24px;display:grid;gap:18px}
#toast{position:fixed;left:50%;bottom:24px;z-index:99;transform:translateX(-50%) translateY(80px);opacity:0;transition:.25s;background:rgba(10,10,14,.9);border:1px solid var(--border);border-radius:16px;padding:14px 20px}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:850px){.topbar{flex-wrap:wrap}.links{order:3;overflow-x:auto;width:100%}#search{width:100%}.detailsBox{grid-template-columns:1fr}.detailPoster{height:260px}.hero{padding:30px}.poster{min-width:145px;height:215px}}