:root{color-scheme:dark;--bg:#0c0b0d;--card:#18151a;--wine:#bd224f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f4f5;font-family:Arial,sans-serif}header{position:sticky;top:0;z-index:2;background:#0c0b0df2;border-bottom:1px solid #30212b;display:flex;align-items:center;justify-content:space-between;padding:22px 5vw;gap:20px}.brand{font-size:21px;font-weight:900;letter-spacing:1px}.brand span{color:#f34377}a{color:inherit;text-decoration:none}nav{display:flex;gap:20px;align-items:center}button,input,select{font:inherit}button{border:1px solid #4a3441;border-radius:10px;background:var(--card);color:#fff;padding:10px 15px;cursor:pointer}button:hover,button.active{background:var(--wine)}main{max-width:1400px;margin:auto;padding:35px 5vw}h1{font:700 36px Georgia,serif;margin:0 0 12px}.intro{color:#a99fa7;margin-bottom:26px}.tools{display:flex;justify-content:space-between;gap:15px;align-items:center}input{width:min(100%,450px);padding:14px 18px;border:1px solid #4a3441;background:var(--card);color:#fff;border-radius:12px}#count{color:#b3a6af;font-size:14px}#categories{display:flex;gap:8px;overflow:auto;padding:22px 0 25px;scrollbar-width:thin}#categories button{white-space:nowrap;border-radius:22px;font-size:14px}#grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}.card{padding:0;overflow:hidden;text-align:left;border:0;background:transparent;position:relative;border-radius:10px}.card:hover{background:transparent;transform:translateY(-3px)}.poster{aspect-ratio:2/3;background:linear-gradient(145deg,#352332,#151218);position:relative;border-radius:10px;overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;bottom:10px;left:8px;background:#a81943;padding:4px 6px;font-size:11px;font-weight:bold;border-radius:5px}.card h3{font-size:14px;line-height:1.4;margin:9px 0 0;font-weight:600}.playmark{position:absolute;inset:0;display:grid;place-items:center;font-size:45px;text-shadow:0 2px 10px #000;opacity:0;background:#0004}.card:hover .playmark{opacity:1}dialog{border:0;background:#0c0b0d;color:white;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px 4vw;overflow:auto}dialog::backdrop{background:#000}.player-head{display:flex;align-items:center;gap:20px;margin-bottom:18px}.player-head h2{font-size:20px;margin:0}#media{background:#000;aspect-ratio:16/9;max-height:75vh;width:100%;display:flex;align-items:center;justify-content:center}video,iframe{width:100%;height:100%;border:0;max-height:75vh}video{object-fit:contain}#media:fullscreen{max-height:none;height:100vh}#media:fullscreen video,#media:fullscreen iframe{max-height:none}.player-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}select{background:#20171d;color:white;padding:8px;border-radius:8px;border:1px solid #4a3441}#episodes{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}#synopsis{line-height:1.7;color:#bfb4bd;max-width:900px}#error{color:#ffb1c5}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f34377;outline-offset:3px}@media(max-width:1000px){#grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){header{padding:18px 4vw}.brand{font-size:16px}nav{gap:10px;font-size:13px}nav button{padding:7px}main{padding:28px 4vw}#grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 9px}.card h3{font-size:13px}h1{font-size:30px}.tools{align-items:flex-start;flex-direction:column}.player-head{gap:12px}.player-head h2{font-size:16px}#media{aspect-ratio:9/16;height:65vh}.player-tools button{font-size:13px}.badge{font-size:10px;left:5px;bottom:7px}}

.poster-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;text-align:center;background:linear-gradient(145deg,#442238,#171119);gap:16px}.poster-fallback strong{font:600 16px/1.5 Arial,sans-serif;overflow-wrap:anywhere}.poster-fallback span{font-size:12px;color:#c4acb9}.has-cover .poster-fallback{display:none}.poster img{position:relative;z-index:1}.badge,.playmark{z-index:2}[hidden]{display:none!important}@media(max-width:600px){.poster-fallback{padding:10px 8px}.poster-fallback strong{font-size:12px}.poster-fallback span{font-size:11px}}

.brand{position:relative;display:block;width:285px;height:46px;flex-shrink:0;overflow:hidden}.brand img{position:absolute;width:285px;height:auto;left:0;top:50%;transform:translateY(-50%)}@media(max-width:600px){.brand{width:185px;height:35px}.brand img{width:185px}header{gap:10px}nav{gap:8px;font-size:12px}}