:root{color-scheme:dark;--bg:#10101b;--panel:#1b1b2c;--line:#36364e;--accent:#b7a0ff;--muted:#a6a5bb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#302748,transparent 45%),var(--bg);color:#f7f5ff;font:15px system-ui,sans-serif;min-height:100vh}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#242439;color:inherit;border-radius:9px;padding:11px 16px}button:hover{border-color:var(--accent)}button.active{background:var(--accent);color:#171022;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe733;outline-offset:3px}[hidden]{display:none!important}header{min-height:90px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:20px 5vw;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:white}.brand span{color:var(--accent)}nav{display:flex;gap:7px;flex-wrap:wrap;margin-right:auto}nav button{background:transparent}main{max-width:1450px;margin:auto;padding:40px 5vw 70px}small{letter-spacing:3px;color:var(--accent);font-weight:700;font-size:10px}h1{font-size:38px;margin:10px 0}.muted{color:var(--muted)}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:22px 0}.toolbar label{display:grid;gap:6px;color:var(--muted);font-size:12px}input,select{background:#1b1b2b;border:1px solid var(--line);color:white;padding:12px;border-radius:9px;min-height:44px}input[type=search]{width:260px}input[type=number]{width:90px}#message{color:#d2c5f5;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:20px}.card{border:1px solid var(--line);background:linear-gradient(140deg,#222238,#181825);border-radius:14px;padding:18px;display:flex;flex-direction:column;min-width:0}.card img{width:100%;height:170px;object-fit:contain;border-radius:8px;margin-bottom:10px}.card.poster img{height:280px;object-fit:cover}.card h2{font-size:17px;line-height:1.5;overflow-wrap:anywhere}.card p{font-size:12px;color:var(--muted);line-height:1.6}.card button{margin-top:auto;background:#332a4b;color:#d9c9ff}.placeholder{height:125px;display:grid;place-items:center;font-size:40px;color:var(--accent)}dialog{background:#181825;color:white;border:1px solid var(--line);border-radius:16px;width:min(1000px,95vw);padding:22px}dialog::backdrop{background:#000c}.playerhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.playerhead h2{font-size:19px}video{width:100%;max-height:60vh;background:black}.source-list{display:grid;gap:10px}.source-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:8px}.source-row span{flex:1;min-width:150px;overflow-wrap:anywhere}.source-row a{color:#d3c4ff}#play-message{line-height:1.6;color:#c6bed8}footer{border-top:1px solid var(--line);padding:24px 5vw;font-size:12px;color:var(--muted);display:flex;gap:25px;flex-wrap:wrap}@media(max-width:650px){header{gap:14px}nav{order:3;width:100%}main{padding:30px 18px}.toolbar>*{flex:1}input[type=search]{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:12px}.card.poster img{height:210px}h1{font-size:30px}}@media(max-width:380px){.grid{grid-template-columns:1fr}}