/* ===== v6: новые компоненты ===== */
*{scrollbar-width:thin;scrollbar-color:#4a4d55 transparent}
@keyframes flo{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes pop{from{transform:scale(0)}}@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}@keyframes flick{0%,100%{opacity:1}92%{opacity:1}94%{opacity:.6}96%{opacity:1}98%{opacity:.7}}
.bt.sm{padding:5px 10px;font-size:13px}.bt.big{padding:12px 24px;font-size:16px;border-radius:10px}.bt:disabled{opacity:.5;cursor:not-allowed;filter:none}
.md.wide{width:min(860px,100%)}.md.co{width:min(460px,100%)}.md.pk{width:min(980px,100%)}.md.st{width:min(840px,100%)}
.md input[type=checkbox]{width:auto}.md label.chk2{display:flex;gap:8px;align-items:center;text-transform:none;font-size:14px;color:var(--tx)}
.ov.bare{overflow:auto;align-items:start;padding:20px 0}.md.bare{background:none;box-shadow:none;padding:34px 40px;width:min(420px,100%);overflow:visible;max-height:none;margin:auto}
.pact{background:var(--bg2);border-radius:12px;padding:12px;margin-top:16px}.pact label{margin-top:0}
.md label.opt{display:flex;gap:12px;align-items:center;background:var(--bg3);border-radius:8px;padding:10px 12px;cursor:pointer;margin:0 0 6px;border:2px solid transparent;text-transform:none;font-size:14px;color:var(--tx)}.opt.on{border-color:var(--acc)}.opt b{font-size:20px;width:28px;text-align:center}.opt small{display:block;color:var(--mut)}
.bigopt{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-top:10px;cursor:pointer;transition:.15s}.bigopt:hover{background:var(--bg3);border-color:var(--acc)}.bigopt b{font-size:28px}.bigopt span{flex:1}.bigopt small{display:block;color:var(--mut)}.bigopt i{font-style:normal;color:var(--mut);font-size:22px}
/* каналы */
.gear{opacity:0;font-style:normal;margin-left:auto;cursor:pointer;padding:0 5px;border-radius:5px;transition:.15s;font-size:14px}.it:hover .gear,.cat:hover .gear,.gear.on{opacity:.75}.gear:hover{opacity:1;background:var(--line);color:var(--tx)}@media(hover:none){.gear{opacity:.7}}
.it.ch{display:flex;align-items:center;gap:6px}.it.ch .hs{opacity:.6;width:16px;text-align:center;flex:none}.it.ch .cn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cat{cursor:default;align-items:center}.cat .cx{cursor:pointer;display:flex;align-items:center;gap:3px}.cat .ar{font-style:normal;transition:.15s;display:inline-block;font-size:10px}.cat.cl .ar{transform:rotate(-90deg)}.cat .ca{display:flex;gap:6px;align-items:center}.cat .ca .gear{margin:0}
.topic{color:var(--mut);font-weight:400;border-left:1px solid var(--line);padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}
.pill{background:#5865f2;border-radius:10px;font-size:10px;font-weight:800;padding:1px 7px;margin-left:8px;color:#fff;vertical-align:1px}.ni{display:inline-block;width:20px;text-align:center}.msg.tmp{opacity:.55}
/* бейджик (плашка) */
.npl{position:relative;background-size:cover;background-position:right center;background-repeat:no-repeat;isolation:isolate}.npl::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,25,28,.94) 0,rgba(24,25,28,.7) 40%,rgba(24,25,28,.1) 85%,transparent);border-radius:inherit;z-index:-1;pointer-events:none}.mr.npl:hover,.it.dm.npl:hover{filter:brightness(1.15);background-color:transparent}
.mr.npl{min-height:42px}.mr .tag{vertical-align:1px}.mr>div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prow{height:30px;border-radius:6px;display:flex;align-items:center;padding:0 6px;background-color:var(--bg3)}.pr1{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:600}
/* превью украшений */
.pv{display:grid;place-items:center;width:100%;height:100%}.pv-n{padding:0 8%}.ph{display:block;height:6px;border-radius:3px;background:var(--line);margin:6px 0;width:70%}.ph.s{width:50%;height:4px}
.pcw{position:relative;width:100%}.pcw .pcard{position:relative;z-index:1}.pfo{position:absolute;left:-9%;top:-8%;width:118%;height:116%;max-width:none;pointer-events:none;z-index:4}
.pcw.mini{width:76px;height:112px}.pcw.mini .pcard{height:100%;border-radius:8px;overflow:hidden}.pcw.mini .bnr{border-radius:0}.pcw.mini .pb{padding:4px 8px}.pcw.mini .pav .avw{box-shadow:0 0 0 3px var(--bg3)}
.ptl .pv-p .pcw.mini{width:54px;height:78px}.pp .pcw.mini{width:40px;height:58px}.pp .pv-a .avw{transform:scale(.8)}
.pv-s{position:relative;width:100%;height:100%;min-height:150px}.pv-s .s1{position:absolute;left:12%;top:16%}.pv-s .s2{position:absolute;right:14%;top:6%}.pv-s .s3{position:absolute;left:6%;bottom:8%;width:62%}
.ptl .pv-s{min-height:0;transform:scale(.48);width:200%;height:200%}.pp .pv-s{transform:scale(.32);width:300%;height:300%}
/* магазин */
.shopp{padding:0 24px 40px}.shero{display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center;margin:18px 0;padding:28px 30px;border-radius:20px;background:radial-gradient(circle at 80% 30%,rgba(168,85,247,.45),transparent 60%),linear-gradient(120deg,#1b1530,#3a1050 70%,#6a1a5a);overflow:hidden;color:#fff}.shero h2{margin:0 0 8px;font-size:28px}.shero p{color:#d6cff0;max-width:460px;margin:0 0 14px}.shpv{height:190px}.shpv .pv-s{min-height:190px}
.stools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.stabs{display:flex;gap:4px;flex-wrap:wrap;flex:1}.ssr,.sso{background:var(--bg3);border:0;border-radius:8px;padding:8px 12px;outline:0;color:var(--tx)}.ssr{width:200px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.scd{background:var(--bg3);border-radius:14px;border:1px solid var(--line);cursor:pointer;overflow:hidden;transition:.2s;animation:in .3s both}.scd:hover{transform:translateY(-4px);border-color:var(--acc);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.spv{height:170px;background:radial-gradient(circle at 50% 40%,#1e1f26,#0b0b0d);position:relative;display:grid;place-items:center;overflow:hidden}.lim{position:absolute;top:10px;left:10px;background:#fff;color:#111;font-size:10px;font-weight:800;border-radius:12px;padding:2px 8px;z-index:3}.lim.in{position:static;display:inline-block;margin:6px 0}
.cnt{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.14);font-size:11px;border-radius:10px;padding:1px 8px;z-index:3}.eqp{position:absolute;bottom:8px;right:8px;background:#3ba55d;color:#fff;font-size:11px;font-weight:700;border-radius:8px;padding:1px 8px;z-index:3}
.sin{padding:12px 14px}.sin>span{font-weight:600}.spr{margin-top:4px;color:var(--tx)}.own{color:#3ba55d;font-weight:700;display:inline-flex;gap:4px;align-items:center}
.itm{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ipv{background:radial-gradient(circle at 50% 40%,#1e1f26,#0b0b0d);border-radius:14px;min-height:340px;display:grid;place-items:center;padding:20px}.ipv .pv{height:auto}.ipv .pv-p .pcw.mini{width:150px;height:226px}.ipv .pv-s{height:300px;width:100%}
.iin h2{margin:6px 0}.chip2{background:var(--bg3);border-radius:6px;padding:2px 8px;font-size:12px;color:var(--mut)}.prt{display:flex;align-items:center;gap:10px;padding:6px 0}.prt .pp{width:90px;height:64px;background:#0d0e10;border-radius:8px;display:grid;place-items:center;overflow:hidden;flex:none}.prt small{display:block;color:var(--mut)}.ipr{font-size:20px;margin:12px 0 4px}
/* оплата */
.demo{background:rgba(250,168,26,.12);border:1px solid rgba(250,168,26,.5);color:#f8c55a;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:12px}
.sum{background:var(--bg3);border-radius:10px;padding:10px 12px;margin-bottom:6px}.sl{display:flex;justify-content:space-between;padding:3px 0;color:var(--mut);gap:12px}.sl b{color:var(--tx);text-align:right}.sl b.gr{color:#3ba55d}.sl.tot{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-size:16px;color:var(--tx)}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bt.pay{background:linear-gradient(90deg,#3ba55d,#2d8f4e)}
.okm{text-align:center}.chk{width:76px;height:76px;border-radius:50%;background:#3ba55d;display:grid;place-items:center;margin:6px auto 12px;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}
.conf{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.conf i{position:absolute;top:-14px;width:8px;height:14px;animation:fall 2.4s linear forwards}
.gopt{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.go{background:var(--bg3);border-radius:10px;padding:10px;text-align:center;cursor:pointer;border:2px solid transparent}.go.on{border-color:var(--acc)}.go b{display:block}.go small{color:var(--mut)}
.gcard{text-align:center}.gbig{font-size:64px;animation:flo 3s ease-in-out infinite}.gcode{background:var(--bg3);border-radius:10px;padding:10px;margin:10px 0;display:grid;gap:6px;justify-items:center}.gcode b{font-family:monospace;font-size:20px;letter-spacing:1px}.gcode small{color:var(--mut)}
.giftc{display:flex;align-items:center;gap:12px;margin-top:6px;max-width:380px;background:linear-gradient(120deg,#5b2bd1,#d63fa4);border-radius:12px;padding:12px 14px;cursor:pointer;color:#fff;transition:.2s}.giftc:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(214,63,164,.4)}.giftc .gi{font-size:34px}.giftc .gt2{flex:1}.giftc small{display:block;opacity:.85}.giftc .bt{background:#fff;color:#111}
/* страница Nitro */
.hd.nh{gap:14px;flex-wrap:nowrap;overflow:hidden;padding:10px 16px}.nlogo{display:flex;align-items:center;gap:6px;font-style:italic;font-weight:900;font-size:18px}.ntabs{display:flex;gap:2px;overflow:auto}.ntabs span{padding:6px 12px;cursor:pointer;color:var(--mut);border-bottom:2px solid transparent;white-space:nowrap}.ntabs span.on{color:var(--tx);border-color:var(--tx)}.ntabs span:hover{color:var(--tx)}.bt.gft{background:var(--bg3);white-space:nowrap}
.npg{padding:0 24px;background:radial-gradient(ellipse at 50% -10%,rgba(120,60,220,.25),transparent 55%),var(--bg);scroll-behavior:smooth}.npg section{max-width:1040px;margin:0 auto}
.nhero{text-align:center;padding:64px 20px 56px;position:relative}.nhero h1{font-size:clamp(28px,4.6vw,54px);font-weight:900;font-style:italic;letter-spacing:-.02em;margin:18px 0 24px;line-height:1.05}.nhero h1 em,.ntt em{font-style:italic;background:linear-gradient(90deg,#c58bff,#ff6ad5,#ffb020);-webkit-background-clip:text;background-clip:text;color:transparent}
.npill{display:inline-block;background:rgba(120,60,220,.3);border:1px solid rgba(168,85,247,.5);border-radius:20px;padding:5px 16px;font-weight:700}.nhero small{display:block;margin-top:16px}
.fl{position:absolute;width:64px;height:64px;animation:flo 6s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(168,85,247,.8))}.f1{left:10%;top:22%}.f2{right:12%;top:14%;animation-delay:-2s;width:54px}.f3{right:20%;bottom:10%;animation-delay:-4s;width:58px}
.cta2{background:#fff;color:#111;border-radius:10px;font-weight:700;padding:12px 24px;font-size:15px;transition:.2s}.cta2:hover{filter:none;transform:translateY(-1px);box-shadow:0 0 30px rgba(168,85,247,.6)}
.ntt{text-align:center;font-style:italic;font-weight:900;font-size:clamp(22px,3vw,32px);margin:56px 0 24px}
.ncards{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.ncard{background:var(--bg2);border-radius:20px;overflow:hidden;padding-bottom:22px;display:flex;flex-direction:column;gap:8px;transition:.25s}.ncard:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,.35)}.ncard>h3,.ncard>p,.ncard>.bt{margin:0 22px}.ncard>h3{margin-top:10px}.ncard>p{color:var(--mut);flex:1}.ncard>.bt{align-self:flex-start}
.nci{height:180px;display:grid;place-items:center;overflow:hidden}.g1{background:linear-gradient(135deg,#5b2bd1,#d63fa4)}.g2{background:linear-gradient(135deg,#3a0f12,#b3202a)}.g3{background:linear-gradient(135deg,#0f1c3a,#2b4fd1)}.gbox{font-size:76px;animation:flo 3s ease-in-out infinite}.nfn{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;font-size:24px}
.perk{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--bg2);border-radius:22px;padding:30px;margin-bottom:18px;overflow:hidden}.perk.rev>div:first-child{order:2}.perk h3{font-size:26px;margin:0 0 10px}.perk p{color:var(--mut);margin:0 0 16px}
.perkv{display:grid;place-items:center;min-height:240px}.perkv .pcw{width:290px;max-width:100%}.thm{grid-template-columns:1fr 1fr;gap:12px;display:grid;width:100%}.tsw{height:90px;border-radius:12px;padding:10px;display:flex;gap:6px;align-items:flex-end}.tsw i{flex:1;height:34%;border-radius:4px;background:rgba(255,255,255,.12)}
.fbig{font-size:46px;font-weight:900;text-align:center;background:linear-gradient(90deg,#8ea1ff,#ff8bd1);-webkit-background-clip:text;background-clip:text;color:transparent}.fbig small{display:block;font-size:14px;font-weight:400;-webkit-text-fill-color:var(--mut)}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px;align-items:stretch}.plan{position:relative;border-radius:22px;padding:30px 22px 22px;background:var(--bg2);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;overflow:hidden}
.plan.t2{background:linear-gradient(160deg,#4a1a6e,#1d1030 55%)}.plan.t3{background:linear-gradient(160deg,#6e2a1a,#2a1030 60%)}.plan.pop{border:2px solid #d65cff;box-shadow:0 0 44px rgba(214,92,255,.25)}
.popb{position:absolute;top:0;left:50%;transform:translateX(-50%);background:#d65cff;color:#fff;font-size:10px;font-weight:800;border-radius:0 0 8px 8px;padding:2px 12px}.pemb{position:absolute;right:16px;top:16px;animation:flo 5s ease-in-out infinite;filter:drop-shadow(0 0 12px rgba(214,92,255,.6))}
.pname{font-size:30px;font-style:italic;font-weight:900;margin:6px 0 2px}.plan ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:7px;color:#e0e0ea;font-size:14px}.plan li{padding-left:22px;position:relative}.plan li::before{content:"✓";position:absolute;left:0;color:#3ba55d;font-weight:900}
.pper{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.15);border-radius:12px;cursor:pointer;position:relative;background:rgba(0,0,0,.18);transition:.15s}.pper i{width:20px;height:20px;border-radius:50%;border:2px solid #8a8f99;flex:none}.pper.on{border-color:#d65cff;background:rgba(214,92,255,.1)}.pper.on i{border-color:#d65cff;background:radial-gradient(#d65cff 45%,transparent 50%)}.pper span{flex:1}.pper small{display:block;color:var(--mut);font-size:12px}.pper b s{color:var(--mut);font-weight:400;font-size:12px}
.pper em{position:absolute;top:-9px;right:12px;background:#5865f2;border-radius:6px;padding:1px 8px;font-size:10px;font-style:normal;font-weight:800}.plb{margin-top:auto;background:#fff;color:#111;width:100%}.pend{text-align:center;color:var(--mut)}
.cmp{background:transparent}.cmh,.cr{display:grid;grid-template-columns:1fr repeat(3,minmax(90px,140px));align-items:center}.cmh{padding-bottom:10px;border-bottom:1px solid var(--line)}.cmh>span{font-size:20px;font-weight:700}.cmh>div{text-align:center;position:relative;padding:10px 4px}.cmh small{display:block;color:var(--mut)}.cmh b{display:inline-flex;gap:6px;align-items:center}.cmh .cp{background:linear-gradient(180deg,#8a2be2,#3b1d6a);border-radius:12px}.cmh .cp em{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#2b1a4d;border-radius:10px;font-size:9px;font-style:normal;font-weight:800;padding:2px 8px;white-space:nowrap}
.cr{padding:14px 6px;border-bottom:1px solid var(--line)}.cr>span:not(:first-child){text-align:center}.cg{font-weight:800;margin-top:26px;padding:6px 6px;font-size:18px}.ck{color:#3ba55d;font-weight:900}.xx2{color:#6d6f78}.tv{font-size:12px;color:var(--mut)}
.nfloat{position:sticky;bottom:18px;display:flex;gap:10px;justify-content:center;width:max-content;max-width:100%;margin:0 auto;padding:10px;background:rgba(20,20,26,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;z-index:5}.nfloat .bt{white-space:nowrap}
.nst{display:flex;align-items:center;gap:16px;background:var(--bg3);border-radius:14px;padding:18px;margin-bottom:10px}.nst.t2{background:linear-gradient(120deg,#3b1d6b,#7a2a8f)}.nst.t3{background:linear-gradient(120deg,#6e3a0a,#9f2a6a)}.nst.t1{background:linear-gradient(120deg,#2c3447,#3f4a63)}.nst small{display:block;opacity:.85}.nsi{font-size:34px}
/* стили ника */
.ns-toxic{background-image:linear-gradient(90deg,#b6ff00,#00ff9d,#b6ff00)}.ns-ice{background-image:linear-gradient(90deg,#e0faff,#6ec6ff,#e0faff)}.ns-candy{background-image:linear-gradient(90deg,#ff9ad5,#ffd36b,#8fd3ff,#ff9ad5)}.ns-blood{background-image:linear-gradient(90deg,#5a0000,#ff1e1e,#5a0000)}.ns-galaxy{background-image:linear-gradient(90deg,#4b1d9a,#ff4fd8,#19f3ff,#4b1d9a)}.ns-aurora{background-image:linear-gradient(90deg,#00ffa3,#7a5cff,#00d4ff,#00ffa3)}
.nx-glow{text-shadow:0 0 6px var(--nc),0 0 14px var(--nc)}.nx-neonsign{text-shadow:0 0 3px #fff,0 0 10px var(--nc),0 0 22px var(--nc);animation:flick 3.5s infinite}.nx-shadow3d{text-shadow:1px 1px 0 rgba(0,0,0,.6),2px 2px 0 rgba(0,0,0,.5),3px 3px 0 rgba(0,0,0,.4)}
/* настройки */
.sbar,.pvbar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:12;display:flex;gap:10px;align-items:center;background:#111214;border-radius:12px;padding:10px 14px;box-shadow:0 8px 30px rgba(0,0,0,.6);max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;animation:in .25s}.sbar span{color:#f0b232;font-weight:600}.pvbar{border:1px solid rgba(214,92,255,.6)}.pvbar{bottom:80px}
.psec{background:var(--bg2);border-radius:12px;padding:4px 16px 16px;margin-bottom:14px}.psec.dz{border:1px solid rgba(218,55,60,.5)}.pe{grid-template-columns:minmax(300px,1fr) 360px}.ppv{position:sticky;top:0;align-self:start;padding:22px 30px 0 24px}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sbc label.tile,.tile{display:flex;align-items:center;gap:12px;background:var(--bg3);border-radius:10px;padding:10px 12px;cursor:pointer;border:1px solid transparent;transition:.15s;text-transform:none;font-size:14px;color:var(--tx);margin:0;font-weight:400}.tile:hover{border-color:var(--acc)}.tile .tpv{width:58px;height:58px;display:grid;place-items:center;overflow:hidden;border-radius:8px;flex:none;background:var(--bg2)}.tile .tpv .pv{padding:0}.tile small{display:block;color:var(--mut);font-size:12px}.tile>i{margin-left:auto;color:var(--mut);font-style:normal;font-size:20px}.tn{font-size:18px}
.lkb{font-style:normal;background:rgba(255,255,255,.1);border-radius:6px;padding:1px 6px;text-transform:none;margin-left:6px;font-size:11px;font-weight:600}.lkb.pro{background:linear-gradient(90deg,#ffb020,#ff4fa3);color:#fff}.fl2{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fl2 .bt{margin:0}
.upsell{background:linear-gradient(120deg,#5b2bd1,#d63fa4);border-radius:14px;padding:16px 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;color:#fff;flex-wrap:wrap}.upsell small{display:block;opacity:.85}.upsell .bt{background:#fff;color:#111}
.pkr{display:grid;grid-template-columns:1fr 330px;gap:18px}.pkl{max-height:62vh;overflow:auto;padding-right:6px}.pkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.ptl{height:84px;border-radius:10px;background:var(--bg3);display:grid;place-items:center;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden;transition:.15s}.ptl:hover{transform:scale(1.04)}.ptl.sel{border-color:var(--acc);box-shadow:0 0 0 2px rgba(88,101,242,.3)}.ptl .lk{position:absolute;top:4px;right:4px;font-style:normal;font-size:10px;background:#000b;border-radius:50%;width:18px;height:18px;display:grid;place-items:center}.ptl .none{font-size:34px;opacity:.7}.ptl.store{text-align:center;font-size:22px}.ptl.store small{display:block;font-size:11px;color:var(--mut)}
.pkv{background:radial-gradient(circle at 50% 30%,#1e1f26,#0b0b0d);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center}.pvc{width:240px;padding:16px 0}.avs{display:flex;gap:18px;align-items:center;padding:14px}.avs>div{display:grid;gap:12px;justify-items:center}.plv{width:100%;display:grid;gap:4px;background:var(--bg2);padding:8px;border-radius:10px}
.pkinfo{width:100%;border:1px solid #b44bff;border-radius:8px;padding:10px 12px;background:#000;color:#fff}.pkinfo small{display:block;color:#b5bac1;margin:4px 0 8px}.pkinfo .bt{margin-top:2px}
.stv{font-size:34px;text-align:center;padding:18px;background:var(--bg3);border-radius:12px;margin-bottom:6px}.stg{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.stt{background:var(--bg3);border-radius:10px;padding:10px 6px;text-align:center;cursor:pointer;border:2px solid transparent;position:relative;transition:.15s}.stt:hover{transform:translateY(-2px)}.stt span{font-size:20px;display:block;min-height:28px}.stt small{color:var(--mut);font-size:11px}.stt.sel{border-color:var(--acc)}.tl{position:absolute;top:4px;right:4px;font-size:9px;font-style:normal;font-weight:800;background:#5865f2;border-radius:4px;padding:0 4px;color:#fff}.tl.pro{background:linear-gradient(90deg,#ffb020,#ff4fa3)}
.svh{display:flex;align-items:center;gap:10px;padding:6px 8px 12px;font-weight:700}.svh img,.svh i{width:36px;height:36px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-style:normal;object-fit:cover;color:#fff}
.pfx{display:flex;align-items:center;background:var(--bg3);border-radius:6px}.pfx span{padding:0 4px 0 10px;color:var(--mut)}.sbc .pfx input:not([type=checkbox]):not([type=color]){background:none}
.swt{width:44px;height:26px;border-radius:13px;background:#80848e;position:relative;cursor:pointer;transition:.2s;flex:none;display:inline-block}.swt i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.swt.on{background:#3ba55d}.swt.on i{left:21px}
.rl{grid-template-columns:250px 1fr;gap:18px}.rlist{display:grid;gap:2px;align-content:start}.wide-b{width:100%;margin-bottom:8px}.rli{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--mut)}.rli:hover{background:var(--bg2);color:var(--tx)}.rli.on{background:var(--line);color:var(--tx)}.rd{width:12px;height:12px;border-radius:50%;flex:none}.rli>span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rli small{opacity:.6}.mv{display:none;gap:2px}.rli:hover .mv{display:flex}.mv b{cursor:pointer;padding:0 5px;border-radius:4px}.mv b:hover{background:var(--acc);color:#fff}
.red{background:var(--bg2);border-radius:14px;overflow:hidden;min-height:440px;display:flex;flex-direction:column}.rtabs{display:flex;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--line)}.rtabs span{padding:8px 14px;cursor:pointer;color:var(--mut);border-bottom:2px solid transparent}.rtabs span.on{color:var(--tx);border-color:var(--acc)}.rbody{padding:4px 18px 18px;flex:1}.rfoot{padding:12px 18px;background:var(--bg3);display:flex;gap:10px}
.swg{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;align-items:center}.swg i{aspect-ratio:1;border-radius:8px;cursor:pointer;border:2px solid transparent}.swg i.sel{border-color:#fff;box-shadow:0 0 0 2px var(--acc)}.sbc .swg input[type=color]{grid-column:span 3;height:34px}.rpv{background:var(--bg);border-radius:10px;padding:12px}.prm{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.prm>div{flex:1}.prm small{display:block;color:var(--mut)}
.empty{display:grid;place-items:center;align-content:center;flex:1;color:var(--mut);font-size:44px;text-align:center}.empty p{font-size:15px}
@media(max-width:1000px){.itm,.pkr,.shero,.perk,.pe,.rl{grid-template-columns:1fr}.shpv{display:none}.perk.rev>div:first-child{order:0}.ppv{position:static}}
@media(max-width:700px){.cmh,.cr{grid-template-columns:1fr repeat(3,56px)}.shopp,.npg{padding-left:12px;padding-right:12px}.tiles{grid-template-columns:1fr}#pop{left:8px}}
#pop{left:36px;width:310px}.avw .fo{z-index:2}

.app.nm{grid-template-columns:72px 240px 1fr}.app.nm .mem{display:none}@media(max-width:900px){.app.nm{grid-template-columns:64px 190px 1fr}}
.gfr{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;margin-bottom:4px}.gf{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border-radius:10px;background:var(--bg3);border:2px solid transparent;cursor:pointer;font-size:12px;text-align:center}.gf span{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gf:hover{background:var(--line)}.gf.on{border-color:var(--acc);background:rgba(88,101,242,.18)}

.spls{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:14px 0}.spl{background:var(--bg3);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.spl.t2{border-color:#a855f7;background:linear-gradient(180deg,rgba(168,85,247,.18),var(--bg3))}.spl.t3{border-color:#ff8a3d;background:linear-gradient(180deg,rgba(255,138,61,.16),var(--bg3))}.spl.cur{box-shadow:0 0 0 2px var(--acc)}.sph{display:flex;align-items:center;gap:8px;font-size:16px}.spl ul{margin:0;padding-left:18px;color:var(--mut);font-size:13px;flex:1}.spl li{margin:3px 0}.spl .gopt{grid-template-columns:1fr 1fr}
.sph .tl{position:static;margin-left:auto}

/* упоминания */
.mn{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:4px;padding:0 3px;font-weight:600;cursor:pointer}.mn:hover{background:var(--acc);color:#fff}.mn.all{cursor:default}
.msg.ment{background:rgba(250,166,26,.1);box-shadow:inset 3px 0 0 #faa61a;border-radius:4px}
.ib2{position:relative}#msug{position:absolute;left:0;right:0;bottom:calc(100% + 4px);background:var(--bg3);border-radius:8px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);z-index:12;max-height:280px;overflow:auto}
.ms{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.ms.on,.ms:hover{background:var(--line)}.ms small{color:var(--mut);margin-left:auto}.mat{width:22px;height:22px;border-radius:50%;background:var(--acc);display:grid;place-items:center;font-size:12px;font-weight:700}
.ppb.on{background:var(--line)}.dpp{padding:0}.dpp .pcw{width:100%}
.sh.hasb{height:110px;align-items:flex-end;text-shadow:0 1px 3px #000}

/* ===== v7: новый магазин ===== */
.shb{display:flex;align-items:center;gap:10px;padding:8px 20px;border-bottom:1px solid var(--line);position:relative;background:var(--bg)}.shi{opacity:.7;font-size:20px}
.shn{display:flex;gap:6px;flex:1}.shl{padding:10px 14px;cursor:pointer;color:var(--mut);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}.shl:hover,.shl.open{color:var(--tx)}.shl.on{color:#fff;border-bottom-color:#fff}
.shb .ssr{width:210px;background:#111214;border:1px solid var(--line)}.shh{background:#111214;border:1px solid var(--line);color:var(--mut);border-radius:8px;padding:7px 12px;cursor:pointer;font-size:16px}.shh.on,.shh:hover{color:#f23f6d}
.orbb{background:#111214;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:700;white-space:nowrap}
.shdd{position:absolute;top:100%;margin-top:2px;z-index:40;background:#111214;border:1px solid var(--line);border-radius:10px;padding:6px;min-width:210px;box-shadow:0 12px 36px rgba(0,0,0,.6)}.shdd hr{border:0;border-top:1px solid var(--line);margin:4px 0}.ddi{padding:8px 12px;border-radius:6px;cursor:pointer}.ddi:hover{background:var(--bg3)}.ddi.on{background:var(--bg3);color:var(--acc)}
.shopp{padding:18px 24px 50px!important}.sht{display:flex;align-items:center;justify-content:space-between;font-size:22px;margin:26px 0 14px}.sht a{font-size:13px;color:var(--acc);cursor:pointer;font-weight:600}
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.scd{background:#000;border:1px solid #2a2b30;border-radius:14px}.scd:hover{border-color:#6b6d78}
.scd .spv{height:260px;background:radial-gradient(circle at 50% 45%,#16171b,#000)}.scd .sin{padding:14px 16px 16px}.scd .sin>span{font-size:15px}.scd .spr{font-size:15px;margin-top:6px}.spr .gr,.gr{color:#3ba55d}
.pv.xl.pv-p .pcw.mini{width:150px;height:226px;transform:scale(1.05)}.pv.xl.pv-n{transform:scale(1.9)}.pv.xl.pv-s{transform:scale(1.25)}
.hero{position:relative;border-radius:18px;padding:34px 22px 22px;margin-bottom:26px;overflow:hidden;color:#fff;background-size:cover}.hct{max-width:55%;margin-bottom:18px}.hti{font-size:38px;font-weight:800;line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.6)}.hsb{margin:8px 0 12px;color:#e6e0f5}.hbtn{background:#fff!important;color:#111!important}
.hrow{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}.hrow::-webkit-scrollbar{display:none}.hrow .scd{flex:0 0 260px;scroll-snap-align:start}.hrow .spv{height:210px}
.harr{position:absolute;right:14px;bottom:110px;width:42px;height:42px;border-radius:10px;background:rgba(0,0,0,.75);color:#fff;border:1px solid #444;cursor:pointer;font-size:18px}
.promos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}.promo{position:relative;min-height:200px;border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:8px;color:#fff;overflow:hidden;background-size:cover}.pti{font-size:28px;text-shadow:0 2px 12px rgba(0,0,0,.7)}.promo .bt{background:#fff;color:#111}
.ptag{position:absolute;top:14px;left:14px;background:#fff;color:#111;font-size:10px;font-weight:800;border-radius:6px;padding:3px 8px;letter-spacing:.4px}
.cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
/* окно товара */
.md.shm{width:min(980px,100%);padding:0;overflow:hidden;background:#0b0b0d;border:1px solid #26272c}.pd{display:grid;grid-template-columns:340px 1fr;min-height:560px;max-height:86vh}
.pdl{padding:30px 24px 22px;background:#0b0b0d;display:flex;flex-direction:column;gap:8px;overflow:auto}.pdv{height:230px;display:grid;place-items:center;margin-bottom:6px}.pdl h2{margin:6px 0 0;font-size:22px}.pdl p{margin:0}
.pdp{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.pdp1{font-size:17px;margin-top:10px}.pdo{color:var(--mut);font-weight:700}.pdn{display:block}.pdn a{color:#6d8bff;cursor:pointer;text-decoration:underline}
.pdb{display:flex;gap:8px;margin-top:10px}.gft2{background:var(--acc);padding:12px 14px!important}.orbbtn{width:100%;background:#17181b!important;border:1px solid #2a2b30;color:var(--mut)!important;padding:11px;margin-top:2px}.orbbtn:hover{color:#fff!important}
.pdr{position:relative;background:radial-gradient(circle at 20% 80%,#e66be8,transparent 55%),radial-gradient(circle at 80% 10%,#6a3df0,transparent 55%),linear-gradient(135deg,#3b1d8f,#8b3fd1 55%,#d26be0);background-size:160% 160%;animation:shw 12s ease infinite;display:flex;flex-direction:column}@keyframes shw{50%{background-position:100% 100%}}
.pdt{display:flex;justify-content:space-between;padding:16px 18px}.cchip{background:rgba(10,8,25,.75);border-radius:8px;padding:6px 12px;font-weight:700;font-size:13px}.pda{display:flex;gap:8px}.pda button{width:36px;height:36px;border-radius:9px;background:rgba(10,8,25,.75);border:0;color:#fff;cursor:pointer;font-size:16px}.pda button.on{color:#ff5c8a}.pda button:hover{background:rgba(10,8,25,.95)}
.pdm{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 20px 30px;gap:0;overflow:hidden}.pdc{transform:scale(.9);transform-origin:top center;max-height:400px;overflow:visible}.pdchat{width:min(330px,100%);background:#0f1013;border-radius:10px;padding:12px;margin-top:-30px;margin-left:80px;box-shadow:0 10px 30px rgba(0,0,0,.5);position:relative}
.pmsg{display:flex;gap:10px}.pmin{display:flex;align-items:center;gap:8px;margin-top:10px;background:#1b1c20;border-radius:8px;padding:8px 10px;color:var(--mut)}.pmin .pi{flex:1}.pl{width:22px;height:22px;border-radius:50%;background:#4a4d55;color:#111;display:grid;place-items:center;font-weight:700}
/* новости */
.md.nwm{width:min(480px,100%);padding:0;background:#0b0b0d;border:1px solid #26272c;overflow:hidden}.nw{display:flex;flex-direction:column;max-height:86vh}.nwh{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.nwh h3{margin:0 0 4px;font-size:18px}.nx{background:0;border:0;color:var(--mut);font-size:20px;cursor:pointer}.nx:hover{color:#fff}
.nwb{padding:18px 22px;overflow:auto;line-height:1.45}.nwb img{width:100%;border-radius:8px;margin-bottom:14px}.nwb p{margin:0 0 12px}.nwb a{color:#4da3ff}.nwb h4{color:#3ba55d;text-transform:uppercase;margin:18px 0 8px;font-size:14px}
.nwf{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 22px;border-top:1px solid var(--line);font-size:12px}.nwp{display:flex;gap:6px;flex-shrink:0}
@media(max-width:1000px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd{grid-template-columns:1fr;max-height:90vh;overflow:auto}.pdr{min-height:380px}.promos{grid-template-columns:1fr}.hct{max-width:100%}.shn{overflow:auto}.shb .ssr{width:130px}}
@media(max-width:560px){.sgrid{grid-template-columns:1fr}}
/* админка */
.ac2 select{background:var(--bg3);color:var(--tx);border:0;border-radius:6px;padding:6px}

.avw .dot{z-index:9}

/* статус всегда поверх украшений аватара */
.avw .dot{z-index:999!important}.avw .fo{z-index:2!important}