:root{--bg:#07050d;--bg2:#110c1d;--card:#171120;--line:#2a2038;--txt:#fff;--mut:#9b93ad;--pri:#8b3dff;--gold:#e8b44a;--grn:#25c26e;--yel:#f0b429;--red:#ef4455;--r:14px;--bn:60px;--hh:68px;--font-logo:'Oswald','Bebas Neue','Impact','Arial Narrow',sans-serif}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:130px}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--txt);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;min-height:100vh;overflow-x:hidden}
body.lock{overflow:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0 0 .5em;line-height:1.2}h1{font-size:clamp(22px,4vw,38px);overflow-wrap:anywhere}h2{font-size:clamp(19px,3vw,28px);font-weight:800}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 20px}.narrow{max-width:640px}.mut{color:var(--mut)}.sm{font-size:13px}.ico{width:20px;height:20px;flex:none}
button,input,select,textarea{font:inherit;color:inherit}code{background:rgba(255,255,255,.08);padding:1px 6px;border-radius:6px;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:0;border-radius:12px;background:linear-gradient(135deg,#a24dff,#6a1fe0);color:#fff;font-weight:700;cursor:pointer;transition:.2s;box-shadow:0 6px 24px -8px rgba(139,61,255,.7);-webkit-appearance:none;appearance:none;line-height:1.2;text-align:center}
.btn:hover{filter:brightness(1.12)}.btn:active{transform:scale(.97)}.btn.sm{padding:9px 14px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.6}
.btn.ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.22);box-shadow:none}.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.ghost.on{background:rgba(139,61,255,.25);border-color:var(--pri)}.btn.yel.on{background:rgba(240,180,41,.2);border-color:var(--yel);color:var(--yel)}.btn.grn.on{background:rgba(37,194,110,.2);border-color:var(--grn);color:var(--grn)}
.ib{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.07);border:0;cursor:pointer;flex:none}.ib.on{background:var(--pri)}.dot{position:absolute;top:-2px;right:-2px;background:var(--red);font:700 10px/16px sans-serif;min-width:16px;border-radius:8px;text-align:center;font-style:normal}
.cnt{font-style:normal;background:var(--pri);border-radius:9px;min-width:18px;padding:0 6px;font-size:11px;line-height:18px;color:#fff;font-weight:700}
/* ===== шапка ===== */
.hd{position:sticky;top:0;z-index:50;background:rgba(7,5,13,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);padding-top:env(safe-area-inset-top)}
.hdin{display:flex;align-items:center;gap:18px;min-height:var(--hh)}
.logo{display:flex;align-items:center;gap:10px;flex:none}
.lg-ic{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#b45cff,#6a1fe0);display:grid;place-items:center;box-shadow:0 4px 18px -4px rgba(139,61,255,.85)}.lg-ic svg{margin-left:2px}
.lg-t{font-family:var(--font-logo);font-weight:700;font-size:27px;line-height:1;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(180deg,#fff 30%,#c9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 24px rgba(139,61,255,.35)}
.nav{display:flex;gap:2px;flex:1;min-width:0;justify-content:center;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{position:relative;padding:9px 13px;border-radius:10px;color:#b9b1cb;font-weight:600;font-size:14px;white-space:nowrap;transition:.2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07)}.nav a.on{color:#fff;background:rgba(139,61,255,.22)}
.nav a.on::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;background:linear-gradient(90deg,#b45cff,#6a1fe0)}
.sbox{position:relative;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid transparent;border-radius:12px;padding:0 12px;width:240px;flex:none;transition:.25s}
.sbox:focus-within{width:330px;border-color:var(--pri);background:rgba(255,255,255,.1)}
.sbox input{background:none;border:0;outline:0;height:40px;width:100%;padding:0;font-size:14px}.sbox .ico{color:var(--mut)}
.hact{display:flex;gap:10px;align-items:center;flex:none}.hact .av.sm{width:38px;height:38px;font-size:15px;border:2px solid rgba(255,255,255,.15)}.msb{display:none}
.sug{position:absolute;left:0;right:0;top:46px;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 20px 50px #000;z-index:60;min-width:320px}.sug a{display:flex;gap:10px;align-items:center;padding:8px 12px}.sug a:hover{background:rgba(139,61,255,.18)}.sug img{width:34px;height:50px;object-fit:cover;border-radius:6px}.sug small{color:var(--mut);display:block}
.bnav,.msearch{display:none}
main{min-height:70vh;padding-bottom:40px}
.flash{max-width:1400px;margin:10px auto;padding:12px 18px;border-radius:12px;background:rgba(37,194,110,.15);border:1px solid var(--grn)}.flash.err{background:rgba(239,68,85,.15);border-color:var(--red)}
/* hero */
.hero{position:relative;min-height:min(78vh,720px);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.slide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .8s;display:flex;align-items:flex-end;padding-bottom:130px;pointer-events:none}.slide.on{opacity:1;z-index:1;pointer-events:auto}
.bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.shade{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,var(--bg) 4%,rgba(7,5,13,.5) 45%,rgba(7,5,13,.2)),linear-gradient(90deg,rgba(7,5,13,.85),transparent 60%)}
.sc{position:relative;z-index:2}.sc h1{font-size:clamp(26px,5vw,56px);max-width:700px}.sc p{max-width:560px;color:#d8d0e8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btns{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;color:#cfc7e0;margin:8px 0}
.thumbs{position:relative;z-index:3;display:flex;gap:10px;padding-bottom:16px;padding-top:8px;overflow-x:auto;scrollbar-width:none}.th{flex:none;width:92px;height:62px;border:2px solid transparent;border-radius:12px;overflow:hidden;padding:0;background:#000;opacity:.7;cursor:pointer;transition:.3s}.th img{width:100%;height:100%;object-fit:cover}.th.on{opacity:1;border-color:var(--pri)}
/* рейтинги */
.rt{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:8px;font-weight:800;font-size:12px;color:#fff;background:var(--pri);line-height:1.5}
.rt.g{background:linear-gradient(135deg,#2fd27a,#17995a)}.rt.y{background:linear-gradient(135deg,#ffcb3d,#d99a0b);color:#1a1200}.rt.r{background:linear-gradient(135deg,#ff5c6c,#c92b3b)}
.rings{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}
.rg{--c:#8b3dff;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px}.rg.g{--c:#25c26e}.rg.y{--c:#f0b429}.rg.r{--c:#ef4455}.rg.n{--c:#3a2f50}
.rg i{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) var(--p),rgba(255,255,255,.1) 0);transition:.6s}
.rg i::after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;border-radius:50%;background:#12091f}.rg b{position:relative;z-index:1;font-size:18px;font-weight:800;color:var(--c)}.rg.n b{color:var(--mut)}.rg small{color:var(--mut);font-size:12px;max-width:90px;text-align:center;overflow-wrap:anywhere}
.sec{margin:34px 0}.sh{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.sh h2{margin:0}.more{color:var(--pri);font-weight:600;font-size:13px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.more .ico{width:16px}
/* ленты и карточки */
.rowwrap{position:relative}.row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:8px 2px 12px;-webkit-overflow-scrolling:touch}.row::-webkit-scrollbar{display:none}.row>*{flex:none;scroll-snap-align:start}.row .card{width:176px}
.arr{position:absolute;top:35%;z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(15,10,25,.85);cursor:pointer;display:grid;place-items:center;opacity:0;transition:.2s}.rowwrap:hover .arr{opacity:1}.arr.l{left:-14px}.arr.r{right:-14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:20px 16px}
.card{display:block;transition:transform .25s;min-width:0}.card:hover{transform:translateY(-4px)}
.poster{position:relative;aspect-ratio:2/3;border-radius:var(--r);overflow:hidden;background:var(--card);box-shadow:0 10px 30px -12px #000}
.poster::before{content:"";position:absolute;top:-10%;left:-10%;right:-10%;bottom:-10%;background:var(--bg) center/cover;filter:blur(16px) brightness(.55);opacity:0}
.poster img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .poster img{transform:scale(1.04)}
.poster.wide::before{opacity:1}.poster.wide img{object-fit:contain}.card:hover .poster.wide img{transform:none}
.poster .rt{position:absolute;right:8px;bottom:8px;z-index:2}.ql{position:absolute;left:8px;top:8px;z-index:2;background:rgba(239,68,85,.92);font-size:10px;font-weight:800;padding:2px 7px;border-radius:6px;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tp{position:absolute;right:8px;top:8px;z-index:2;background:rgba(0,0,0,.65);font-size:10px;padding:2px 7px;border-radius:6px}
.ct{margin-top:8px;font-weight:700;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs{color:var(--mut);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row.top{gap:14px}.row.top .card{width:176px}.poster.rk::after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;background:linear-gradient(0deg,rgba(7,5,13,.92),transparent);z-index:1;pointer-events:none}
.rank{position:absolute;left:8px;bottom:2px;z-index:3;font-size:84px;font-weight:900;line-height:1;letter-spacing:-5px;background:linear-gradient(180deg,#fff 20%,#b88aff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(0,0,0,.9));pointer-events:none}
.topcard{width:176px;aspect-ratio:2/3;border-radius:var(--r);background:radial-gradient(circle at 30% 20%,#b45cff,#4a14b0 60%,#1a0840);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:900}.topcard b{font-size:42px;line-height:1}.topcard span{opacity:.85}
/* чипы: всегда либо переносятся, либо прокручиваются */
.chips{display:flex;gap:8px;margin:12px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}
.chips.wrapc,.ti .chips{flex-wrap:wrap;overflow:visible}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:.2s;flex:none;color:inherit}.chip:hover,.chip.on{background:rgba(139,61,255,.3);border-color:var(--pri)}.chip.alt{background:transparent}.chip small{color:var(--mut);font-weight:500}.chips.big .chip{padding:14px 22px;font-size:16px}
.chips.wrapc .chip,.ti .chip{flex:0 1 auto}
label.chip.sel{position:relative;padding:0;background:none;border:0}label.chip.sel input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
label.chip.sel span{display:block;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-size:13.5px;font-weight:600;transition:.2s;white-space:nowrap}
label.chip.sel input:checked+span{background:linear-gradient(135deg,#a24dff,#6a1fe0);border-color:transparent}label.chip.sel input:focus-visible+span{outline:2px solid #fff}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:26px 0}.feat span{display:flex;gap:10px;align-items:center;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);font-size:14px;color:#d8d0e8}
/* подборки: больше не наезжают */
.colc{display:block;min-width:0}.row.cols .colc{width:min(380px,78vw)}.grid .colc{width:auto}.grid.cg{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px 18px}
.cv{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--card)}.cv img{width:100%;height:100%;object-fit:cover}.cv .ph{width:100%;height:100%;background:linear-gradient(135deg,#3a1a6a,#0d0818)}.mosaic{display:flex;height:100%}.mosaic img{flex:1;min-width:0}
.cn{position:absolute;left:14px;bottom:6px;font-size:54px;font-weight:900;line-height:1;text-shadow:0 2px 20px #000}.cv.big{width:300px;flex:none}.colh{display:flex;gap:24px;margin:24px 0;flex-wrap:wrap}
/* ===== каталог и фильтр ===== */
.ph1{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:24px 0 12px;flex-wrap:wrap}.ph1 h1{margin:0}.ph1 small{color:var(--mut);font-size:16px}.tools{display:flex;gap:8px;align-items:center}.fbtn{display:none}
.qsort{width:auto;padding:8px 32px 8px 10px;font-size:13px;border-radius:10px}
.achips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.ac{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 12px;border-radius:999px;background:rgba(139,61,255,.22);border:1px solid rgba(139,61,255,.55);font-size:13px;font-weight:600}.ac .ico{width:14px;height:14px;opacity:.8}.ac:hover{background:rgba(139,61,255,.4)}
.cat{display:grid;grid-template-columns:268px minmax(0,1fr);gap:24px;align-items:start}.catmain{min-width:0}
.filters{position:sticky;top:calc(var(--hh) + 12px);display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);max-height:calc(100vh - var(--hh) - 28px);overflow:hidden}
.fgrip{display:none}.fh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.fh b{flex:1;font-size:15px;display:flex;align-items:center;gap:8px}.freset{font-size:13px;color:var(--pri);font-weight:600}.fh .ib{display:none}
.fbody{overflow-y:auto;padding:4px 16px 12px;display:flex;flex-direction:column;gap:2px;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.fs{border-bottom:1px solid var(--line)}.fs:last-of-type{border-bottom:0}
.fs summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:13px 0;font-weight:700;font-size:14px}.fs summary::-webkit-details-marker{display:none}
.fs summary small{margin-left:auto;margin-right:8px;color:var(--mut);font-weight:500;font-size:11px}
.fs summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--mut);border-bottom:2px solid var(--mut);transform:rotate(45deg);transition:.2s;margin-left:auto;flex:none;margin-top:-3px}.fs summary small+*::after,.fs summary:has(small)::after{margin-left:0}
.fs[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.fc{display:flex;flex-direction:column;gap:10px;padding-bottom:14px}.fc .chips{margin:0}.gch{max-height:210px;overflow-y:auto!important;padding:2px}
.yp{margin:0}.yp .chip{padding:6px 12px;font-size:12.5px}
.sg{display:flex;background:rgba(255,255,255,.06);border-radius:10px;padding:3px;margin:12px 0 4px}.sg label{position:relative;flex:1;display:block}.sg input{position:absolute;opacity:0;pointer-events:none}.sg span{display:block;text-align:center;padding:7px 4px;border-radius:8px;font-size:13px;font-weight:600;color:var(--mut);cursor:pointer}.sg input:checked+span{background:var(--pri);color:#fff}
.fb{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--bg2)}.fb .btn{flex:1}
.fl{font-size:13px;color:var(--mut);font-weight:600}.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mut)}
input,select,textarea{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%;outline:0;color:#fff;font-size:16px;-webkit-appearance:none;appearance:none;min-width:0}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%239b93ad' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
input:focus,select:focus,textarea:focus{border-color:var(--pri)}select option{background:#17111f}textarea{min-height:100px;resize:vertical}input[type=checkbox],input[type=radio]{width:auto;-webkit-appearance:auto;appearance:auto}input[type=file]{padding:8px}
.lst{display:flex;flex-direction:column;gap:14px}.li{display:flex;gap:16px;padding:12px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line)}.li img{width:100px;aspect-ratio:2/3;object-fit:cover;border-radius:10px;flex:none}.li>div{min-width:0}.li h3{margin:0}.li p{color:var(--mut);margin:6px 0 0}
.pager{display:flex;gap:6px;justify-content:center;margin:30px 0;flex-wrap:wrap}.pager a{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07)}.pager a.on{background:var(--pri)}
.empty{text-align:center;padding:60px 20px;color:var(--mut)}.seo{margin-top:40px;color:var(--mut);max-width:900px}
/* страница тайтла */
.tv{position:relative;padding:40px 0 20px;overflow:hidden}.tv .bg{filter:blur(3px);opacity:.45}.tvin{position:relative;z-index:2;display:flex;gap:32px;align-items:flex-start}
.tp{position:static;width:260px;flex:none;background:none;padding:0;font-size:inherit}.tp .poster{box-shadow:0 20px 60px #000}
.ti{flex:1;min-width:0}.ti h1 small{color:var(--mut);font-weight:500}.qchip{background:rgba(239,68,85,.18);border:1px solid rgba(239,68,85,.5);border-radius:8px;padding:0 8px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.stars{display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap}.sl{color:var(--mut)}.sst{display:inline-flex}.stars .s{background:none;border:0;padding:2px;cursor:pointer;color:#4a3d63;transition:.2s;line-height:0}.stars .s .ico{width:26px;height:26px}
.stars .s.on,.stars .s.hv{color:var(--gold)}.stars .s.on .ico,.stars .s.hv .ico{fill:var(--gold)}.stars .s.pop{animation:pop .5s}.stars .s:hover{transform:scale(1.2) rotate(-8deg)}.sv{font-size:13px;color:var(--mut)}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.6) rotate(20deg)}100%{transform:scale(1)}}
.tabsbar{position:sticky;top:var(--hh);z-index:40;background:rgba(7,5,13,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.tabsbar .wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-top:8px;padding-bottom:8px}.tabsbar .wrap::-webkit-scrollbar{display:none}.tabsbar a{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.06);font-weight:600;font-size:14px;white-space:nowrap}.tabsbar a:hover{background:rgba(139,61,255,.3)}
.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.player video-player,.player iframe,.player video{width:100%;height:100%;display:block;border:0}.pload{display:grid;place-items:center;height:100%;color:var(--mut)}.pctl{margin-bottom:10px;max-width:360px}
.seasons{margin-top:16px}.shint{color:var(--mut);font-size:13px}.seasons .chips{margin:8px 0}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px;margin-top:6px;animation:fade .25s}@keyframes fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ep{height:42px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);cursor:pointer;font-weight:700}.ep:hover,.ep.on{background:var(--pri);border-color:var(--pri)}
.desc{color:#d8d0e8;max-width:900px}.crew{margin:8px 0}.crew a{display:inline-block;margin:0 10px 4px 0;color:#c9a8ff}.crew a:hover{text-decoration:underline}
.seotxt{color:var(--mut);max-width:900px;font-size:14px}.seotxt h2{font-size:18px;color:#d8d0e8}.seotxt.prev{border:1px dashed var(--line);border-radius:10px;padding:12px}
.seg{display:flex;background:rgba(255,255,255,.07);border-radius:10px;padding:3px}.seg button{border:0;background:none;padding:6px 14px;border-radius:8px;cursor:pointer;color:var(--mut)}.seg button.on{background:var(--pri);color:#fff}
.cform{display:flex;gap:10px;margin-bottom:16px;align-items:flex-start}.cm{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cb{min-width:0}.cb p{overflow-wrap:anywhere;margin:6px 0}
.av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#a24dff,#6a1fe0);display:grid;place-items:center;font-weight:800;flex:none;overflow:hidden}.av img{width:100%;height:100%;object-fit:cover}.av.big{width:84px;height:84px;font-size:32px}
.cb time{color:var(--mut);font-size:12px;margin-left:6px}.cv2{display:flex;gap:12px}.cv2 button{display:inline-flex;gap:6px;align-items:center;background:none;border:0;color:var(--mut);cursor:pointer}.cv2 button:hover{color:var(--pri)}.cv2 .ico{width:16px}
.pers,.pro{display:flex;gap:24px;align-items:center;margin:28px 0;flex-wrap:wrap}.pf img,.pf .ph{width:180px;height:180px;border-radius:50%;object-fit:cover}.pro form{margin-left:auto}.warn{color:var(--gold)}.okc{color:var(--grn)}
.tabs{margin:12px 0 22px}.two2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.box{background:var(--bg2);border:1px solid var(--line);padding:18px;border-radius:var(--r);margin:12px 0}.form{display:flex;flex-direction:column;gap:14px}.form .chk,.chk{flex-direction:row!important;align-items:center;gap:8px}.hp{position:absolute;left:-9999px}
.authbox{padding-top:40px}.soc{display:flex;gap:10px;margin:16px 0}.soc .btn{flex:1}.prose{line-height:1.7;color:#d8d0e8}
.nl .ni{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid var(--line);gap:10px}.ni.un{background:rgba(139,61,255,.12)}.ni time{color:var(--mut);font-size:12px}
.calh{display:flex;gap:16px;align-items:center;justify-content:center;margin:10px 0 14px;font-size:20px}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.dn{text-align:center;color:var(--mut);font-size:12px;padding:4px}.dc{position:relative;min-height:96px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);padding:6px;display:flex;gap:3px;flex-wrap:wrap;align-content:flex-start;overflow:hidden}.dc i{font-style:normal;width:100%;font-weight:700;font-size:13px;color:var(--mut)}.dc img{width:calc(50% - 2px);aspect-ratio:2/3;object-fit:cover;border-radius:5px}.dc.has{border-color:rgba(139,61,255,.6)}.dc.on,.dc.today{background:rgba(139,61,255,.22)}.dc em{font-size:11px;align-self:center;color:var(--pri)}.dc.empty{background:none;border:0}.dh{margin:24px 0 10px;color:var(--mut)}
/* ===== подвал ===== */
.ft{border-top:1px solid var(--line);padding:34px 0 22px;margin-top:40px;background:var(--bg2)}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:28px}.fcols b{display:block;margin-bottom:10px;font-size:14px}.fcols a:not(.logo){display:block;color:var(--mut);padding:5px 0;font-size:14px}.fcols a:not(.logo):hover{color:#fff}
.fbrand p{margin:12px 0 0;max-width:320px;font-size:14px}.ft .lg-t{font-size:23px}
.ft-bot{margin-top:26px;padding-top:16px;border-top:1px solid var(--line);color:var(--mut);font-size:13px}
/* ===== админка ===== */
.adm{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;padding-top:20px}.anav{display:flex;flex-direction:column;gap:2px;position:sticky;top:84px;align-self:start}.anav a{padding:10px 14px;border-radius:10px;color:var(--mut)}.anav a.on,.anav a:hover{background:rgba(139,61,255,.25);color:#fff}.abody{min-width:0}
.tb{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:14px;display:block;overflow-x:auto}.tb th,.tb td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.tb tr.dim{opacity:.5}.nw{white-space:nowrap}.nw form{display:inline}.mini{width:34px;height:50px;object-fit:cover;border-radius:5px}
.arow{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0}.arow input,.arow select{width:auto;flex:1;min-width:120px}.arow form{display:inline}.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.hrow{display:flex;gap:16px;align-items:flex-start}.hprev{width:220px;flex:none;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}.hprev img{width:100%;height:100%;object-fit:cover}.hinfo{flex:1;min-width:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.kpis div{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px;color:var(--mut)}.kpis b{display:block;font-size:28px;color:#fff}
.bar{height:10px;background:rgba(255,255,255,.1);border-radius:6px;overflow:hidden;margin:10px 0}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#a24dff,#6a1fe0);transition:.3s}.log{background:#000;border:1px solid var(--line);border-radius:10px;padding:12px;max-height:340px;overflow:auto;font-size:12px;white-space:pre-wrap}canvas{width:100%;background:var(--bg2);border-radius:var(--r)}
@supports not (aspect-ratio:1/1){.poster{height:0;padding-top:150%}.player,.cv,.hprev{height:0;padding-top:56.25%}.player>*,.cv>*,.hprev>*{position:absolute;top:0;left:0}}
/* ===== планшеты и телефоны ===== */
@media(max-width:1100px){.sbox{width:190px}.sbox:focus-within{width:240px}.adm{grid-template-columns:minmax(0,1fr)}.anav{flex-direction:row;overflow-x:auto;position:static}.anav a{white-space:nowrap}.fcols{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
@media(max-width:900px){
 .hdin{flex-wrap:wrap;gap:6px 12px;padding-top:8px;padding-bottom:6px;min-height:0}
 .logo{order:1}.sbox{order:2;margin-left:auto;width:min(260px,45%)}.sbox:focus-within{width:min(300px,55%)}.hact{order:3}.nav{order:5;flex:0 0 100%;justify-content:flex-start}.nav a{padding:7px 14px;background:rgba(255,255,255,.05)}.nav a.on::after{display:none}.nav a.on{background:linear-gradient(135deg,#a24dff,#6a1fe0)}
 .cat{grid-template-columns:minmax(0,1fr)}.fbtn{display:inline-flex}
 .filters{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:90;max-height:86vh;border-radius:20px 20px 0 0;border-bottom:0;transform:translateY(105%);visibility:hidden;transition:transform .3s,visibility .3s;padding-bottom:env(safe-area-inset-bottom)}
 .filters.open{transform:none;visibility:visible}.fgrip{display:block;width:42px;height:4px;border-radius:2px;background:rgba(255,255,255,.25);margin:8px auto 0}.fh .ib{display:grid}
 .fover{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);z-index:80;display:none}.fover.open{display:block}
 .tvin{gap:22px}.tp{width:200px}.hrow{flex-direction:column}.hprev{width:100%}
}
@media(max-width:760px){
 :root{--bn:62px;--hh:56px}body{padding-bottom:calc(var(--bn) + env(safe-area-inset-bottom));font-size:14px}.wrap{padding:0 14px}
 .lg-t{font-size:23px}.lg-ic{width:30px;height:30px}.sbox{display:none}.msb{display:inline-grid}.hide-m{display:none}.hact{margin-left:auto;gap:8px}.nav{margin:0 -14px;padding:0 14px 2px}
 .bnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(var(--bn) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(14,9,24,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(255,255,255,.08)}
 .bnav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;color:var(--mut)}.bnav a.on{color:#fff}.bnav a.on .ico{color:var(--pri)}
 .msearch{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg);z-index:100;padding:calc(10px + env(safe-area-inset-top)) 14px;overflow-y:auto}.msearch:not([hidden]){display:block}.msearch form{display:flex;gap:10px;align-items:center}.msearch .sug.open{position:static;margin-top:12px;box-shadow:none;border:0;background:none;min-width:0}
 .hero{min-height:64vh}.slide{padding-bottom:104px}.thumbs .th{width:68px;height:46px}.arr{display:none}
 .row{gap:12px;margin:0 -14px;padding-left:14px;padding-right:14px}.row .card,.row.top .card{width:132px}.topcard{width:132px}.topcard b{font-size:30px}.rank{font-size:60px;letter-spacing:-4px}
 .grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:16px 12px}.grid.cg,.grid.tg{grid-template-columns:1fr}.row.cols .colc{width:78vw}
 .ph1{margin:16px 0 10px}.ph1 h1{font-size:22px;flex:1 1 100%}.tools{width:100%}.tools .fbtn{flex:1}.qsort{flex:1}
 .li{gap:12px;padding:10px}.li img{width:78px}
 .tv{padding:22px 0 14px}.tvin{flex-direction:column;align-items:center;text-align:center;gap:16px}.tp{width:150px}.ti{width:100%}
 .rings,.meta,.ti .chips,.stars{justify-content:center}.rings{gap:12px}.rg i{width:58px;height:58px}.rg i::after{top:5px;left:5px;right:5px;bottom:5px}.rg b{font-size:16px}
 .acts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.acts .btn{padding:11px 6px;font-size:13px;width:100%}.acts .btn:last-of-type:nth-of-type(odd){grid-column:1/-1}
 .stars .sl{flex:0 0 100%}.stars .s .ico{width:23px;height:23px}.stars{gap:4px}.sv{flex:0 0 100%}
 .tabsbar a{padding:7px 14px;font-size:13px}.player{margin:0 -14px;width:calc(100% + 28px);border-left:0;border-right:0;border-radius:0}.pctl{max-width:none}
 .eps{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.ep{height:40px}
 .dc{min-height:58px;padding:4px}.dc img{display:none}.dc.has i{color:var(--pri)}.dc i{font-size:12px}
 .cform{flex-direction:column}.cform .btn{width:100%}.pro form{margin-left:0}.cv.big{width:100%}.pers{flex-direction:column;text-align:center}
 .two2{grid-template-columns:1fr}.pf img,.pf .ph{width:140px;height:140px}.kpis{grid-template-columns:1fr 1fr}.adm{padding-top:12px}
 .achips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -14px 12px;padding:0 14px}.ac{flex:none}
 .ft{padding:26px 0 18px;margin-top:28px}.fcols{grid-template-columns:1fr 1fr;gap:22px 16px}.fbrand{grid-column:1/-1}.ft-bot{text-align:center;margin-top:20px}
}
@media(max-width:360px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.row .card,.row.top .card{width:120px}.lg-t{font-size:20px}}
@media(hover:none){.arr{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}