*,*::before,*::after{box-sizing:border-box}
:root{--bg:#0a0a0b;--pn:#141416;--pn2:#1c1c1f;--bd:rgba(255,255,255,.08);--tx:#f2f2f4;--mu:#8d8d96;--ac:#ff7a2f;--ac2:#e5531b;--ok:#34c76b;--wn:#f5b82e;--er:#ff5a5a;--r:20px;--sw:260px}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--ac)}
h1,h2,h3{margin:0 0 .6rem;line-height:1.2}h1{font-size:clamp(1.5rem,3vw,2rem)}h2{font-size:1.2rem}
button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.muted{color:var(--mu)}.c{text-align:center}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
code{background:rgba(255,255,255,.08);padding:2px 6px;border-radius:6px;font-size:.85em;word-break:break-all}

/* каркас */
.app{display:flex;min-height:100vh}
.side{position:fixed;inset:0 auto 0 0;width:var(--sw);background:#0d0d0f;border-right:1px solid var(--bd);padding:14px 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;z-index:70;transition:transform .28s ease}
.logo{display:flex;align-items:center;gap:10px;padding:6px 10px 14px;font-size:1.15rem}
.lg{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff}
.side nav{display:flex;flex-direction:column;gap:4px}
.nv{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;color:#cfcfd6;font-weight:500}
.nv:hover{background:rgba(255,255,255,.05);color:#fff}.nv.on{background:rgba(255,255,255,.09);color:#fff}
.tag{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.1)}
.nv .tag{margin-left:auto;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff}
.tag.ok{background:rgba(52,199,107,.18);color:var(--ok)}.tag.warn{background:rgba(245,184,46,.18);color:var(--wn)}
.side-b{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:6px}
.me{display:flex;gap:10px;align-items:center;padding:8px;border-radius:16px;background:var(--pn);border:1px solid var(--bd)}
.me img{width:40px;height:40px;border-radius:50%;object-fit:cover}.me span{min-width:0;display:flex;flex-direction:column}.me small{color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main{margin-left:var(--sw);flex:1;min-width:0;display:flex;flex-direction:column}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:.25s;z-index:65}
.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:12px 24px;background:rgba(10,10,11,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bd)}
.logo-m{display:none;font-weight:700;font-size:1.05rem}
.wrap{padding:22px 24px 40px;max-width:1500px;width:100%;margin:0 auto;flex:1}
.ib{position:relative;width:42px;height:42px;border-radius:50%;display:inline-grid;place-items:center;background:var(--pn);border:1px solid var(--bd);transition:.2s;flex:none}
.ib:hover{background:var(--pn2);color:#fff}.ib.sm{width:34px;height:34px}.ib.on{background:#ececef;color:#111}
.dot{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;border-radius:9px;background:var(--ac);color:#fff;font-size:.68rem;font-style:normal;display:grid;place-items:center;padding:0 4px}
.sbox{position:relative;flex:1;max-width:620px;display:flex;align-items:center;margin-right:auto}
.sbox>.ic{position:absolute;left:14px;color:var(--mu);pointer-events:none}
.sbox input{width:100%;height:42px;border-radius:999px;border:1px solid var(--bd);background:var(--pn);color:var(--tx);padding:0 16px 0 44px;font-size:15px}
.sbox input:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,122,47,.18)}
.sug{position:absolute;top:48px;left:0;right:0;background:#17171a;border:1px solid var(--bd);border-radius:18px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.6);z-index:80;max-height:70vh;overflow:auto}
.si{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px}.si:hover{background:rgba(255,255,255,.07)}
.si img{width:36px;height:54px;object-fit:cover;border-radius:6px;background:#222}.si span{display:flex;flex-direction:column}.si small{color:var(--mu)}.si.none{color:var(--mu)}.si.all{color:var(--ac);font-weight:600;justify-content:center}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:999px;border:1px solid var(--bd);background:rgba(255,255,255,.06);color:var(--tx);font-weight:600;transition:.2s;white-space:nowrap;line-height:1.2}
.btn:hover{background:rgba(255,255,255,.12);color:#fff}.btn:disabled{opacity:.5;cursor:default}
.btn.acc{background:linear-gradient(135deg,#ff8a3d,#e5531b);border-color:transparent;color:#fff;box-shadow:0 8px 24px rgba(229,83,27,.35)}
.btn.acc:hover{filter:brightness(1.1);transform:translateY(-1px)}
.btn.sm{padding:7px 14px;font-size:.85rem}.btn.blk{width:100%}.btn.gh.on{background:#ececef;color:#111}
.lb.on{color:#fff}.lb[data-list=favorite].on{background:linear-gradient(135deg,#ff5a7a,#e0314f);border-color:transparent;color:#fff}
.lb.wl.on{background:var(--wn);color:#1a1300;border-color:transparent}.lb.wd.on{background:var(--ok);color:#04210f;border-color:transparent}.lb.wg.on{background:#4cc9f0;color:#02202a;border-color:transparent}

/* панели и формы */
.pn{background:radial-gradient(circle at 100% 0,rgba(255,122,47,.07),transparent 55%),linear-gradient(160deg,#18181b,#121214);border:1px solid var(--bd);border-radius:var(--r);padding:20px;margin-bottom:18px}
.in{width:100%;height:46px;border-radius:999px;border:1px solid var(--bd);background:#0f0f11;color:var(--tx);padding:0 18px;font-size:15px;font-family:inherit}
textarea.in{height:auto;border-radius:18px;padding:12px 18px;resize:vertical}.in.sm{height:34px;padding:0 12px;font-size:.85rem;width:auto}
.in:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 3px rgba(255,122,47,.18)}
select.in{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%238d8d96' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:38px}
input[type=file].in{padding:10px 16px;height:auto}
.form{display:flex;flex-direction:column;gap:14px}.form label{display:flex;flex-direction:column;gap:6px;color:var(--mu);font-size:.88rem}
.form label.ck{flex-direction:row;align-items:center;gap:10px;color:var(--tx)}.ck input{width:18px;height:18px;accent-color:var(--ac)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.full{grid-column:1/-1}.full label{display:flex;flex-direction:column;gap:6px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flash{padding:12px 18px;border-radius:14px;margin-bottom:14px;background:rgba(52,199,107,.14);border:1px solid rgba(52,199,107,.35)}.flash.err{background:rgba(255,90,90,.14);border-color:rgba(255,90,90,.4)}
.auth{max-width:440px;margin:6vh auto}.sep{display:flex;align-items:center;gap:12px;color:var(--mu);margin:16px 0}.sep::before,.sep::after{content:"";flex:1;height:1px;background:var(--bd)}.soc{display:flex;flex-direction:column;gap:8px}
.empty{text-align:center;padding:48px 20px}.doc{line-height:1.75}.inl{display:inline-flex;gap:8px;align-items:center}

/* чипы, табы */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chips.scroll,.tabs.scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.scroll::-webkit-scrollbar,.row::-webkit-scrollbar{display:none}
.chip{cursor:pointer;flex:none}.chip input{position:absolute;opacity:0;pointer-events:none}
.chip span{display:block;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--bd);font-size:.88rem;transition:.2s;white-space:nowrap}
.chip:hover span{background:rgba(255,255,255,.12)}.chip.on span,.chip input:checked+span{background:#ececef;color:#111;border-color:transparent;font-weight:600}
.chip input:focus-visible+span{outline:2px solid var(--ac)}.gq{margin-bottom:10px}
.tabs{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.tab{padding:9px 18px;border-radius:999px;background:var(--pn);border:1px solid var(--bd);font-weight:500;white-space:nowrap;flex:none}.tab:hover{background:var(--pn2)}.tab.on{background:#ececef;color:#111;font-weight:600}
.seg{display:inline-flex;background:var(--pn);border:1px solid var(--bd);border-radius:999px;padding:3px}.seg button{border:0;background:none;padding:6px 14px;border-radius:999px;font-size:.85rem;color:var(--mu)}.seg .on{background:#ececef;color:#111;font-weight:600}
.chip-b{border:1px solid var(--bd);background:rgba(255,255,255,.06);padding:7px 14px;border-radius:999px;font-size:.85rem;flex:none}.chip-b:hover{background:rgba(255,255,255,.12)}.chip-b.on{background:linear-gradient(135deg,#ff8a3d,#e5531b);border-color:transparent;color:#fff}

/* заголовки секций, карточки */
.ph{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ph h1,.ph h2{margin:0}
.tools{display:flex;align-items:center;gap:10px}.vt{display:inline-flex;gap:6px}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.sec-h h2{margin:0}.sec-h>a{color:var(--mu);font-size:.9rem}
.blk-s{margin-bottom:28px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px 14px}
.row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.row>.card,.row>.pcard,.row>.tcard{flex:0 0 160px;scroll-snap-align:start}
.card{display:block;min-width:0}
.poster{position:relative;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:#1a1a1d;border:1px solid var(--bd);display:block;width:100%;padding:0;transition:transform .25s,box-shadow .25s}
.poster img{width:100%;height:100%;object-fit:cover}
.card:hover .poster{transform:translateY(-4px);box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 0 1px rgba(255,122,47,.5)}
.bd{position:absolute;padding:3px 9px;border-radius:999px;font-size:.72rem;font-weight:700;background:rgba(10,10,11,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bd.q{top:8px;left:8px;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff}.bd.r{bottom:8px;left:8px;color:var(--wn)}.bd.k{top:8px;right:8px}
.ct{margin-top:8px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cs{color:var(--mu);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cd{display:none}
.grid.list{grid-template-columns:1fr;gap:12px}
.grid.list .card{display:grid;grid-template-columns:96px 1fr;column-gap:16px;align-items:start;padding:12px;background:var(--pn);border:1px solid var(--bd);border-radius:18px}
.grid.list .poster{grid-row:1/4;border-radius:12px}.grid.list .ct{margin-top:0;font-size:1.05rem}.grid.list .cd{display:block;color:var(--mu);font-size:.88rem;margin:6px 0 0}
.pager{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:26px 0}.pager a,.pager span{min-width:40px;height:40px;padding:0 12px;border-radius:999px;display:grid;place-items:center;background:var(--pn);border:1px solid var(--bd)}.pager a:hover{background:var(--pn2)}.pager a.on{background:#ececef;color:#111;font-weight:700}

/* каталог */
.cat{display:grid;grid-template-columns:290px 1fr;gap:20px;align-items:start}.cat-r{min-width:0}
.filters{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;scrollbar-width:thin;margin:0;display:flex;flex-direction:column;gap:14px}
.fh{display:flex;justify-content:space-between;align-items:center}.fl{display:flex;flex-direction:column;gap:6px;color:var(--mu);font-size:.85rem}.fl .chips{max-height:210px;overflow:auto;margin:0}
.fa{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:-20px;background:#141416;padding:10px 0}
input[type=range]{accent-color:var(--ac);width:100%}output{color:var(--tx);align-self:center;white-space:nowrap}
.seo{margin-top:24px;color:var(--mu);line-height:1.7}.seo h2{color:var(--tx)}
.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.gt{display:flex;flex-direction:column;gap:2px;margin:0}.gt:hover{border-color:var(--ac)}.gt small{color:var(--mu)}

/* слайдер */
.slider{position:relative;height:400px;border-radius:28px;overflow:hidden;margin-bottom:22px;border:1px solid var(--bd);background:#111}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;display:flex;align-items:center;padding:40px 48px;gap:30px;justify-content:space-between}.slide.on{opacity:1;visibility:visible;z-index:1}
.sbg{position:absolute;inset:0;background-size:cover;background-position:center 20%;filter:blur(2px) brightness(.55);transform:scale(1.08)}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,11,.95),rgba(10,10,11,.5) 60%,rgba(10,10,11,.2))}
.sc{position:relative;z-index:2;max-width:560px}.sc h2{font-size:clamp(1.6rem,3.5vw,2.6rem);margin:10px 0}.sc p{color:#c9c9d0;margin:10px 0 20px}.rt{color:var(--wn);font-weight:700}
.acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.sp{position:relative;z-index:2;flex:none;width:210px;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.7);aspect-ratio:2/3;transform:rotate(3deg)}.sp img{width:100%;height:100%;object-fit:cover}
.dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:8px}.dots button{width:9px;height:9px;border-radius:5px;border:0;background:rgba(255,255,255,.35);padding:0;transition:.3s}.dots .on{width:28px;background:var(--ac)}

/* страница фильма */
.hero{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--bd);margin-bottom:18px;background:#111}
.hbg{position:absolute;inset:-20px;background-size:cover;background-position:center;filter:blur(28px) brightness(.35)}
.hin{position:relative;display:flex;gap:30px;padding:30px}.hp{position:relative;flex:none;width:250px;aspect-ratio:2/3;border-radius:18px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.7)}.hp img{width:100%;height:100%;object-fit:cover}
.hi{min-width:0;flex:1}.hi h1 small{color:var(--mu);font-weight:400}.en{margin-bottom:10px}
.slogan{font-style:italic;color:#cfcfd6}.lbtn{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 24px;margin:16px 0 0}.facts div{display:flex;flex-direction:column}.facts dt{color:var(--mu);font-size:.8rem}.facts dd{margin:0}.facts a,.ppl a{color:#ffb98a}.facts a:hover,.ppl a:hover{color:var(--ac)}
.player{padding:16px}.psel{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.seasons,.eps{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.eps{flex-wrap:wrap;max-height:150px;overflow-y:auto}
.frame{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000 center/cover no-repeat;display:grid;place-items:center}
.frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.noplay{color:var(--mu);padding:20px;text-align:center}
.bigplay{width:84px;height:84px;border-radius:50%;border:0;background:linear-gradient(135deg,#ff8a3d,#e5531b);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 12px rgba(255,122,47,.25),0 14px 40px rgba(0,0,0,.6);transition:.25s}.bigplay:hover{transform:scale(1.08)}.bigplay .ic{width:40px;height:40px}
.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}.two-col>*{min-width:0}.desc{line-height:1.7}.ppl{margin-top:10px}.triv{margin-top:14px;color:var(--mu)}.triv summary{cursor:pointer;color:var(--tx)}
.trl{display:flex;gap:10px;flex-wrap:wrap}.tr{display:flex;align-items:center;gap:10px;padding:10px 18px 10px 10px;border-radius:999px;background:var(--pn);border:1px solid var(--bd)}.tr:hover{border-color:var(--ac)}.tr span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));display:grid;place-items:center;color:#fff}
.tcard .poster{cursor:pointer}.tcard .pl{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.35);opacity:0;transition:.25s;color:#fff}.tcard .pl .ic{width:48px;height:48px}.tcard .poster:hover .pl,.tcard .poster:focus .pl{opacity:1}
@media(hover:none){.tcard .pl{opacity:1;background:none;align-items:end;justify-items:end;padding:8px}.tcard .pl .ic{width:34px;height:34px}}

/* рейтинги: кольца КП / IMDb / сайт */
.rts{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;margin:14px 0}
.ring{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:72px}
.ring .rw{position:relative;width:68px;height:68px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring circle{fill:none;stroke-width:6;stroke-linecap:round}
.ring .rt{stroke:rgba(255,255,255,.1)}
.ring .rv{animation:ringIn 1s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 5px currentColor)}
@keyframes ringIn{from{stroke-dasharray:0 164}}
.ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:1.1rem;font-weight:800}
.ring.none b{color:var(--mu);font-weight:500}
.ring span{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600;color:var(--mu)}
.ring.kp span{color:#ff9a5a}.ring.im span{color:#f5c518}.ring.st span{color:#7be0a0}
.agebadge{align-self:center;padding:6px 12px;border:1.5px solid rgba(255,255,255,.25);border-radius:12px;font-weight:700}
.bd.r.hi{color:#34c76b}.bd.r.mid{color:#f5b82e}.bd.r.lo{color:#ff5a5a}

/* звёзды */
.stars{display:flex;gap:2px;flex-wrap:wrap;margin:10px 0}.star{position:relative;background:none;border:0;padding:2px;width:34px;height:34px}.star svg{width:100%;height:100%;fill:rgba(255,255,255,.08);stroke:#55555c;stroke-width:1.4;stroke-linejoin:round;transition:fill .25s var(--d),stroke .25s var(--d),transform .25s var(--d)}
.star i{position:absolute;inset:auto 0 -4px;font-size:.62rem;font-style:normal;text-align:center;color:var(--mu);opacity:0}.star:hover i,.star.on:last-of-type i{opacity:1}
.star.on svg{fill:var(--wn);stroke:#ffd86b;transform:scale(1.12);filter:drop-shadow(0 0 6px rgba(245,184,46,.55))}
.star.pop svg{animation:pop .5s}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.6) rotate(18deg)}100%{transform:scale(1.12)}}
.rl{color:var(--mu)}.rl b{color:var(--tx)}

/* комментарии */
.cw{border-top:1px solid var(--bd);padding:14px 0}.cm{display:flex;gap:12px}.cm.sub{margin:12px 0 0 46px}.cm>img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:none}
.cb{min-width:0;flex:1}.cb p{margin:4px 0;white-space:pre-wrap;word-break:break-word}.ch{display:flex;gap:10px;align-items:baseline}.ca{display:flex;gap:6px;flex-wrap:wrap}
.vb{border:1px solid var(--bd);background:rgba(255,255,255,.05);border-radius:999px;padding:4px 12px;font-size:.82rem}.vb:hover{background:rgba(255,255,255,.12)}.vb.on{background:var(--ok);color:#04210f;border-color:transparent}.vb.on.dn{background:var(--er);color:#fff}
#cform,.rform{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:10px}.rform{margin-top:8px;width:100%}

/* персона, подборки, профиль */
.pers{display:flex;gap:22px;align-items:flex-start}.pers>img{width:150px;height:150px;border-radius:50%;object-fit:cover;flex:none}.pers>img.cv{border-radius:18px;height:225px}
.pcard{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:.85rem}.pcard img{width:110px;height:110px;border-radius:50%;object-fit:cover;margin-bottom:4px}.pcard small{font-size:.72rem}
.colls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ccard{position:relative;display:block;aspect-ratio:3/4;border-radius:20px;overflow:hidden;border:1px solid var(--bd)}.ccard img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.ccard:hover img{transform:scale(1.06)}.ccard b{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.prof{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.prof>img{width:84px;height:84px;border-radius:50%;object-fit:cover}.prof>div{flex:1;min-width:200px}.lo{margin-left:auto}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.st{margin:0;display:flex;flex-direction:column}.st b{font-size:1.8rem}.st span{color:var(--mu);font-size:.85rem}
.nlist{display:flex;flex-direction:column}.nt{display:flex;gap:12px;padding:12px;border-radius:14px}.nt:hover{background:rgba(255,255,255,.05)}.nt.un{background:rgba(255,122,47,.1)}.nt small{display:block;color:var(--mu)}
.cal .calh{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.calh b{min-width:150px;text-align:center}.calh .seg{margin-left:auto}
.calg{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.wd{text-align:center;color:var(--mu);font-size:.8rem;padding:4px}
.dc{position:relative;aspect-ratio:1.15;border-radius:14px;border:1px solid var(--bd);background:#0f0f11 center/cover;color:var(--tx);padding:6px;text-align:left;font-size:.85rem}.dc.empty{border:0;background:none}.dc.has{cursor:pointer}.dc.has:hover,.dc.sel{border-color:var(--ac)}.dc.today{box-shadow:inset 0 0 0 2px var(--ac)}.dc i{position:absolute;right:6px;bottom:6px;font-style:normal;font-size:.7rem;background:var(--ac);color:#fff;border-radius:999px;padding:1px 8px}
.cald{margin-top:16px}.dh{margin:22px 0 12px;color:var(--mu);font-size:1rem}

/* подвал, мобильный таб-бар, тосты, модалка */
.foot{padding:24px;border-top:1px solid var(--bd);color:var(--mu);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.foot div{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.tabbar{display:none}
.toasts{position:fixed;right:18px;bottom:18px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{padding:12px 20px;border-radius:999px;background:#202024;border:1px solid var(--bd);box-shadow:0 10px 30px rgba(0,0,0,.6);animation:tin .3s}.toast.err{background:#3a1717}.toast.ok{border-color:rgba(52,199,107,.5)}.toast.out{opacity:0;transform:translateY(10px);transition:.3s}@keyframes tin{from{opacity:0;transform:translateY(12px)}}
.modal{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.75);display:grid;place-items:center;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-open{overflow:hidden}
.mbox{position:relative;background:#141416;border:1px solid var(--bd);border-radius:24px;padding:24px;width:min(440px,100%);max-height:90vh;overflow:auto}.mbox.wide{width:min(1000px,100%);padding:0;background:#000;overflow:hidden}.mc{position:absolute;top:10px;right:10px;z-index:3}
.vframe{aspect-ratio:16/9}.vframe iframe{width:100%;height:100%;border:0;display:block}.cpick{display:flex;flex-direction:column;gap:8px}

/* админка */
.adm .side{background:#0b0b0d}.adm-f{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.adm-f .in{max-width:340px}
.tw{overflow-x:auto;padding:8px}.tbl{width:100%;border-collapse:collapse;min-width:620px}.tbl th{text-align:left;color:var(--mu);font-weight:500;font-size:.8rem;padding:10px}.tbl td{padding:10px;border-top:1px solid var(--bd);vertical-align:middle}.tbl .wrapc{max-width:360px;word-break:break-word}
.th{width:40px;height:60px;object-fit:cover;border-radius:8px;background:#222}.ac{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.job{padding:14px 0;border-top:1px solid var(--bd);display:grid;gap:10px}.bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--ac),#ffb347);transition:width .4s}
.log{background:#0b0b0d;border-radius:12px;padding:10px;max-height:140px;overflow:auto;font-size:.78rem;color:var(--mu);white-space:pre-wrap;margin:0}.log:empty{display:none}
.chk{list-style:none;padding:0;display:grid;gap:6px}.rep{padding:12px 0;border-top:1px solid var(--bd)}.prow{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center}.prow>*:nth-child(n+3){grid-column:1/-1}.lgd{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 6px 0 12px}.lgd.a{background:#ff7a2f}.lgd.b{background:#4cc9f0}
canvas{max-width:100%}

/* планшеты и ноутбуки */
@media(max-width:1199px){.hp{width:210px}.two-col{grid-template-columns:1fr}}
@media(max-width:1023px){
 .side{transform:translateX(-102%);box-shadow:0 0 60px rgba(0,0,0,.8)}.nav-open .side{transform:none}
 .nav-open .overlay,.f-open .overlay{opacity:1;pointer-events:auto}
 .main{margin-left:0}.logo-m{display:block}.top{padding:10px 14px}.wrap{padding:16px 14px 40px}
 .cat{grid-template-columns:1fr}
 .filters{position:fixed;left:0;right:0;bottom:0;top:auto;max-height:86vh;border-radius:26px 26px 0 0;margin:0;z-index:75;transform:translateY(105%);transition:transform .3s ease;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.f-open .filters{transform:none}
 .slider{height:340px}.slide{padding:26px}.sp{width:150px}
}
@media(min-width:1024px){.mob{display:none!important}}
/* смартфоны: оформление как у приложения */
@media(max-width:767px){
 .dsk{display:none}.sbox{max-width:none}.logo-m{display:none}
 .top{padding-top:calc(10px + env(safe-area-inset-top))}
 .wrap{padding-bottom:calc(90px + env(safe-area-inset-bottom))}
 .tabbar{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;background:rgba(22,22,25,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--bd);border-radius:26px;padding:6px;box-shadow:0 12px 40px rgba(0,0,0,.7)}
 .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border-radius:20px;font-size:.66rem;color:var(--mu)}.tabbar a.on{background:#ececef;color:#111;font-weight:700}
 .toasts{left:12px;right:12px;bottom:calc(90px + env(safe-area-inset-bottom))}
 .grid{grid-template-columns:repeat(3,1fr);gap:14px 10px}.row>.card,.row>.pcard,.row>.tcard{flex-basis:118px}.ct{font-size:.82rem}.cs{font-size:.72rem}.bd{font-size:.62rem;padding:2px 7px}
 .grid.list{grid-template-columns:1fr}.grid.list .card{grid-template-columns:84px 1fr}
 .slider{height:420px;border-radius:22px}.slide{align-items:flex-end;padding:20px 18px 40px}.slide::after{background:linear-gradient(0deg,rgba(10,10,11,.97),rgba(10,10,11,.3))}.sp{display:none}.sc p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .hin{flex-direction:column;align-items:center;text-align:center;padding:20px 16px}.hp{width:170px}.chips,.rts,.lbtn{justify-content:center}.lbtn .btn{flex:1 1 calc(50% - 8px);padding:11px 8px;font-size:.85rem}.facts{text-align:left}
 .ring{min-width:64px}.ring .rw{width:60px;height:60px}.ring b{font-size:1rem}
 .hero{border-radius:22px}.player{padding:10px}.bigplay{width:68px;height:68px}
 .pers{flex-direction:column;align-items:center;text-align:center}.prof>div{text-align:center}.prof{justify-content:center}.lo{margin:0}
 .star{width:29px;height:29px}.two{grid-template-columns:1fr 1fr}.dc{aspect-ratio:1;font-size:.72rem;padding:3px;border-radius:10px}
 .btn{padding:11px 18px}.pn{padding:16px;border-radius:18px}.in{font-size:16px}
 .mbox{border-radius:22px}.cm.sub{margin-left:24px}.colls{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:380px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.adm .tabbar{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}