:root{color-scheme:dark;--bg:#090f1d;--surface:#141e30;--surface2:#1a263a;--line:#2c3d57;--muted:#9dadc4;--text:#f1f5fe;--pink:#ff58a9;--blue:#75b5ff;--radius:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 18% -20%,#273056 0%,transparent 40%),radial-gradient(ellipse at 98% 2%,#2d1a37 0%,transparent 28%),var(--bg);font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100vh}
button,input{font:inherit}button{border:1px solid var(--line);cursor:pointer;border-radius:9px;background:#1a2940;color:var(--text);min-height:42px;padding:9px 15px;font-weight:650}button:hover:not(:disabled){border-color:#798eac;background:#263955}button:disabled{cursor:wait;opacity:.62}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
a{color:#a9cdfb}.shell{max-width:1620px;margin:0 auto;padding:24px 32px 40px}.topbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.brand{display:flex;gap:12px;align-items:center}.brand img{border-radius:12px;object-fit:contain}.brandtitle{font-size:20px;font-weight:900;letter-spacing:.4px}.brandtitle span{color:var(--pink)}.brand small{font-size:12px;letter-spacing:.3px;color:var(--muted)}.dot{color:var(--pink)}.outline{border-color:#42516c;background:#151e30}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:24px;align-items:center;background:linear-gradient(110deg,#1b2942,#22253f 75%,#29223e);border:1px solid #37435f;border-radius:20px;padding:32px 37px;margin-bottom:23px;box-shadow:0 14px 35px #03071030}
.eyebrow{color:var(--pink);font-size:12px;font-weight:850;letter-spacing:2px;margin:0 0 7px}.hero h1{font-size:clamp(25px,2.65vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 13px}.hero-text>p:last-child{max-width:620px;margin:0;color:#afbed4;font-size:15px}.hero-exports{background:#0a1223a6;border:1px solid #364460;border-radius:14px;padding:20px}.hero-exports>p{font-size:12px;color:#bdc9db;letter-spacing:1.1px;font-weight:800;margin:0 0 13px}.export-buttons{display:flex;gap:10px}.export{flex:1;white-space:nowrap;padding:12px 10px;border:0;font-size:14px}.export span{font-size:17px;margin-right:5px}.export.m3u{background:#e94c9b;color:#101020}.export.json{background:#68adff;color:#061426}.export:hover:not(:disabled){filter:brightness(1.1);background-color:inherit}.export.m3u:hover:not(:disabled){background-color:#ff6fb3}.export.json:hover:not(:disabled){background-color:#8dc2ff}.hero-exports small{display:block;margin-top:12px;color:#a8b8d1;line-height:1.45;font-size:12px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:57px;margin-bottom:18px}.toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}.crumb-btn{font-size:13px;min-height:38px;white-space:nowrap;background:#151f30}.crumb-divider{color:#647891}#breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b1c1d4;font-size:13px}.searchbox{width:min(340px,36vw);display:flex;align-items:center;gap:5px;border:1px solid #35465e;background:#131d2d;border-radius:10px;flex-shrink:0;padding:0 12px}.searchbox span{font-size:23px;color:#97abc5}.searchbox input{width:100%;height:42px;border:0;outline:none;background:transparent;color:#fff;font-size:14px;min-width:0}.searchbox:focus-within{outline:2px solid #9f65bd}.searchbox input::placeholder{color:#8095ac}
.list-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.list-head h2{font-size:22px;line-height:1.2;margin:0 0 4px}.list-head p{margin:0;font-size:13px;color:#9faec2}.counter{border:1px solid #37455c;background:#152035;border-radius:20px;color:#c4d0e0;padding:5px 13px;white-space:nowrap;font-size:12px;font-weight:700}#message{color:#ffd395;font-size:14px;margin:0 0 14px}#message:empty{display:none}
.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;min-width:0;min-height:210px;background:linear-gradient(153deg,#19283e,#10192a);border:1px solid #2c3d55;border-radius:14px;padding:18px 13px 13px;transition:transform .12s,border-color .12s;box-shadow:0 6px 20px #0002}.card:hover{transform:translateY(-2px);border-color:#54749a}.art{display:block;width:65px;height:65px;object-fit:contain;object-position:center;margin:0 auto 10px;border-radius:8px}.art-placeholder{display:grid;place-items:center;font-size:31px;width:65px;height:65px;margin:0 auto 10px;color:var(--pink);background:#312844;border-radius:12px}.card h3{font-size:15px;text-align:center;margin:0 0 8px;line-height:1.32;overflow-wrap:anywhere;font-weight:750}.card p{text-align:center;margin:0 0 10px;color:#a0afc3;font-size:12px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.watch{margin:auto auto 0;width:100%;max-width:175px;border:1px solid #a74684;background:#592546;min-height:38px;color:#fff;font-size:13px}.watch:hover:not(:disabled){background:#802f66}.empty{padding:40px 20px;border:1px dashed #42516a;border-radius:12px;color:#acb8c8;grid-column:1/-1;text-align:center}
footer{padding-top:35px;text-align:center;color:#71839a;font-size:12px}footer p{max-width:700px;margin:auto}
dialog{color:var(--text);background:#101a2a;border:1px solid #43516a;border-radius:16px;padding:23px;width:min(850px,94vw);max-height:88vh;box-shadow:0 18px 70px #000b}dialog::backdrop{background:#02050ad8;backdrop-filter:blur(5px)}.dialog-header,.video-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.dialog-header h2{font-size:22px;line-height:1.3;margin:0}.icon-btn{font-size:20px;min-width:43px;padding:6px}#source-message{color:#c0cce0}#source-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:44vh;overflow-y:auto;padding:5px}#source-list button{min-height:50px;text-align:left;font-size:14px;overflow-wrap:anywhere}.help{display:block;margin-top:14px;color:#97a8bf;line-height:1.45;font-size:12px}.video-dialog{width:min(1200px,96vw);max-height:96vh}.video-top{margin-bottom:15px}.video-top strong{font-size:17px}#video{display:block;width:100%;max-height:70vh;aspect-ratio:16/9;background:#000;border-radius:10px}#video-status{color:#bccbda;font-size:13px;margin:10px 0}.player-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.player-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;border:1px solid var(--line);background:#1a2940;padding:9px 15px;min-height:42px;font-weight:650}
[hidden]{display:none!important}
@media(max-width:1180px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{grid-template-columns:1fr 355px;padding:27px}.shell{padding:20px}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-exports{max-width:580px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.searchbox{width:230px}}
@media(max-width:580px){.shell{padding:14px}.topbar{margin-bottom:16px}.brandtitle{font-size:16px}.brand img{width:37px;height:37px}.top-actions button span{display:none}.hero{padding:22px 16px;gap:20px}.hero h1{font-size:29px}.hero-exports{padding:15px}.export-buttons{gap:8px}.export{font-size:12px;min-width:0}.toolbar{align-items:stretch;flex-direction:column;gap:9px}.toolbar-left{gap:8px}.searchbox{width:100%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{min-height:178px;padding:11px 9px}.art,.art-placeholder{width:54px;height:54px}.card h3{font-size:13px}.card p{font-size:11px}.list-head h2{font-size:19px}#source-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}