/* ================= style-1 ================= */
:root{--pad:clamp(16px,4vw,64px);--bg:#0a0604;--sf:#140e0b;--s2:#1f1612;--fg:#faf6f2;--mu:#a89890;--bd:#3a2a22;--ac:#ef4444;--ack:#ffffff;color-scheme:dark}
:root[data-t=light]{--bg:#fff8f3;--sf:#fff1e8;--s2:#ffe4d4;--fg:#1c1008;--mu:#8a6a55;--bd:#f0d0bc;--ac:#dc2626;--ack:#fff;color-scheme:light}
/* ===== стили сайта ===== */
:root,:root[data-style=red]{--ac:#ef4444;--ack:#ffffff}
:root[data-t=light],:root[data-t=light][data-style=red]{--ac:#dc2626;--ack:#ffffff}
:root[data-style=orange]{--ac:#f97316;--ack:#1a0a00}
:root[data-t=light][data-style=orange]{--ac:#ea580c;--ack:#ffffff}
:root[data-style=amber]{--ac:#f59e0b;--ack:#1a0a00}
:root[data-t=light][data-style=amber]{--ac:#d97706;--ack:#ffffff}
:root[data-style=green]{--ac:#22c55e;--ack:#052e16}
:root[data-t=light][data-style=green]{--ac:#16a34a;--ack:#ffffff}
:root[data-style=teal]{--ac:#14b8a6;--ack:#042f2e}
:root[data-t=light][data-style=teal]{--ac:#0d9488;--ack:#ffffff}
:root[data-style=cyan]{--ac:#06b6d4;--ack:#083344}
:root[data-t=light][data-style=cyan]{--ac:#0891b2;--ack:#ffffff}
:root[data-style=blue]{--ac:#3b82f6;--ack:#ffffff}
:root[data-t=light][data-style=blue]{--ac:#2563eb;--ack:#ffffff}
:root[data-style=indigo]{--ac:#6366f1;--ack:#ffffff}
:root[data-t=light][data-style=indigo]{--ac:#4f46e5;--ack:#ffffff}
:root[data-style=purple]{--ac:#a855f7;--ack:#ffffff}
:root[data-t=light][data-style=purple]{--ac:#9333ea;--ack:#ffffff}
:root[data-style=pink]{--ac:#ec4899;--ack:#ffffff}
:root[data-t=light][data-style=pink]{--ac:#db2777;--ack:#ffffff}
:root[data-style=rose]{--ac:#f43f5e;--ack:#ffffff}
:root[data-t=light][data-style=rose]{--ac:#e11d48;--ack:#ffffff}
:root[data-style=mono]{--ac:#ffffff;--ack:#111827}
:root[data-t=light][data-style=mono]{--ac:#f8fafc;--ack:#111827}
:root[data-style=gold]{--ac:#eab308;--ack:#1a0a00}
:root[data-t=light][data-style=gold]{--ac:#ca8a04;--ack:#ffffff}

/* Dark bg tinted by selected accent style */
:root[data-style=red]{--bg:#140808;--sf:#1c0c0c;--s2:#2a1212;--bd:#3f1a1a}
:root[data-style=orange]{--bg:#140c06;--sf:#1c120a;--s2:#2a1a10;--bd:#3f2818}
:root[data-style=amber]{--bg:#141006;--sf:#1c180a;--s2:#2a2210;--bd:#3f3418}
:root[data-style=green]{--bg:#06140a;--sf:#0a1c10;--s2:#102a18;--bd:#183f24}
:root[data-style=teal]{--bg:#061412;--sf:#0a1c18;--s2:#102a24;--bd:#183f36}
:root[data-style=cyan]{--bg:#061014;--sf:#0a161c;--s2:#10222a;--bd:#18343f}
:root[data-style=blue]{--bg:#060a14;--sf:#0a101c;--s2:#10182a;--bd:#18243f}
:root[data-style=indigo]{--bg:#0a0614;--sf:#100a1c;--s2:#18102a;--bd:#24183f}
:root[data-style=purple]{--bg:#100614;--sf:#160a1c;--s2:#22102a;--bd:#34183f}
:root[data-style=pink]{--bg:#140610;--sf:#1c0a16;--s2:#2a1022;--bd:#3f1834}
:root[data-style=rose]{--bg:#140608;--sf:#1c0a0e;--s2:#2a1016;--bd:#3f1822}
:root[data-style=mono]{--bg:#0c0c0e;--sf:#141416;--s2:#1e1e22;--bd:#2e2e34}
:root[data-style=gold]{--bg:#141206;--sf:#1c1a0a;--s2:#2a2610;--bd:#3f3a18}
:root[data-t=light][data-style=red]{--bg:#fff5f5;--sf:#ffecec;--s2:#ffd6d6;--bd:#f0b4b4}
:root[data-t=light][data-style=orange]{--bg:#fff8f3;--sf:#fff1e8;--s2:#ffe4d4;--bd:#f0d0bc}
:root[data-t=light][data-style=amber]{--bg:#fffbeb;--sf:#fef3c7;--s2:#fde68a;--bd:#f0d48a}
:root[data-t=light][data-style=green]{--bg:#f3fdf6;--sf:#e8f8ee;--s2:#d4f0de;--bd:#b4e0c4}
:root[data-t=light][data-style=teal]{--bg:#f2fdfa;--sf:#e6f8f4;--s2:#d0f0e8;--bd:#b0e0d4}
:root[data-t=light][data-style=cyan]{--bg:#f0fbfd;--sf:#e0f6fa;--s2:#c8eef4;--bd:#a8dde8}
:root[data-t=light][data-style=blue]{--bg:#f3f7ff;--sf:#e8f0ff;--s2:#d4e2ff;--bd:#b4ccf0}
:root[data-t=light][data-style=indigo]{--bg:#f5f4ff;--sf:#ecebff;--s2:#ddd9ff;--bd:#c4bef0}
:root[data-t=light][data-style=purple]{--bg:#faf5ff;--sf:#f3e8ff;--s2:#e9d5ff;--bd:#d4b8f0}
:root[data-t=light][data-style=pink]{--bg:#fdf2f8;--sf:#fce7f3;--s2:#fbcfe8;--bd:#f0b4d4}
:root[data-t=light][data-style=rose]{--bg:#fff1f2;--sf:#ffe4e6;--s2:#fecdd3;--bd:#f0b4bc}
:root[data-t=light][data-style=mono]{--bg:#fafafa;--sf:#f4f4f5;--s2:#e4e4e7;--bd:#d4d4d8}
:root[data-t=light][data-style=gold]{--bg:#fffbeb;--sf:#fef9c3;--s2:#fef08a;--bd:#f0e08a}
.logo .logo-lib{color:#fff!important}
:root[data-t=light] .logo .logo-lib{color:#111!important}
.gl-style{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.gl-style button{width:42px;height:42px;border-radius:12px;border:2px solid transparent;background:var(--c);padding:0;position:relative;cursor:pointer}
.gl-style button.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg)}
.gl-style button small{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;font-weight:800;color:#fff;text-shadow:0 1px 2px #000a}
.gl-style button[data-st=mono] small{color:#111;text-shadow:none}
:root[data-t=light] .gl-style button[data-st=mono] small{color:#111;text-shadow:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 system-ui,"Segoe UI",Roboto,sans-serif}
a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 95%,transparent);border-bottom:1px solid var(--bd)}
.bar{display:flex;align-items:center;gap:6px 14px;padding:12px var(--pad);flex-wrap:wrap}
.logo{font-weight:800;font-size:21px;color:var(--ac)}nav a{padding:6px 12px;border-radius:99px;color:var(--mu)}nav a:hover,nav a.on{background:var(--s2);color:var(--fg)}
.in{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:8px 12px;min-width:0}
.btn{background:var(--ac);color:var(--ack);border:0;border-radius:10px;padding:9px 18px;font-weight:700}.btn:hover{filter:brightness(1.1)}.btn.g{background:var(--s2);color:var(--fg)}.btn.s{padding:4px 10px;font-size:13px}
main{padding:0 var(--pad) 60px;animation:f .3s;min-height:80vh}main>*:first-child:not(.hero):not(.ban){margin-top:28px}@keyframes f{from{opacity:0}}
h1{margin:0 0 10px;letter-spacing:-.02em}h2{font-size:21px;margin:30px 0 14px}
.hero{position:relative;margin:0 calc(-1*var(--pad));overflow:hidden;min-height:84vh;display:flex;align-items:flex-end;background:var(--sf) center/cover}
.hero:before,.ban:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg),#0006 60%,#0003)}
.hero div{position:relative;padding:var(--pad);padding-bottom:9vh;max-width:780px}.hero h1{font-size:clamp(32px,6vw,76px);line-height:1.1}.hero p{color:var(--mu)}
.row{display:flex;gap:16px;overflow-x:auto;padding:0 var(--pad) 10px;margin:0 calc(-1*var(--pad));scroll-snap-type:x mandatory}.row>.c{flex:0 0 clamp(160px,15vw,280px);scroll-snap-align:start}.row::-webkit-scrollbar{height:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(150px,13vw,240px),1fr));gap:18px 14px}
.c{display:block}.ph{position:relative;aspect-ratio:2/3;background:var(--s2);border-radius:0;overflow:hidden}
.ph:not(:has(img)):after{content:"нет изображения";position:absolute;inset:0;display:grid;place-items:center;color:var(--mu);font-size:11px}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s;z-index:1}.ph img.ld{opacity:1}
.c .ph{transition:.25s}.c:hover .ph{transform:translateY(-4px);box-shadow:0 10px 24px #0007}
.sc{position:absolute;top:8px;right:8px;z-index:2;background:#000b;color:#fff;border-radius:8px;padding:1px 7px;font-size:12px;font-weight:700}
.ov{position:absolute;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(transparent,#000d);color:#fff;font-size:12px;padding:30px 10px 8px;opacity:0;transition:.25s}.c:hover .ov{opacity:1}
.c b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.3;margin-top:8px}.c small{color:var(--mu)}
.ban{position:relative;height:55vh;background:var(--sf) center/cover;margin:0 calc(-1*var(--pad))}
.top{display:flex;gap:28px;margin-top:-180px;position:relative;flex-wrap:wrap}.top .ph{width:260px;flex:none;box-shadow:0 12px 30px #0008}.top>div:last-child{flex:1;min-width:260px;padding-top:190px}
.chip{display:inline-block;background:var(--s2);border-radius:99px;padding:2px 11px;font-size:12px;color:var(--mu);margin:0 6px 6px 0}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--bd);margin-top:26px;overflow-x:auto}.tabs button{background:0;border:0;padding:11px 16px;color:var(--mu);font-weight:600;white-space:nowrap;border-bottom:2px solid transparent}.tabs .on{color:var(--fg);border-color:var(--ac)}
.pn{display:none;padding-top:20px}.pn.on{display:block}
.ov2{display:grid;grid-template-columns:1fr 300px;gap:28px}@media(max-width:760px){.ov2{grid-template-columns:1fr}.top .ph{width:140px}}
dl{background:var(--sf);border-radius:14px;padding:4px 16px;margin:0}dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:14px}dl div:last-child{border:0}dt{color:var(--mu)}dd{margin:0;text-align:right;font-weight:600}
.pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}.p{display:flex;gap:10px;background:var(--sf);border-radius:12px;padding:8px;align-items:center}.p .ph{width:54px;flex:none;border-radius:0}.p small{color:var(--mu);display:block}
.bars{display:flex;align-items:flex-end;gap:6px;height:160px}.bars div{flex:1;text-align:center;font-size:11px;color:var(--mu);display:flex;flex-direction:column;justify-content:flex-end;height:100%}.bars i{display:block;background:var(--ac);border-radius:4px 4px 0 0;opacity:.85}
.fl{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.empty{background:var(--sf);border-radius:14px;padding:40px;text-align:center;color:var(--mu)}
.lib{display:flex;gap:12px;align-items:center;background:var(--sf);border-radius:14px;padding:8px;margin-bottom:8px;flex-wrap:wrap}.lib .ph{width:56px;flex:none;border-radius:0}
.pr{height:6px;background:var(--s2);border-radius:9px;width:150px;overflow:hidden;margin-top:4px}.pr i{display:block;height:100%;background:var(--ac)}
.tb{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.tb button{background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:6px 14px}.tb .on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.set{background:var(--sf);border-radius:14px;padding:4px 18px;max-width:560px}.set label{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--bd)}.set label:last-child{border:0}
.sk{background:var(--sf);position:relative;overflow:hidden;border-radius:14px}.sk:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--s2),transparent);transform:translateX(-100%);animation:sh 1.3s infinite}@keyframes sh{to{transform:translateX(100%)}}
#toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--s2);border:1px solid var(--bd);padding:10px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:50}#toast.on{opacity:1}
.cs{white-space:pre-line;max-width:70ch}
.sl{display:grid;grid-template-columns:240px 1fr;gap:36px}@media(max-width:760px){.sl{grid-template-columns:1fr}}.sl nav{display:flex;flex-direction:column;gap:4px}.sl nav a{border-radius:10px;padding:9px 14px;color:var(--mu)}.sl nav a.on{background:var(--s2);color:var(--fg)}
.fm{display:grid;gap:12px;max-width:520px;margin-bottom:26px}.fm label{display:grid;gap:5px;font-size:13px;color:var(--mu)}.fm .in{color:var(--fg);font-size:15px}.er{color:#f87171;font-size:13px;min-height:4px}
.au{max-width:440px;margin:60px auto}.au .fm{max-width:none}.av{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--s2);display:grid;place-items:center;background:var(--ac);color:var(--ack);font-weight:800}
.dd{position:relative}.dd summary{list-style:none;cursor:pointer}.mn{position:absolute;right:0;top:48px;background:var(--sf);border:1px solid var(--bd);border-radius:12px;padding:6px;display:grid;min-width:180px;z-index:30}.mn a{padding:8px 12px;border-radius:8px}.mn a:hover{background:var(--s2)}
.pv{border-radius:16px;overflow:hidden;background:var(--sf);max-width:520px}.pv .bn{height:130px;background-size:cover;background-position:center}.pv .bd{padding:0 16px 16px;margin-top:-30px}.pv .av{width:72px;height:72px;font-size:28px;border:3px solid var(--sf)}
.gl{display:flex;gap:8px;flex-wrap:wrap}.gl button{width:90px;height:46px;border-radius:10px;border:2px solid transparent}.gl button.on{border-color:var(--ac)}

.ph,.c .ph{border-radius:0!important}
.bdg{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;padding:1px 7px;border-radius:99px;color:#141414;background:var(--c);vertical-align:middle}
.pcard{background:var(--sf);border:2px solid var(--c);border-radius:16px;padding:20px}.pcard ul{padding-left:18px;color:var(--mu);font-size:14px}.pcard li{margin-bottom:6px}
.pfw{border-radius:18px;padding:16px;margin-top:16px;position:relative;overflow:hidden;background-size:cover!important}.pg{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;position:relative;z-index:1}
.bk{padding:16px;position:relative;min-width:0;overflow:hidden}.bk.edt{outline:2px dashed var(--ac);cursor:grab;overflow:visible}.bk.edt:has(details[open]){z-index:5}
@media(max-width:760px){.bk{grid-column:span 12!important}}
.bt{margin:0 0 10px;font-size:15px}.bn2{height:120px;margin:-16px -16px 0;background-size:cover}
.kp{display:flex;gap:18px;flex-wrap:wrap}.kp div{display:grid}.kp b{font-size:26px;color:var(--ac)}
.fi{padding:6px 0;border-bottom:1px solid var(--bd);font-size:14px;display:flex;justify-content:space-between;gap:10px}
.dn{width:110px;height:110px;border-radius:50%;-webkit-mask:radial-gradient(circle,transparent 42%,#000 43%);mask:radial-gradient(circle,transparent 42%,#000 43%)}.dt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}
.eo{padding-left:18px;margin:6px 0}.eo li{display:flex;justify-content:space-between;gap:8px;padding:3px 0}.eo li.in6{color:var(--ac)}.eo button,.ct button{background:var(--s2);border:0;border-radius:6px;padding:2px 7px}
.ct{position:absolute;top:6px;right:6px;display:flex;gap:4px;z-index:6;background:#000a;padding:4px;border-radius:10px;align-items:center;color:#fff}.ct .in{padding:2px 4px}.pan{position:absolute;right:0;top:30px;background:var(--sf);color:var(--fg);border:1px solid var(--bd);border-radius:12px;padding:12px;display:grid;gap:8px;min-width:220px}.pan label{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.tbr{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:var(--sf);padding:12px;border-radius:14px;margin-bottom:8px}.tbr label{display:flex;gap:6px;align-items:center;font-size:13px}
.av.big{width:110px!important;height:110px!important;font-size:44px!important;border:3px solid var(--sf)}
.fr-gold{box-shadow:0 0 0 4px #facc15}.fr-neon{box-shadow:0 0 0 3px #22d3ee,0 0 18px #22d3ee}.fr-eter{box-shadow:0 0 0 4px #a78bfa,0 0 22px #f0abfc;animation:hr 4s linear infinite}@keyframes hr{to{filter:hue-rotate(360deg)}}
.th-t1{background-image:linear-gradient(135deg,#4c0519,#be123c,#1e1b4b)!important}.th-t2{background-image:linear-gradient(135deg,#020617,#312e81,#0e7490)!important}.th-t3{background-image:linear-gradient(135deg,#9d174d,#f9a8d4,#7e22ce)!important}
.fx-aur:after,.fx-spk:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.fx-aur:after{background:linear-gradient(120deg,#22d3ee33,#a78bfa33,#f472b633,#22d3ee33);background-size:300% 300%;animation:au 8s ease infinite}@keyframes au{50%{background-position:100% 50%}}
.fx-spk:after{background:radial-gradient(#fff9 1px,transparent 2px) 0 0/40px 40px,radial-gradient(#fff6 1px,transparent 2px) 20px 20px/40px 40px;animation:sp 6s linear infinite}@keyframes sp{to{background-position:0 40px,20px 60px}}
.cmt{background:var(--sf);border-radius:12px;padding:10px 14px;margin:8px 0;max-width:640px}.cmt p{margin:4px 0 0;white-space:pre-line}
.chat{display:grid;grid-template-columns:240px 1fr;gap:14px;min-height:50vh}@media(max-width:760px){.chat{grid-template-columns:1fr}}.cl{background:var(--sf);border-radius:14px;padding:6px}.cl a{display:flex;gap:10px;align-items:center;padding:8px;border-radius:10px}.cl a.on,.cl a:hover{background:var(--s2)}.cw{background:var(--sf);border-radius:14px;padding:12px;display:flex;flex-direction:column}.ms{flex:1;max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.m{background:var(--s2);padding:7px 12px;border-radius:14px;max-width:75%;align-self:flex-start}.m.me{background:var(--ac);color:var(--ack);align-self:flex-end}.m small{display:block;opacity:.6;font-size:10px}

.bar{display:grid;grid-template-columns:1fr minmax(180px,440px) 1fr;gap:12px;align-items:center}.bl{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}.br{display:flex;justify-content:flex-end;align-items:center;gap:8px}.br nav{display:flex}.bc input{width:100%}
@media(max-width:900px){.bar{grid-template-columns:1fr}.br{justify-content:flex-start}}
.dd .mn{top:100%;margin-top:0}
.ops{display:grid;gap:8px}.opc{display:flex;gap:6px;align-items:center}.opb{flex:1;display:flex;gap:12px;align-items:center;background:var(--s2);border:0;border-radius:12px;padding:10px;text-align:left}.opb:hover{outline:2px solid var(--ac)}.opb small{display:block;color:var(--mu)}.pl2{width:34px;height:34px;border-radius:50%;background:var(--ac);color:var(--ack);display:grid;place-items:center;flex:none}
.opr{display:grid;gap:6px;margin-top:8px}.opr button{background:var(--s2);border:0;border-radius:10px;padding:6px;text-align:left;display:flex;gap:10px;align-items:center}
.tr{display:flex;gap:8px;margin-bottom:6px}.tr>b{width:44px;flex:none;display:grid;place-items:center;color:#141414;font-size:20px;min-height:64px}.tr>div{flex:1;display:flex;flex-wrap:wrap;gap:6px;background:var(--s2);padding:6px;min-height:64px;align-items:flex-start}.ti{width:64px;display:grid;gap:2px}.ti select{width:100%;font-size:11px;background:var(--sf)}
.mdl{position:fixed;inset:0;background:#000c;z-index:60;display:grid;place-items:center;overflow:auto;padding:16px}.rvf{background:var(--bg);border:1px solid var(--bd);border-radius:18px;padding:16px;width:min(900px,100%);max-height:96vh;overflow:auto;display:grid;gap:12px}
.grp{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px 18px;padding:14px;border-radius:14px;border:1px solid}.g1{border-color:#6366f1;background:#1e1b4b44}.g2{border-color:var(--ac);background:#4c051944}.g3{border-color:#a855f7;background:#3b076444}
.sl2{display:grid;grid-template-columns:1fr auto;gap:4px;font-size:13px;font-weight:700}.sl2 b{font-size:20px}.sl2 input{grid-column:1/3;accent-color:var(--ac)}
.rvi{background:var(--sf);border-radius:12px;padding:10px 14px;font-size:13px}.rvi p{margin:4px 0}
.rvtot{display:flex;justify-content:flex-end;align-items:center;gap:14px}.rvtot big{font-size:44px;font-weight:800}.rvtot small{font-size:14px;color:var(--mu)}.rvok{width:52px;height:52px;border-radius:50%;border:0;background:var(--ac);color:var(--ack);font-size:24px}
.rev{background:var(--sf);border-radius:14px;padding:14px;margin:10px 0;max-width:760px}.rev h3{margin:6px 0}.rev .sc2{float:right;background:var(--ac);color:var(--ack);font-weight:800;border-radius:10px;padding:2px 10px}

.rev{border:1px solid var(--bd);border-radius:20px;padding:10px;margin:14px 0;max-width:860px;background:var(--sf)}
.rh{display:flex;align-items:center;gap:12px;background:var(--s2);border-radius:14px;padding:10px 14px}.rh .av{width:44px;height:44px}.rh b{font-size:16px}
.tt{margin-left:auto;text-align:right;line-height:1.1}.tt big{display:block;font-size:30px;font-weight:800}.tt i{font-style:normal;font-weight:700;font-size:13px;margin-left:3px}
.rb{padding:14px 8px 8px}.rb h3{margin:0 0 10px;font-size:18px}.rt{white-space:pre-line;margin:0 0 8px;line-height:1.6;overflow-wrap:anywhere}
.rvd{background:var(--s2);border-radius:12px;padding:6px 14px;margin:6px 0}
.rf{display:flex;gap:8px;align-items:center;padding:4px 4px 2px}.rf button{background:var(--s2);border:0;border-radius:99px;padding:8px 16px;font-size:15px}.rf button.on{color:var(--ac)}.rf button:hover{outline:2px solid var(--ac)}
.rvg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px}.rvg .rev{margin:0;max-width:none}

#sg{position:fixed;z-index:70;background:var(--sf);border:1px solid var(--bd);border-radius:14px;box-shadow:0 12px 30px #0009;overflow:hidden}
.sgi{display:flex;gap:10px;align-items:center;padding:8px 12px;cursor:pointer}.sgi.on,.sgi:hover{background:var(--s2)}.sgi img{width:34px;height:48px;object-fit:cover;background:var(--s2);flex:none}.sgi small{display:block;color:var(--mu)}.sgall{color:var(--ac);font-weight:600}
.stn{position:sticky;top:76px;align-self:start}.stn a{display:flex;justify-content:space-between;gap:8px}.stn a.on{background:var(--s2);color:var(--fg)}.stn a b{color:var(--mu);font-weight:600}
.stsec{padding:6px 0 30px;scroll-margin-top:80px}.sl .stsec+.stsec{border-top:1px solid var(--bd);padding-top:26px}
@media(max-width:760px){.stn{position:static;flex-direction:row!important;flex-wrap:wrap}}
.vw{display:flex;gap:4px}.vw button{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:8px 12px}.vw button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}.tile{display:grid;gap:4px;align-content:start}
.lsw{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;height:54px;border-radius:99px;border:1px solid var(--bd);background:var(--sf);padding:4px;margin:6px 0 20px;overflow:hidden}
.lsw .th{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:99px;background:var(--ac);transition:transform .45s cubic-bezier(.4,0,.2,1)}.lsw.manga .th{transform:translateX(100%)}
.lsw span{position:relative;z-index:1;display:grid;place-items:center;font-weight:800;font-size:17px;color:var(--mu);transition:color .3s}.lsw:not(.manga) span:nth-of-type(1),.lsw.manga span:nth-of-type(2){color:var(--ack)}
.crv{position:relative;overflow:hidden;background:#000;margin:0 auto;touch-action:none;cursor:grab;border-radius:10px}.crv.rd{border-radius:50%}.crv img{position:absolute;max-width:none;user-select:none;pointer-events:none}

.ban.pbn{height:260px}.pfw{padding:0;margin-top:0;background:none}.pfw[class*="th-"],.pfw[class*="fx-"]{padding:16px;margin-top:16px}.bk.hd{overflow:visible;padding:0 4px}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,290px));gap:16px;justify-content:center;align-items:stretch}@media(max-width:960px){.plans{grid-template-columns:minmax(0,380px)}}
.pcard{display:flex;flex-direction:column;padding:18px}.pcard ul{flex:1;font-size:13px;margin:8px 0 14px}.pcard .btn{width:100%}
.stsec{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:24px;margin-bottom:20px}.sl .stsec+.stsec{border-top:1px solid var(--bd);padding-top:24px}
.stsec h2{font-size:22px;margin:0 0 16px!important;display:flex;align-items:center;gap:10px}.stsec h2:before{content:"";width:4px;height:22px;border-radius:4px;background:var(--ac)}
.stsec .in,.stsec input[type=file]{background:var(--bg)}.stsec .set,.stsec dl,.stsec .lib{background:var(--s2)}.stsec .set{max-width:none}
#st-del{border-color:#f8717166}
.stn{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:10px}
.lbt{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:12px;margin:0 0 18px}
.rmeta{display:flex;align-items:center}.rcnt{display:inline-flex;gap:4px;align-items:center;background:var(--s2);border-radius:99px;padding:1px 8px;margin-right:8px;font-weight:700;font-size:12px}.rcnt.has{background:var(--ac);color:var(--ack)}
.desc{font-size:16px;line-height:1.8;max-width:78ch;background:var(--sf);border-left:3px solid var(--ac);padding:16px 22px;border-radius:0 14px 14px 0}.desc.clamp{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.cth{margin:14px 0;max-width:860px}.cmt{display:flex;gap:14px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:14px;margin:0;max-width:none}.cmt.rp{margin:8px 0 0 54px;background:var(--s2)}
.cav .av{width:44px;height:44px}.cbd{flex:1;min-width:0}.ch{display:flex;align-items:center;gap:14px}.ch .bdg{margin-left:6px}.cdt{margin-left:auto;color:var(--mu)}.crt{color:var(--ac)}
.ctx{margin:6px 0 10px!important;white-space:pre-line;overflow-wrap:anywhere;line-height:1.55}.cact{display:flex;gap:6px;flex-wrap:wrap}.cact button{background:var(--s2);border:0;border-radius:99px;padding:5px 12px;font-size:13px}.cmt.rp .cact button{background:var(--sf)}.cact button.on{background:var(--ac);color:var(--ack)}.cact button:hover{outline:2px solid var(--ac)}
.rpf{margin-top:10px}.fw{display:block;background:#0003;border-left:3px solid var(--ac);padding:6px 10px;border-radius:8px;margin-bottom:4px;font-size:13px}.fw small{display:block;opacity:.7}

/* ===== v8 ===== */
.ban{height:clamp(280px,36vw,560px)}.ban.pbn{height:clamp(280px,34vw,520px)}
.ban:before{background:linear-gradient(to top,var(--bg) 0,#0000 55%),linear-gradient(to bottom,#0003,#0000 35%)}
.pfw,.pfw[class*="th-"],.pfw[class*="fx-"]{overflow:visible}.fx-aur:after,.fx-spk:after{border-radius:inherit}
.bk.hd{position:relative;z-index:3}
.desc{font-size:15px;line-height:1.75;max-width:90ch;background:none;border:0;padding:0;border-radius:0;margin:14px 0 6px;color:color-mix(in srgb,var(--fg) 82%,transparent)}.desc.clamp{-webkit-line-clamp:6}
.rwp{position:relative;margin:0 calc(-1*var(--pad))}.rwp>.row{margin:0;scroll-snap-type:x proximity;scrollbar-width:none}
.rnv{position:absolute;top:0;bottom:10px;z-index:5;width:clamp(100px,10vw,200px);height:auto;border:0;border-radius:0;padding:0 22px;display:flex;align-items:center;color:#fff;font-size:0;line-height:1;opacity:0;transition:opacity .2s;box-shadow:none;cursor:pointer}
.rnv.l{left:0;justify-content:flex-start;background:linear-gradient(90deg,#000e,#000b 35%,#0005 70%,#0000)}.rnv.r{right:0;justify-content:flex-end;background:linear-gradient(270deg,#000e,#000b 35%,#0005 70%,#0000)}
.rnv svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #0009);transition:transform .15s}.rnv:hover svg{transform:scale(1.2)}.rnv[hidden]{display:none}
.rwp:hover .rnv,.rnv:focus-visible{opacity:1}@media(hover:none){.rnv{display:none}}
.aw{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;margin-top:30px;align-items:start}@media(max-width:900px){.aw{grid-template-columns:1fr}}
.win{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:20px;margin-bottom:20px}.win h2{font-size:19px;margin:0 0 14px;display:flex;align-items:center;gap:10px}.win h2:before{content:"";width:4px;height:20px;border-radius:4px;background:var(--ac)}
.win dl{background:none;padding:0}.win .empty{background:var(--s2);padding:24px}
.ccg{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.cc{display:flex;justify-content:space-between;gap:8px;background:var(--s2);border-radius:12px;overflow:hidden;min-height:86px}.cc:hover{outline:2px solid var(--ac)}
.cca,.ccb{display:flex;gap:10px;align-items:stretch;min-width:0;flex:1}.ccb{justify-content:flex-end;text-align:right}
.cc .ph{width:58px;flex:none;aspect-ratio:auto;align-self:stretch;min-height:86px}.cc span{display:grid;align-content:center;padding:8px 0;min-width:0}
.cc b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.cc small{color:var(--mu);font-size:12px}
.stg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.stg h3{margin:0 0 12px;font-size:15px;color:var(--mu)}
.stt{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:12px}.stt span{background:var(--c);color:#141414;border-radius:10px;padding:8px 10px;font-weight:700;font-size:13px;display:grid}.stt b{font-size:18px}
.stk{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--s2)}.stk i{display:block;height:100%}
.win .bars{height:190px}
.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;align-items:start;margin-bottom:26px}
.frow .fm{max-width:none;margin:0;background:var(--s2);border-radius:14px;padding:18px}
.pfg{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:28px;align-items:start}@media(max-width:1000px){.pfg{grid-template-columns:1fr}}.pfg .fm{max-width:none}
.pv{max-width:none;border:1px solid var(--bd);border-radius:20px;box-shadow:0 14px 40px #0005}
.pv .bn{height:auto;aspect-ratio:3.2/1;min-height:160px}.pv .bd{padding:0 28px 28px;margin-top:0}
#pva{display:inline-block;position:relative;z-index:2;margin-top:-64px}.pv .av{width:128px;height:128px;font-size:52px;border-width:5px;margin:0}
.pv h2{font-size:28px!important}.pv #pvt{font-size:16px;line-height:1.6;white-space:pre-line}
.rvok{font-size:15px;font-weight:800}

/* ===== v9 ===== */
.pedit{display:flex;justify-content:flex-end;margin:6px 0 4px}.pedit a{font-size:12px;color:var(--mu);padding:3px 10px;border:1px solid transparent;border-radius:99px;opacity:.7}.pedit a:hover{color:var(--fg);border-color:var(--bd);opacity:1}
.kp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:2px 0 22px}.kp>div{padding:2px 16px;border-left:1px solid var(--bd);display:grid;gap:3px;align-content:start}.kp>div:first-child{border-left:0;padding-left:0}
.kp b{font-size:28px;line-height:1.1}.kp small{color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.knote{position:absolute;right:14px;bottom:8px;font-size:11px;color:var(--mu);opacity:.5}
.afeed{display:grid;gap:2px;margin-top:12px}.afi{display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:10px;align-items:start;padding:8px 10px;border-radius:10px;color:inherit}
a.afi:hover{background:var(--s2)}.afi .ad{width:8px;height:8px;border-radius:50%;background:var(--mu);margin-top:7px}
.ad-list{background:#7bd555!important}.ad-comment,.ad-wall{background:#02a9ff!important}.ad-follow{background:#f87171!important}.ad-review{background:#f0a63a!important}
.afi .at{font-size:14px;overflow-wrap:anywhere}.afi small{grid-column:2;color:var(--mu);font-size:12px}.amore summary{cursor:pointer;color:var(--mu);font-size:13px;margin-top:10px}
.cth{max-width:860px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;margin:14px 0}
.cth .cmt{background:none;border:0;border-radius:0;margin:0;max-width:none;padding:14px 16px}
.cth .cmt.rp{margin:0;background:color-mix(in srgb,var(--s2) 55%,transparent);border-top:1px solid var(--bd);padding-left:36px;position:relative}
.cth .cmt.rp:before{content:"";position:absolute;left:18px;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--ac);opacity:.6}
.cth .cmt.rp .cav .av{width:34px;height:34px;font-size:15px}
.crt{display:block;background:none;border:0;padding:0;margin-top:4px;color:var(--ac);font-size:12px;cursor:pointer;text-align:left}.crt:hover{text-decoration:underline}
.cmt.flash{animation:fl 2.3s}@keyframes fl{0%,65%{box-shadow:inset 0 0 0 2px var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}}

/* ===== v10: монохром + окно записи библиотеки ===== */
.cvw{position:relative}
.cvw .dots{position:absolute;top:6px;right:6px;z-index:4;width:30px;height:30px;border-radius:50%;border:0;background:#000c;color:#fff;display:grid;place-items:center;padding:0;opacity:0;transition:opacity .15s,background .15s}
.cvw .dots svg{width:62%;height:62%}.cvw:hover .dots,.cvw .dots:focus-visible{opacity:1}.cvw .dots:hover{background:#000}
.lib .cvw .dots{width:22px;height:22px;top:3px;right:3px}.cvw.cp .dots{width:24px;height:24px;top:4px;right:4px}.cvw.cp:hover .sc{visibility:hidden}
@media(hover:none){.cvw .dots{opacity:.92}}
.enote{color:var(--mu);font-size:12px;max-width:60ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
#eom .rvf{gap:14px}.eoh{display:flex;gap:14px;align-items:center}.eoh .ph{width:56px;flex:none}
.eg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.eg label,.ecl{display:grid;gap:5px;font-size:13px;color:var(--mu)}.eg .in,.ecl .in{color:var(--fg);width:100%}
.eg label.epl{grid-column:1/-1}
.eprog{display:flex;gap:10px;align-items:center;justify-content:center;padding:6px 0 2px}
.eprog .btn{width:48px;height:48px;padding:0;display:grid;place-items:center;font-size:24px;line-height:1;border-radius:14px}
.eprog .in{width:120px;height:48px;text-align:center;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;border-radius:14px}
.eprog .in::-webkit-outer-spin-button,.eprog .in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.eprog>span{font-size:16px;font-weight:700;min-width:44px}
/* ===== календарь выбора даты ===== */
.eg .dpb,.dpb{display:flex;align-items:center;gap:9px;width:100%;height:auto;min-height:0;padding:8px 12px;margin:0;text-align:left;cursor:pointer;font:inherit;font-size:15px;line-height:1.4;color:var(--fg);box-shadow:none;transform:none}
.dpb svg{flex:none;color:var(--ac)}.dpb .dpt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpb.empty .dpt{color:var(--mu)}.dpb[aria-expanded=true]{border-color:var(--ac)}
.dpp{position:fixed;z-index:90;width:304px;padding:14px;border-radius:20px;background:var(--bg);border:1px solid var(--bd);box-shadow:0 22px 60px #0008,0 0 0 1px color-mix(in srgb,var(--ac) 12%,transparent);transform-origin:top left;animation:dppin .18s cubic-bezier(.2,.8,.2,1);user-select:none;-webkit-user-select:none}
@keyframes dppin{from{opacity:0;transform:translateY(-6px) scale(.96)}}
.dph{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.dph .dpv{flex:1;border:0;background:transparent;color:var(--fg);font:inherit;font-size:15px;font-weight:800;padding:7px 10px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.dph .dpv:hover{background:var(--s2)}
.dph .dpv svg{color:var(--mu)}
.dpn{width:34px;height:34px;border:1px solid var(--bd);background:var(--sf);color:var(--fg);border-radius:50%;cursor:pointer;display:grid;place-items:center;flex:none;transition:border-color .15s,background .15s}
.dpn:hover{border-color:var(--ac);background:var(--s2)}
.dpw,.dpg{display:grid;grid-template-columns:repeat(7,1fr)}
.dpw span{text-align:center;font-size:11.5px;font-weight:700;color:var(--mu);padding:4px 0 6px}
.dpw span:nth-child(n+6){color:color-mix(in srgb,var(--ac) 75%,var(--mu))}
.dpc{display:grid;place-items:center;height:38px}
.dpd{width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--fg);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;transition:background .12s,transform .12s}
.dpd:hover:not(:disabled){background:var(--s2);transform:scale(1.08)}
.dpd:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.dpc.out .dpd{color:var(--mu);opacity:.45}
.dpc.td .dpd{box-shadow:inset 0 0 0 1.5px var(--ac);font-weight:800}
.dpc.rng{background:color-mix(in srgb,var(--ac) 14%,transparent)}
.dpc.rs{border-radius:99px 0 0 99px}.dpc.re{border-radius:0 99px 99px 0}.dpc.rs.re{border-radius:99px}
.dpc.edge .dpd{background:color-mix(in srgb,var(--ac) 82%,var(--bg));color:var(--ack)}
.dpc.sel .dpd{background:var(--ac);color:var(--ack);font-weight:800;box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 55%,transparent)}
.dpd:disabled{opacity:.25;cursor:default}
.dpm{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dpm button{height:46px;border-radius:14px;border:1px solid transparent;background:var(--sf);color:var(--fg);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}
.dpm button:hover:not(:disabled){border-color:var(--ac);background:var(--s2)}
.dpm button.cur{box-shadow:inset 0 0 0 1.5px var(--ac)}
.dpm button.on{background:var(--ac);color:var(--ack)}
.dpm button:disabled{opacity:.25;cursor:default}
.dpf{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--bd)}
.dpf button{border:0;background:transparent;color:var(--ac);font:inherit;font-size:13px;font-weight:800;padding:6px 10px;border-radius:10px;cursor:pointer}
.dpf button:hover:not(:disabled){background:var(--s2)}.dpf button:disabled{opacity:.35;cursor:default}
.dpf .dpc2{color:var(--mu)}
.dpbody{animation:dpfd .16s ease-out}@keyframes dpfd{from{opacity:0}}
@media(prefers-reduced-motion:reduce){.dpp,.dpbody{animation:none}.dpd{transition:none}}

.ecu{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ecc{display:flex;gap:8px;align-items:center;cursor:pointer;font-weight:600}.ecc input{accent-color:var(--ac);width:16px;height:16px}
.ecg{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 18px;padding:14px;border:1px solid var(--bd);border-radius:14px;background:var(--sf)}.ecg[hidden]{display:none}
.sl2 small{grid-column:1/3;color:var(--mu);font-weight:400;font-size:11px}

/* ===== v11 ===== */
main>.hs.hs:first-child{margin-top:0}
.hs{position:relative;margin:0 calc(-1*var(--pad));min-height:min(84vh,760px);overflow:hidden;background:#000;color:#fff}
.hsl{position:absolute;inset:0;background:#111 center/cover no-repeat;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;display:flex;align-items:flex-end}
.hsl.on{opacity:1;visibility:visible;z-index:1}
.hsl:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--bg) 0,#000c 28%,#0004 65%,#0006),linear-gradient(to right,#000a,#0000 60%)}
.hc{position:relative;padding:var(--pad);padding-bottom:13vh;max-width:820px}
.hk{font-weight:800;letter-spacing:.02em}.hc h1{font-size:clamp(32px,6vw,76px);line-height:1.08;margin:6px 0 12px;color:#fff}
.hg{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:#d4d4d4;margin:0 0 12px}.hr{background:#fff;color:#000;border-radius:8px;padding:1px 9px;font-weight:800;font-size:14px}
.hd{color:#eee;max-width:70ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px}
.hs .btn{background:#fff;color:#000;display:inline-block}
.hn{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:30px;line-height:1;padding:0 0 4px;opacity:0;transition:.2s}
.hn.l{left:14px}.hn.r{right:14px}.hs:hover .hn,.hn:focus-visible{opacity:1}.hn:hover{background:#fff;color:#000}@media(hover:none){.hn{opacity:.8}}
.hdots{position:absolute;z-index:3;left:var(--pad);bottom:5vh;display:flex;gap:8px}
.hdots button{width:48px;height:20px;background:0;border:0;padding:8px 0}.hdots button i{display:block;height:4px;border-radius:4px;background:#fff5;position:relative;overflow:hidden}
.hdots button i:after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.hdots button.on i:after{animation:hp 8s linear forwards}@keyframes hp{to{transform:scaleX(1)}}
/* стикеры действий */
.cact button,.rf button{background:var(--fg)!important;color:var(--bg)!important;font-weight:700;border-radius:99px}
.cact button.on,.rf button.on{background:var(--bg)!important;color:var(--fg)!important;box-shadow:inset 0 0 0 2px var(--fg)}
.cact button:hover,.rf button:hover{outline:0;opacity:.85}
/* профиль в стиле AniList */
.apf .ban.pbn{height:clamp(190px,24vw,360px)}
.ahd{display:flex;gap:20px;align-items:flex-end;position:relative;border-radius:12px;padding:0 0 16px;flex-wrap:wrap}.ahd[class*="th-"],.ahd[class*="fx-"]{overflow:hidden}.ahd[class*="th-"] .ahl,.ahd[class*="fx-"] .ahl{margin-top:0}
.atabs a,.atabs a:hover,.atabs a.on{background:none;border-radius:0}
.ahd[class*="th-"],.ahd[class*="fx-"]{padding:16px;margin-top:12px}
.ahl{margin-top:-64px;position:relative;z-index:2}
.apf .av.big{width:124px!important;height:124px!important;border-radius:10px!important;border:4px solid var(--bg)!important;font-size:50px!important}
.ahn{flex:1;min-width:200px;position:relative;z-index:1}.ahn h1{margin:0;font-size:28px}.ahn small{color:var(--mu);display:block;margin:2px 0 6px}
.aha{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}
.atabs{display:flex;gap:2px;border-bottom:1px solid var(--bd);overflow-x:auto;margin-bottom:20px}
.atabs a{padding:12px 16px;color:var(--mu);font-weight:700;white-space:nowrap;border-bottom:3px solid transparent}.atabs a:hover{color:var(--fg)}.atabs a.on{color:var(--fg);border-color:var(--ac)}.atabs a b{font-size:11px;background:var(--s2);border-radius:99px;padding:1px 7px;margin-left:4px}
.agr{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}@media(max-width:900px){.agr{grid-template-columns:1fr}}
.acd{position:relative;background:var(--sf);border-radius:10px;padding:16px;margin-bottom:16px}.acn{margin:0 0 12px;font-size:14px;color:var(--mu);font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.abio{margin:0;white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}
.agr aside .kp{grid-template-columns:repeat(3,minmax(0,1fr))}.agr aside .kp b{font-size:17px;white-space:nowrap}.agr aside .kp>div{padding:2px 8px}.acd .knote{position:static;display:block;margin-top:10px}
.ucd{display:flex;gap:12px;align-items:center;padding:8px;border-radius:10px}.ucd:hover{background:var(--s2)}.ucd small{display:block;color:var(--mu)}
.ucg{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px}

/* ===== v12: страница аниме + «Смотреть» ===== */
[hidden]{display:none!important}
.thd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}.thd h1{flex:1;min-width:200px}
.wbtn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 22px;font-size:15px;border-radius:16px;margin-top:4px}
.afx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--bd);border:1px solid var(--bd);border-radius:14px;overflow:hidden;margin-top:30px}
.afx>div{background:var(--sf);padding:12px 16px;display:grid;gap:2px;align-content:start;min-width:0}
.afx small{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.afx b{font-size:15px;overflow-wrap:anywhere}
.nxb{display:flex;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;margin-top:12px;padding:12px 16px;border-radius:12px;background:var(--sf);border:1px solid var(--bd);border-left:3px solid var(--ac)}.nxb span{color:var(--mu)}
.tabs{margin-top:28px}.tabs button{display:flex;align-items:center;gap:8px}
.tcn{background:var(--s2);color:var(--mu);border-radius:99px;padding:0 8px;font-size:12px;font-weight:700}.tabs .on .tcn{background:var(--ac);color:var(--ack)}
.rg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:22px 14px}
.rc .rw{position:relative}.rc .rl{position:absolute;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(transparent,#000d);color:#fff;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:28px 10px 8px}
.rc small{display:block}
.pn .ccg{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.pn .cc{background:var(--sf);border:1px solid var(--bd);border-radius:12px;min-height:80px}.pn .cc .ph{width:54px;min-height:80px}
.pn .stg{margin-bottom:4px}
.wp{padding-top:22px}.wback{display:inline-block;color:var(--mu);margin-bottom:10px}.wback:hover{color:var(--fg)}
.wh h1{font-size:clamp(22px,3vw,32px);margin:0}.wh small{color:var(--mu)}
.wg{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin-top:18px;align-items:start}@media(max-width:1000px){.wg{grid-template-columns:1fr}}
.wfr{position:relative;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid var(--bd)}
.wfr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wmsg{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#bbb;padding:24px;font-size:14px}
.wnav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}.wnav .sp{flex:1}.wnav .btn:disabled{opacity:.4;cursor:default}
.wnote{color:var(--mu);font-size:13px;margin:10px 0 0;max-width:70ch}
.wbox{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:16px;margin-bottom:14px}
.wbox h3{margin:0 0 10px;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.wpl{display:flex;flex-wrap:wrap;gap:6px}.wpl button,.wep button{background:var(--s2);border:1px solid transparent;border-radius:10px;padding:8px 14px;font-weight:600;position:relative}
.wpl button.on,.wep button.on{background:var(--ac);color:var(--ack)}
.wbox select,.wbox input{width:100%}.wbox .cu{margin-top:10px}.wbox small{display:block;color:var(--mu);margin-top:6px;font-size:12px}
.wep{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:6px;max-height:300px;overflow:auto;padding:2px}.wep button{padding:8px 0;border-radius:8px}
.wep button.wd:not(.on){color:var(--mu)}.wep button.wd:after{content:"✓";position:absolute;top:0;right:4px;font-size:9px}

/* ===== v13 ===== */
@media(min-width:901px){.bar{grid-template-columns:auto minmax(260px,1fr) auto}}
@media(min-width:901px){.bl{gap:4px 6px}.bl nav a,.br nav a{padding:6px 10px}.br{gap:6px}}
.bc input{width:100%;padding:10px 16px}
.dgr{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;margin-top:4px}@media(max-width:900px){.dgr{grid-template-columns:1fr}}
.afs .afx{grid-template-columns:1fr;margin-top:0;gap:0;background:var(--sf);border-radius:12px}
.afs .afx>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 14px;border-bottom:1px solid var(--bd)}.afs .afx>div:last-child{border-bottom:0}
.afs .afx b{text-align:right;font-size:14px}
.afs .nxb{display:block;margin-top:10px;padding:10px 14px}.afs .nxb b,.afs .nxb span{display:block}
.fl .wbtn{margin-top:0;padding:10px 24px;font-size:15px}
.stc{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:14px 28px;align-items:center;margin-top:22px;padding:14px 18px;background:var(--sf);border:1px solid var(--bd);border-radius:14px}@media(max-width:900px){.stc{grid-template-columns:1fr}}
.stn2{display:flex;gap:22px}.stn2>div{display:grid}.stn2 b{font-size:20px;line-height:1.1}.stn2 small{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.sts .stk{height:8px}.stl{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;color:var(--mu)}.stl b{color:var(--fg)}.stl i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}
.scb{display:flex;align-items:flex-end;gap:4px;height:54px}.scb div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.scb i{display:block;border-radius:3px 3px 0 0;opacity:.9}.scb small{font-size:9px;color:var(--mu);margin-top:2px}
.tabs{margin-top:20px}.tabs button{padding:9px 14px}.pn{padding-top:14px}
.rg{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:16px 12px}.rc b{font-size:12.5px;margin-top:6px}.rc small{font-size:11px}.rc .rl{font-size:10px;padding:22px 8px 6px}
.pn .ccg{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.pn .cc{min-height:62px;border-radius:10px}.pn .cc .ph{width:42px;min-height:62px}.pn .cc b{font-size:12.5px}.pn .cc small{font-size:11px}.pn .cc span{padding:6px 0}
.cact button.ib,.rf button.ib{background:var(--s2)!important;color:var(--fg)!important;box-shadow:none;border:1px solid var(--bd);border-radius:99px;min-width:38px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cact button.ib.ic,.rf button.ib.ic{padding:0;width:36px}
.cact button.ib:hover,.rf button.ib:hover{background:var(--bd)!important;opacity:1}
.cact button.ib.on,.rf button.ib.on{color:#f43f5e!important;border-color:#f43f5e77;box-shadow:none}
.ib svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ib.on svg{fill:#f43f5e}.ib span{font-weight:700;font-size:13px}
.ib.ic[data-cd]:hover,.ib.ic[data-cp]:hover{color:#f87171!important}
.rvt{position:relative;display:flex;align-items:center;gap:14px;overflow:hidden;border-radius:14px;padding:12px 16px;margin-bottom:8px;color:#fff;background:#111;isolation:isolate}
.rvt .rvb{position:absolute;inset:-24px;z-index:-2;background-size:cover;background-position:center;filter:blur(20px) saturate(1.3);transform:scale(1.1)}
.rvt:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d,#0008)}
.rvt .ph{width:54px;flex:none;border-radius:8px!important;box-shadow:0 6px 18px #000a}
.rtx{display:grid;gap:2px;min-width:0;flex:1}.rtx small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:#ffffffb8;font-weight:700}.rtx b{font-size:17px;line-height:1.25;overflow-wrap:anywhere}.rtx em{font-style:normal;font-size:12px;color:#ffffffb8}
.rvt .ph:after{content:""}
.rva{font-size:28px;line-height:1;opacity:.6;transition:.2s}.rvt:hover .rva{transform:translateX(4px);opacity:1}

/* ===== v14: правки рецензий, прокрутки рядов и поиска ===== */
/* 1. Кнопки рецензии всегда прижаты к низу блока */
.rev{display:flex;flex-direction:column;min-width:0}
.rev>.rb{flex:1 1 auto;min-width:0}
.rev>.rf{margin-top:auto}
/* 2. Заголовок рецензии не вылезает из блока */
.rev .rb h3{overflow-wrap:anywhere;word-break:break-word;min-width:0;line-height:1.3}
/* 3. Ряды не «подпрыгивают» из-за scroll-snap: учитываем боковой отступ */
.row,.rwp>.row{scroll-padding-inline:var(--pad)}
/* 4. Более узкие поля поиска */

/* ===== v15 ===== */
/* 6. Поле поиска в шапке чуть больше */
@media(min-width:901px){.bc{width:100%;max-width:630px;justify-self:center}.br{gap:32px}}
.bc input{padding:12px 18px;font-size:15px}
/* 7. Отступ меню от названия сайта */
.bl .logo{margin-right:12px}
@media(min-width:901px){.bl .logo{margin-right:26px}}
/* 8. Интервал между аниме в рядах, как на Crunchyroll */
.row{gap:24px}
/* 4. Поле поиска на странице рецензий: больше и по центру */
.rsf{justify-content:center;flex-wrap:nowrap;width:100%;max-width:600px;margin:20px auto 28px}
.rsf .in{flex:1;min-width:0;padding:13px 18px;font-size:16px}
.rsf .btn{padding:13px 24px;font-size:16px;flex:none}
/* 1. Текст рецензии: ~10 строк + «Читать полностью» */
.rev .rt.cl{display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}
.rmb{align-self:flex-start;margin:4px 0 6px}.rmb[hidden]{display:none!important}
/* 2. Дата рецензии прижата к низу блока */
.rev>.rb{display:flex;flex-direction:column}
.rev .rb .rdt{margin-top:auto;padding-top:12px}

/* ===== v16 ===== */
/* Страница аниме: описание | статистика | информация */
.top>div:last-child{container-type:inline-size}
.dgr{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"dl afs" "stc afs";gap:20px 24px;align-items:start}
.dgr>.dl{grid-area:dl;min-width:0}.dgr>.stc{grid-area:stc}.dgr>.afs{grid-area:afs}
@container (min-width:1040px){.dgr{grid-template-columns:minmax(0,1fr) 300px 300px;grid-template-areas:"dl stc afs"}}
@media(max-width:900px){.dgr{grid-template-columns:1fr;grid-template-areas:"dl" "stc" "afs"}}
.dgr .stc{grid-template-columns:1fr;max-width:none;margin:0;padding:14px 16px;gap:14px}
.dgr .stn2{justify-content:space-between;gap:10px}.dgr .stn2 b{font-size:17px;white-space:nowrap}.dgr .stn2 small{font-size:10px;letter-spacing:.03em;white-space:nowrap}
.dgr .scb{height:64px}
/* В избранное / Поделиться над информацией */
.afb{display:flex;gap:8px;margin:0 0 12px}.afb .btn{flex:1;text-align:center;padding:10px 12px}
/* Смотреть слева, списки статуса и оценки справа под описанием */
.dl .fl.abr{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 0}
.dl .fl.abr{gap:8px}.dl .fl.abr .btn{padding:9px 12px;font-size:13.5px}.dl .fl.abr .abs{order:5;margin-left:auto;display:flex;gap:6px}.dl .fl.abr .abs .in{width:auto;padding:9px 6px;font-size:13px}
/* Комментарии */
.cms{max-width:900px;margin:46px 0 24px}
.cms>h2{display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 18px}
.cms>h2:before{content:"";width:5px;height:24px;border-radius:4px;background:var(--ac)}
.cmf{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:14px;max-width:none!important;margin:0 0 22px!important;padding:16px;background:var(--sf);border:1px solid var(--bd);border-radius:18px;transition:border-color .2s,box-shadow .2s}
.cmf:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 16%,transparent)}
.cmf .cmfb{display:grid;gap:10px;min-width:0}
.cmf textarea.in{width:100%;min-height:84px;resize:vertical;background:transparent;border:0;border-radius:0;padding:6px 2px;line-height:1.55;font-size:15px;outline:0}
.cmf .cmfb .btn{justify-self:end;padding:9px 24px;border-radius:99px}
.cmf .cmfb .btn:disabled{opacity:.45;cursor:default}
.cmf .er{min-height:0}
.cms .cth{max-width:none;border-radius:18px;margin:12px 0;transition:border-color .2s}
.cms .cth:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--bd))}
.cms .cmt{padding:16px 18px;gap:14px}
.cms .ch b{font-size:15px}.cms .ch b a:hover{text-decoration:underline}
.cms .cdt{font-size:12px}
.cms .ctx{font-size:15px}
.cms .cact{gap:8px;margin-top:2px}
.cms .cact button{border:1px solid var(--bd);transition:background .15s,border-color .15s}
.cms .cact button:hover{outline:0;background:var(--bd)}
.cms .cmt .cav .av{width:44px;height:44px}
.cme{display:grid;place-items:center;gap:6px;padding:34px 16px;background:var(--sf);border:1px dashed var(--bd);border-radius:18px;color:var(--mu)}
.cme:before{content:"💬";font-size:28px}


/* Reviews button under stats + facts, same width as both blocks */
.dgr{grid-template-areas:"dl stc afs" "dl rvgo rvgo"!important}
.dgr>.dl{grid-area:dl}
.dgr>.stc{grid-area:stc}
.dgr>.afs{grid-area:afs}
.dgr>.rvgo,.dgr a.rvgo{grid-area:rvgo;width:100%;max-width:none;margin:12px 0 0;display:flex}
@media(max-width:900px){
  .dgr{grid-template-areas:"dl" "stc" "afs" "rvgo"!important}
}
@container (min-width:1180px){
  .dgr{grid-template-columns:minmax(0,1fr) 380px 300px;grid-template-areas:"dl stc afs" "dl rvgo rvgo"!important}
}

/* ===== v17 ===== */
/* списки статуса/оценки — вверху правой колонки */
.afl{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin:0 0 8px}
.afl .in{width:100%;padding:11px 10px;font-size:14px}
/* три колонки: описание | статистика (шире) | информация, статистика и информация одной высоты */
@container (min-width:1180px){
 .dgr{grid-template-columns:minmax(0,1fr) 380px 300px;grid-template-areas:"dl stc afs"}
 .dgr>.stc,.dgr>.afs{align-self:stretch}
 .afs{display:flex;flex-direction:column}.afs .afx{flex:1}
}
/* оформление статистики */
.dgr .stc{display:flex;flex-direction:column;gap:18px;padding:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 8%,var(--sf)),var(--sf) 60%);border:1px solid var(--bd);border-radius:16px}
.dgr .stn2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.dgr .stn2>div{background:var(--s2);border-radius:12px;padding:10px 12px;min-width:0}
.dgr .stn2 b{font-size:18px}
.stc h4{text-align:left;margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mu)}
.dgr .sts .stk{display:flex;gap:2px;height:10px;border-radius:99px;overflow:hidden}.dgr .sts .stk i{display:block;height:100%}
.dgr .stl{display:grid;gap:7px;margin-top:14px;font-size:13px}
.dgr .stl span{display:grid;grid-template-columns:10px minmax(0,1fr) auto 40px;align-items:center;gap:8px;color:var(--fg)}
.dgr .stl span>i{width:10px;height:10px;border-radius:50%;margin:0}
.dgr .stl u{text-decoration:none;color:var(--mu)}.dgr .stl b{font-weight:700}.dgr .stl em{font-style:normal;color:var(--mu);text-align:right;font-size:12px}
.dgr .scs{flex:1;display:flex;flex-direction:column;min-height:120px}
.dgr .scs .scb{flex:1;height:auto;min-height:100px;gap:6px}
.dgr .scb i{border-radius:5px 5px 2px 2px}
.dgr .scb small{font-size:11px;margin-top:5px}

/* ===== Kitsu Library: правки ===== */
.logo{white-space:nowrap}
/* продолжить просмотр */
.cwp{position:absolute;left:0;right:0;bottom:0;height:5px;background:#0009;z-index:3}.cwp i{display:block;height:100%;background:#f43f5e}
.cwx{position:absolute;top:6px;right:6px;z-index:4;width:28px;height:28px;border-radius:50%;background:#000c;color:#fff;display:grid;place-items:center;font-size:19px;line-height:1;padding-bottom:2px;opacity:0;transition:.15s}
.cwx:hover{background:#000}.cwc:hover .cwx{opacity:1}@media(hover:none){.cwx{opacity:.9}}
.cwpl{position:absolute;left:50%;top:50%;z-index:3;width:48px;height:48px;margin:-24px 0 0 -24px;border-radius:50%;background:#000b;color:#fff;display:grid;place-items:center;padding-left:3px;font-size:16px;opacity:0;transition:.2s}.cwc:hover .cwpl{opacity:1}
.cwc small{display:block}
/* чаты */
.cl{display:flex;flex-direction:column}
.cem{flex:1;display:grid;place-items:center;text-align:center;padding:28px 18px;min-height:180px;color:var(--mu);font-size:15px;line-height:1.5}
/* страницы-документы */
.doc{max-width:820px;margin:0 auto;background:var(--sf);border:1px solid var(--bd);border-radius:22px;padding:34px 38px}
.doc h1{font-size:clamp(26px,3.4vw,36px)}.doc h2{font-size:18px;margin:28px 0 8px}
.doc p,.doc li{color:color-mix(in srgb,var(--fg) 82%,transparent);line-height:1.7;margin:0 0 10px}.doc ul{padding-left:20px;margin:0 0 10px}.doc a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.doc{padding:22px 18px}}
/* подписки: цены */
.pcard.cur{box-shadow:0 0 0 1px var(--c),0 14px 40px #0005}
.pcard .ppr{display:flex;align-items:baseline;gap:8px;margin:2px 0 6px}.pcard .ppr b{font-size:40px;line-height:1;letter-spacing:-.02em}.pcard .ppr small{color:var(--mu);font-size:14px}
.pcard .pnote{color:var(--mu);font-size:13px;margin:0 0 6px;min-height:20px}
/* подвал */
#ft{margin-top:50px;background:linear-gradient(180deg,var(--sf),color-mix(in srgb,var(--sf) 72%,var(--bg)));border-top:1px solid var(--bd);padding:54px var(--pad) 26px}
.ftg{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 64px}
@media(max-width:900px){.ftg{grid-template-columns:1fr}}
.ftc2 h3{margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--fg) 75%,transparent);font-size:17px;letter-spacing:.03em;text-transform:uppercase}
.fti{display:flex;gap:12px;flex-wrap:wrap}
.fti a{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--s2);border:1px solid var(--bd);transition:.2s}
.fti svg{width:25px;height:25px;fill:var(--mu);transition:.2s}
.fti a:hover{background:var(--c);border-color:var(--c);transform:translateY(-3px);box-shadow:0 10px 26px color-mix(in srgb,var(--c) 45%,transparent)}.fti a:hover svg{fill:#fff}
.ftbr{display:flex;gap:16px;align-items:center;margin-top:26px;color:var(--mu);font-size:14px;line-height:1.55;max-width:420px}
.ftlg{flex:none;width:76px;height:76px;border-radius:20px;background:var(--ac);color:var(--ack);display:grid;place-items:center;font-weight:900;font-size:30px;letter-spacing:-.05em}
.ftl{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.ftl a{color:var(--mu);text-transform:uppercase;font-size:14px;letter-spacing:.03em;transition:.15s;display:inline-block}.ftl a:hover{color:var(--fg);transform:translateX(4px)}
.ftl .fl2{display:flex;gap:10px;align-items:center;color:var(--mu);font-size:14px}.ftl select{padding:6px 12px;font-size:14px;border-radius:10px}
.ftbt{max-width:1240px;margin:38px auto 0;padding-top:20px;border-top:1px solid var(--bd);display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;color:var(--mu);font-size:12.5px;line-height:1.6}
.ftbt a{text-decoration:underline;text-underline-offset:3px}
/* статистика в профиле */
.dgr.one{display:block;margin:0}.dgr.one .stc{margin:0}.dgr.one .stn2 b{font-size:16px}

/* ===== профиль ===== */
.phd{position:relative;overflow:hidden;background:var(--sf);border:1px solid var(--bd);border-radius:28px;box-shadow:0 24px 60px #0004}
.pbn2{position:relative;height:clamp(190px,24vw,320px)}
.pbn2:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0003,#0000 40%,var(--sf))}
.phd[class*="th-"] .pbn2:after{background:linear-gradient(to bottom,#0003,#0000 50%)}
.pin{position:relative;z-index:2;display:flex;align-items:flex-end;gap:26px;padding:0 36px;margin-top:-78px;flex-wrap:wrap}
.pav{flex:none;position:relative}
.apf .av.big{width:152px!important;height:152px!important;border-radius:50%!important;border:6px solid var(--sf)!important;font-size:60px!important}
.pid{flex:1;min-width:220px;padding-bottom:8px}
.pid h1{margin:0;font-size:clamp(26px,3.4vw,38px);letter-spacing:-.02em;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pmt{color:var(--mu);font-size:14px;margin-top:4px}
.pstat{display:inline-block;margin-top:12px;padding:5px 16px;border-radius:99px;background:var(--s2);border:1px solid var(--bd);font-size:13px}
.pact{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:12px}
.pst{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:28px;border-top:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 38%,transparent)}
.pst>div{display:grid;gap:3px;padding:16px 8px;text-align:center;border-left:1px solid var(--bd)}.pst>div:first-child{border-left:0}
.pst b{font-size:22px;line-height:1.1}.pst small{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.ptb{display:flex;gap:4px;margin:24px 0 24px 28px;padding:5px;background:var(--sf);border:1px solid var(--bd);border-radius:99px;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:none}
.ptb a{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:99px;color:var(--mu);font-weight:700;white-space:nowrap}
.ptb a:hover{background:var(--s2);color:var(--fg)}.ptb a.on{background:var(--ac);color:var(--ack)}.ptb a b{font-size:11px;background:#0003;border-radius:99px;padding:1px 8px}
.pgd{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:22px;align-items:start}
.pgd.rv{grid-template-columns:minmax(0,1fr) minmax(0,340px)}.pgd.two{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.apf .acd{background:var(--sf);border:1px solid var(--bd);border-radius:22px;padding:22px;margin:0 0 20px;box-shadow:none}
.apf .acn{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;letter-spacing:.12em}
.apf .acn:before{content:"";width:18px;height:3px;border-radius:3px;background:var(--ac)}
.apf .abio{font-size:15px;line-height:1.7}
.fvg{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:14px}
.fvi{display:block;position:relative;border-radius:14px;overflow:hidden}
.fvi .ph{border-radius:14px!important;transition:transform .3s}.fvi:hover .ph{transform:scale(1.05)}
.fvi b{position:absolute;left:0;right:0;bottom:0;padding:28px 10px 9px;font-size:12px;line-height:1.25;color:#fff;background:linear-gradient(transparent,#000d);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}
.fvg.rd{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:18px 12px}
.fvg.rd .fvi{overflow:visible;border-radius:0;text-align:center}
.fvg.rd .fvi .ph{aspect-ratio:1;border-radius:50%!important}
.fvg.rd .fvi b{position:static;color:var(--fg);background:none;padding:8px 0 0;font-size:12.5px}
.apf .ucd{border:1px solid var(--bd);border-radius:14px;background:var(--s2)}
@media(max-width:960px){.pgd,.pgd.rv,.pgd.two{grid-template-columns:1fr}}
@media(max-width:760px){.pst{grid-template-columns:repeat(3,1fr)}.pst>div:nth-child(4){border-left:0}.pst>div:nth-child(n+4){border-top:1px solid var(--bd)}
 .pin{padding:0 18px;flex-direction:column;align-items:center;text-align:center}.pid h1,.pact{justify-content:center}.ptb{width:100%}}
.dgr.one .scs{flex:none;min-height:0}.dgr.one .scs .scb{flex:none;height:110px;min-height:0}
.apf .bars{height:100px;gap:10px}.apf .bars>div{align-items:center}.apf .bars i{width:100%;max-width:44px;border-radius:8px 8px 0 0;opacity:.9}
.fti svg{width:28px;height:28px}
.dgr.one .stc{align-items:stretch}.dgr.one .stc>*{width:100%}

/* ===== v18 ===== */
.pgd{grid-template-columns:minmax(0,9fr) minmax(0,11fr)}
.gen .stn2 b{overflow:hidden;text-overflow:ellipsis}
.fti a svg{fill:var(--c)}.fti a:hover svg{fill:#fff}
/* карточка аккаунта — компактный мини-профиль */
.dd .mn{width:300px;min-width:260px;max-width:min(300px,calc(100vw - 16px));padding:0;overflow:hidden;box-shadow:0 16px 40px #000a;border-radius:16px}
.amc{display:grid}
.amh{height:72px;background-size:cover!important;background-position:center}
.amu{display:flex;gap:10px;align-items:flex-end;padding:0 12px 8px;margin-top:-28px;position:relative;z-index:1}
.amu .av{width:48px;height:48px;font-size:18px;border:3px solid var(--sf);flex:none;border-radius:50%}
.amu>div{min-width:0;display:grid;gap:1px;padding-bottom:2px}
.amu b{font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amu small{color:var(--mu);font-size:11.5px}
.amp{margin:0 12px 8px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--c) 45%,var(--bd));border-radius:10px;display:grid;grid-template-columns:1fr auto;gap:1px 8px;align-items:center;background:color-mix(in srgb,var(--c) 9%,transparent)}
.amp span{color:var(--mu);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.amp b{font-size:14px;color:var(--c);line-height:1.2}
.amp em{font-style:normal;font-weight:700;font-size:12.5px;grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}
.amp small{grid-column:1/3;color:var(--mu);font-size:11px;margin-top:1px}
.ams{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 12px 8px}
.ams div{background:var(--s2);border-radius:9px;padding:6px 7px;display:grid;gap:1px;min-width:0;text-align:center}
.ams b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ams small{color:var(--mu);font-size:9.5px;text-transform:uppercase;letter-spacing:.04em}
.mn .amw{display:block;margin:0 12px 8px;background:var(--s2);border-radius:9px;padding:7px 10px;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}
.mn .amw:hover{background:var(--bd)}
.amn{border-top:1px solid var(--bd);padding:4px;display:grid;gap:1px}
.amn a{padding:8px 12px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--mu)}
.amn a:hover{background:var(--s2);color:var(--fg)}
@media(min-width:901px){.bl nav a,.br nav a{white-space:nowrap;padding:6px 8px;font-size:14px}.bl .logo{margin-right:8px}.br{gap:10px}.bar{grid-template-columns:auto minmax(150px,1fr) auto}.bc{max-width:460px}}
@media(min-width:901px) and (max-width:1359px){.bar{grid-template-columns:minmax(150px,1fr) auto}.bl{grid-column:1/-1;flex-wrap:nowrap}.bc{justify-self:stretch;max-width:none}}
/* каталог */
.cend{text-align:center;color:var(--mu);padding:28px 0 8px;min-height:70px}.cspin{display:inline-block;width:22px;height:22px;border:3px solid var(--bd);border-top-color:var(--ac);border-radius:50%;animation:csp .8s linear infinite}@keyframes csp{to{transform:rotate(360deg)}}
/* новости */
.nws-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:12px}
.nws{display:flex;gap:14px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:12px;min-width:0;transition:.2s}.nws:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--bd));transform:translateY(-2px)}
.nws-i{flex:none;width:84px;align-self:flex-start}.nws-i .ph{border-radius:10px!important}.nws-no{aspect-ratio:2/3;border-radius:10px;background:var(--s2);display:grid;place-items:center;font-size:28px}
.nws-b{min-width:0;display:flex;flex-direction:column;gap:5px}.nws-m{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--mu)}
.nws-k{display:inline-flex;align-items:center;gap:6px;background:var(--s2);border-radius:99px;padding:1px 10px;font-weight:700;color:var(--fg)}.nws-k:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.nws-b h3{margin:0;font-size:15px;line-height:1.3;overflow-wrap:anywhere}.nws-b h3 a:hover{text-decoration:underline}
.nws-b p{margin:0;color:var(--mu);font-size:13.5px;line-height:1.5}.nws-s{color:var(--mu);margin-top:auto}
.nwh{margin:30px 0 6px}.nwh-h{display:flex;align-items:center;justify-content:space-between;gap:12px}.nwh-h h2{margin:0 0 14px}
/* лидерборд */
.lgd-r{display:grid;grid-template-columns:40px 44px minmax(0,1fr) auto;gap:12px;align-items:center;background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:8px 14px;margin-bottom:6px;position:relative;overflow:hidden}
.lgd-r.me{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}.lgd-r>i{position:absolute;left:0;bottom:0;height:3px;background:var(--ac);opacity:.5}
.lgd-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:var(--s2)}.lgd-r.p1 .lgd-n,.lgd-r.p2 .lgd-n,.lgd-r.p3 .lgd-n{background:var(--m);color:#141414}
.lgd-r.p1{--m:#facc15}.lgd-r.p2{--m:#cbd5e1}.lgd-r.p3{--m:#d97706}
.lgd-r b a:hover{text-decoration:underline}.lgd-v{font-size:19px;font-weight:800;white-space:nowrap}.lgd-r small{color:var(--mu)}
.lgd-c{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:26px}.lgd-c button{text-align:left;background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;display:grid;gap:2px}.lgd-c button:hover{border-color:var(--ac)}.lgd-c small{color:var(--mu)}
/* ===== v19 ===== */
/* 1. минипрофиль: баннер компактный, затемнение книзу */
.amh{height:72px;position:relative}
.amh:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 20%,color-mix(in srgb,var(--sf) 55%,transparent) 60%,var(--sf) 100%)}
.amu{position:relative;z-index:1;margin-top:-28px}
/* 2. поиск строго по центру шапки */
@media(min-width:1560px){
.bar{grid-template-columns:minmax(0,1fr) min(420px,calc(100vw - 1290px)) minmax(0,1fr)}
.bl{grid-column:auto;flex-wrap:nowrap;justify-self:start}
.bc{grid-column:auto;justify-self:stretch;max-width:none;width:100%}
.br{grid-column:auto;justify-self:end}
}
@media(min-width:901px) and (max-width:1559px){
.bar{grid-template-columns:minmax(0,1fr) auto}
.bl{grid-column:1;grid-row:1;flex-wrap:wrap}
.br{grid-column:2;grid-row:1}
.bc{grid-column:1/-1;grid-row:2;justify-self:center;width:100%;max-width:560px}
}
/* 3. панель настроек не уезжает */
.stn{top:calc(var(--hh,76px) + 14px);max-height:calc(100vh - var(--hh,76px) - 28px);overflow-y:auto}
.stn h1{font-size:22px;margin:4px 10px 10px}
.stsec{scroll-margin-top:calc(var(--hh,76px) + 14px)}
@media(max-width:760px){.stn{position:static;max-height:none}}
/* чат: демо и поддержка */
.cdm{padding:8px 4px 4px;margin-top:auto}.cdm .btn{width:100%}
.typ{display:flex;gap:4px;align-items:center;padding:12px 14px}.typ i{width:6px;height:6px;border-radius:50%;background:var(--mu);animation:tp 1s infinite}.typ i:nth-child(2){animation-delay:.15s}.typ i:nth-child(3){animation-delay:.3s}@keyframes tp{50%{transform:translateY(-4px);opacity:.4}}
.spc{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}@media(max-width:900px){.spc{grid-template-columns:1fr}}
.sup{min-height:62vh}.sup .ms{min-height:320px;max-height:56vh}.sup .m{white-space:pre-line}
.sph{display:flex;align-items:center;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--bd);margin-bottom:10px}.sph>div{flex:1;min-width:0;display:grid}.sph small{color:var(--mu)}
.spd{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7bd555;margin-right:6px}
.spq{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}.spq button{background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:6px 12px;font-size:13px}.spq button:hover{border-color:var(--ac)}
.sps a.spl{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--s2);margin-bottom:8px}.sps a.spl:hover{border-color:var(--ac)}.sps small{color:var(--mu);display:block}

/* ===== v20: правки ===== */
/* 1. чат: длинные сообщения */
.chat{grid-template-columns:240px minmax(0,1fr)}.cw,.ms{min-width:0}
.m{min-width:0;max-width:min(75%,640px);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.m .fw{white-space:normal;overflow-wrap:anywhere}
.cw form.fl{flex-wrap:nowrap;align-items:flex-end}.cw form.fl .in{min-width:0}textarea.cmi{resize:none;max-height:140px;line-height:1.4}
.cl a span{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* 2. цвет Eternity */
.bdg{color:var(--k,#141414)}
.bcp{display:grid;gap:12px}.bcs{display:flex;flex-wrap:wrap;gap:8px}
.bcsw{width:30px;height:30px;border-radius:50%;border:2px solid transparent;background:var(--c);padding:0;cursor:pointer;position:relative;display:block}
.bcsw.on{border-color:var(--fg);box-shadow:0 0 0 2px var(--bg) inset}
.bcc{background:conic-gradient(#f43f5e,#facc15,#4ade80,#22d3ee,#818cf8,#e879f9,#f43f5e);overflow:hidden}.bcc input{position:absolute;inset:-6px;opacity:0;cursor:pointer;width:42px;height:42px}
.bcv{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bcbox{background:var(--s2);border-radius:12px;padding:12px;margin:0 0 14px}.bcbox>b{display:block;margin-bottom:10px;font-size:13px}
.amn .amadm{color:var(--ac);font-weight:700;border:1px solid var(--bd);margin:2px 0}.amlk:hover{text-decoration:underline}.mn a.amlk:hover,.mn .amu a:hover{background:transparent!important}.mn .amu a.amlk:hover .av{filter:none}
/* 5. лидерборд */
.lb-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.lb-h h1{margin:0}.lb-h p{margin:4px 0 0;color:var(--mu)}
.lb-t{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}.lb-t::-webkit-scrollbar{display:none}
.lb-t button{flex:none;background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:7px 14px;font-size:13.5px;white-space:nowrap}.lb-t button.on{background:var(--ac);color:var(--ack);border-color:var(--ac);font-weight:700}
.lb-g{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}@media(max-width:1000px){.lb-g{grid-template-columns:1fr}}
.lb-pd{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:12px;align-items:end;margin-bottom:16px}
.lb-pc{position:relative;background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:18px 12px 14px;text-align:center;display:grid;justify-items:center;gap:4px;min-width:0;overflow:hidden}
.lb-pc:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--m)}
.lb-pc.p1{--m:#facc15;padding-top:26px;padding-bottom:20px;background:linear-gradient(180deg,color-mix(in srgb,#facc15 10%,var(--sf)),var(--sf))}.lb-pc.p2{--m:#cbd5e1;order:-1}.lb-pc.p3{--m:#d97706}
.lb-pc .av{width:60px;height:60px;font-size:24px}.lb-pc.p1 .av{width:72px;height:72px;font-size:28px;box-shadow:0 0 0 3px var(--m)}
.lb-pc .lb-r{width:26px;height:26px;border-radius:50%;background:var(--m);color:#141414;font-weight:800;font-size:13px;display:grid;place-items:center}
.lb-pc b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-pc .lb-v{font-size:22px;font-weight:800;line-height:1.1}.lb-pc small{color:var(--mu)}
@media(max-width:600px){.lb-pd{grid-template-columns:1fr}.lb-pc.p2{order:0}.lb-pc{grid-template-columns:auto auto 1fr auto;justify-items:start;align-items:center;gap:10px;text-align:left;padding:10px 14px}.lb-pc:before{width:4px;height:auto;right:auto;bottom:0}.lb-pc.p1{padding:10px 14px}.lb-pc .lb-v{font-size:18px}.lb-pc>small{display:none}}
.lb-tb{background:var(--sf);border:1px solid var(--bd);border-radius:18px;overflow:hidden}.lb-sc{overflow-x:auto}
.lb-row{display:grid;grid-template-columns:44px minmax(170px,1fr) repeat(8,74px);align-items:center;gap:0 4px;padding:7px 14px;border-top:1px solid var(--bd);position:relative;min-width:max-content;width:100%}
.lb-row.hd{border-top:0;background:var(--s2);font-size:12px;color:var(--mu);padding:9px 14px;position:sticky;top:0}
.lb-row.hd button{background:none;border:0;color:inherit;font-size:12px;text-align:right;padding:2px 0;font-weight:600}.lb-row.hd button:hover,.lb-row.hd button.on{color:var(--fg)}
.lb-row .n{font-weight:800;color:var(--mu)}.lb-row.me{background:color-mix(in srgb,var(--ac) 9%,transparent);box-shadow:inset 3px 0 0 var(--ac)}
.lb-row .u{display:flex;align-items:center;gap:10px;min-width:0}.lb-row .u .av{width:30px;height:30px;font-size:13px;flex:none}.lb-row .u b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .u a:hover{text-decoration:underline}
.lb-row .c{text-align:right;color:var(--mu);font-size:13.5px;font-variant-numeric:tabular-nums}.lb-row .c.on{color:var(--fg);font-weight:800;font-size:15px}
.lb-row>i{position:absolute;left:0;bottom:0;height:2px;background:var(--ac);opacity:.45}
.lb-dm{font-size:10px;color:var(--mu);border:1px solid var(--bd);border-radius:99px;padding:0 6px}
@media(max-width:900px){.lb-row{grid-template-columns:36px minmax(0,1fr) 90px;min-width:0}.lb-row .c:not(.on),.lb-row.hd button:not(.on){display:none}.lb-row.hd button.on{text-align:right}}
.lb-a{display:grid;gap:14px}.lb-bx{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:16px}.lb-bx h3{margin:0 0 10px;font-size:13px;color:var(--mu);font-weight:700}
.lb-me{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:center}.lb-me big{font-size:34px;font-weight:800;grid-row:span 2;line-height:1}.lb-me small{color:var(--mu)}
.lb-ct{display:grid;gap:2px}.lb-ct button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;text-align:left;background:none;border:0;border-radius:10px;padding:7px 10px}.lb-ct button:hover,.lb-ct button.on{background:var(--s2)}
.lb-ct span{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-ct em{font-style:normal;font-weight:700;font-size:13px;color:var(--mu)}.lb-ct small{grid-column:1/3;color:var(--mu);font-size:12px}
/* 6. форум */
.fo{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start;margin-top:6px}@media(max-width:900px){.fo{grid-template-columns:1fr}}
.fo-s{position:sticky;top:calc(var(--hh,76px) + 14px);display:grid;gap:12px}@media(max-width:900px){.fo-s{position:static}}
.fo-s .btn{text-align:center;padding:12px}.fo-cs{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:8px;display:grid;gap:2px}
.fo-cs a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;color:var(--mu)}.fo-cs a:hover,.fo-cs a.on{background:var(--s2);color:var(--fg)}.fo-cs a.on{font-weight:700}
.fo-cs i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}.fo-cs b{margin-left:auto;font-size:12px;font-weight:600;color:var(--mu)}
.fo-tl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.fo-tl form{flex:1;min-width:200px;display:flex}.fo-tl .in{flex:1;border-radius:99px;padding:10px 18px}
.fo-so{display:flex;gap:4px;background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:4px}.fo-so a{padding:6px 14px;border-radius:99px;color:var(--mu);font-size:14px}.fo-so a.on{background:var(--ac);color:var(--ack);font-weight:700}
.fo-ls{display:grid;gap:8px}.fo-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;transition:border-color .2s}.fo-r:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--bd))}
.fo-r.pin{background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 7%,var(--sf)),var(--sf))}
.fo-r .av{width:44px;height:44px;font-size:17px}.fo-r h3{margin:0 0 4px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}.fo-m{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;color:var(--mu);font-size:12.5px}
.fo-k{display:inline-flex;align-items:center;gap:6px;color:var(--fg);font-weight:600}.fo-k:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.fo-pn{font-size:11px;font-weight:700;border:1px solid var(--bd);border-radius:99px;padding:0 8px;margin-right:6px;vertical-align:middle;color:var(--mu)}
.fo-n{display:flex;gap:16px;text-align:center;color:var(--mu);font-size:11px}.fo-n div{display:grid;min-width:42px}.fo-n b{font-size:16px;color:var(--fg)}@media(max-width:640px){.fo-n{display:none}}
.fo-tp{display:flex;align-items:center;gap:6px;color:var(--mu);font-size:13px;margin-bottom:10px;flex-wrap:wrap}.fo-tp a:hover{color:var(--fg)}
.fo-th{margin:0 0 6px;font-size:clamp(22px,3vw,30px);overflow-wrap:anywhere}
.fo-p{display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--sf);border:1px solid var(--bd);border-radius:18px;margin:12px 0;overflow:hidden}@media(max-width:700px){.fo-p{grid-template-columns:1fr}}
.fo-au{background:var(--s2);padding:18px 12px;display:grid;gap:4px;justify-items:center;align-content:start;text-align:center;font-size:13px}.fo-au .av{width:64px;height:64px;font-size:26px}.fo-au small{color:var(--mu)}@media(max-width:700px){.fo-au{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:12px 14px;gap:2px 12px}.fo-au .av{width:40px;height:40px;font-size:17px;grid-row:span 2}}
.fo-bd{padding:16px 20px;display:flex;flex-direction:column;min-width:0}.fo-bh{display:flex;justify-content:space-between;color:var(--mu);font-size:12.5px;margin-bottom:10px}
.fo-x{line-height:1.65;overflow-wrap:anywhere;min-height:48px;font-size:15.5px}.fo-x div{min-height:1.4em}.fo-x .q{border-left:3px solid var(--bd);padding-left:12px;color:var(--mu)}
.fo-ac{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.fo-ac button{background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:5px 13px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.fo-ac button:hover{background:var(--bd)}.fo-ac button.on{color:#f43f5e;border-color:#f43f5e77}.fo-ac button.on svg{fill:#f43f5e}.fo-ac svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.fo-cm{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:16px;display:grid;gap:10px;margin-top:16px}.fo-cm textarea{min-height:110px;resize:vertical;line-height:1.55}.fo-cm .btn{justify-self:end;border-radius:99px;padding:9px 26px}
.fo-nf{display:grid;gap:14px;max-width:760px}.fo-nf label{display:grid;gap:6px;font-size:13px;color:var(--mu)}.fo-nf .in{color:var(--fg);font-size:15px}
/* 7-8. персонажи и персонал */
.chs{margin-bottom:26px}.chh{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:17px}.chh b{font-size:12px;background:var(--s2);border-radius:99px;padding:1px 9px;color:var(--mu)}
.chd{width:10px;height:10px;border-radius:50%;background:#9ca3af}.chd-MAIN{background:#facc15}.chd-SUPPORTING{background:#60a5fa}
.chg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:14px}
.chk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:var(--sf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;min-height:128px;transition:border-color .2s}.chk:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--bd))}
.chk:not(:has(.chv)){grid-template-columns:1fr}
.chp,.chv{display:flex;gap:12px;align-items:stretch;min-width:0}.chv{justify-content:flex-end;text-align:right;background:var(--s2)}
.chk .ph,.stfc .ph{width:88px;flex:none;aspect-ratio:auto;min-height:128px;border-radius:0!important}
.cht{display:grid;align-content:center;gap:4px;padding:12px 4px;min-width:0}.chv .cht{padding-left:12px}
.cht b{font-size:15px;line-height:1.3;font-weight:700;overflow-wrap:anywhere}.cht small{color:var(--mu);font-size:13px;line-height:1.35}
@media(max-width:520px){.chk{grid-template-columns:1fr}.chv{justify-content:flex-start;text-align:left;flex-direction:row-reverse;border-top:1px solid var(--bd)}.chk .ph{min-height:100px}}
.stfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:14px}
.stfc{display:flex;gap:14px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;min-height:128px}.stfc .cht{padding-right:14px}.stfc .cht small{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
/* 10. тир-листы */
.tier{display:grid;grid-template-columns:76px minmax(0,1fr);background:var(--s2);border-radius:16px;overflow:hidden;margin-bottom:10px;min-height:120px;transition:outline-color .15s;outline:2px solid transparent}.tier.over{outline-color:var(--ac)}
.tier-l{display:grid;place-items:center;background:var(--tc);color:#141414;font-size:34px;font-weight:900;border:0;border-radius:0;padding:0}.tier-l.q{background:var(--bd);color:var(--mu);font-size:26px}
.tier-z{display:flex;flex-wrap:wrap;gap:12px;padding:12px;align-items:flex-start;align-content:flex-start}
.tit{display:block;width:clamp(96px,9vw,132px);position:relative;border-radius:10px;cursor:pointer}.tit .ph{border-radius:10px!important;box-shadow:0 4px 14px #0005;transition:transform .2s}.tit:hover .ph{transform:translateY(-3px)}
.tit b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;line-height:1.3;margin-top:6px;text-align:center;font-weight:600}
.tit.sel .ph{outline:3px solid var(--ac);outline-offset:2px}.tier-e{color:var(--mu);font-size:13px;align-self:center;padding:8px}
.tiers-n{color:var(--mu);font-size:13px;margin:0 0 12px}
@media(max-width:600px){.tier{grid-template-columns:52px minmax(0,1fr)}.tier-l{font-size:26px}}
/* 11. редактор профиля */
.ed-h{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.ed-h h1{margin:0}.ed-st{color:var(--mu);font-size:13px}.ed-st.ok{color:#4ade80}.ed-ha{display:flex;gap:8px}
.ed-g{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}@media(max-width:1000px){.ed-g{grid-template-columns:1fr}.ed-p{order:-1;position:static!important}}
.ed-p{position:sticky;top:calc(var(--hh,76px) + 14px)}.ed-pv{border-radius:20px!important;box-shadow:none!important}.ed-pv .pbn2{height:110px}.ed-pi{position:relative;z-index:2;display:flex;align-items:flex-end;gap:12px;padding:0 18px;margin-top:-34px}
.ed-pi .av{width:72px;height:72px;font-size:28px;border:4px solid var(--sf);flex:none}.ed-pi h2{margin:0;font-size:19px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ed-pi small{color:var(--mu)}.ed-pv .pstat{margin:12px 18px 0}.ed-pv .abio{padding:10px 18px 18px;margin:0;font-size:14px;color:var(--mu);white-space:pre-line;overflow-wrap:anywhere}
.ed-hint{display:block;color:var(--mu);font-size:12px;margin-top:8px;text-align:center}
.ed-n{display:flex;gap:4px;background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:5px;margin-bottom:16px;overflow-x:auto;width:fit-content;max-width:100%;scrollbar-width:none}.ed-n a{padding:9px 18px;border-radius:99px;color:var(--mu);font-weight:700;white-space:nowrap}.ed-n a:hover{color:var(--fg)}.ed-n a.on{background:var(--ac);color:var(--ack)}
.edc{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:20px;margin-bottom:16px}.edc>h2,.edc-h h2{margin:0 0 14px;font-size:18px;display:flex;gap:10px;align-items:center}.edc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.edc label{display:grid;gap:6px;font-size:13px;color:var(--mu);margin-bottom:14px;position:relative}.edc .in{color:var(--fg);font-size:15px;width:100%}.edc textarea.in{resize:vertical;line-height:1.55}.ed-cn{position:absolute;right:4px;top:0;font-size:12px}
.ed-bn{position:relative;height:150px;border-radius:14px;background-size:cover;background-position:center;margin-bottom:14px;overflow:hidden}.ed-bn .ed-bb{position:absolute;right:10px;bottom:10px;display:flex;gap:6px}
.ed-bb button,.ed-avb button{background:#000c;color:#fff;border:0;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:600}.ed-bb button:hover,.ed-avb button:hover{background:#000}
.ed-av{display:flex;gap:16px;align-items:center;margin-bottom:16px}.ed-av .av{width:84px;height:84px;font-size:34px}.ed-avb{display:flex;gap:6px;flex-wrap:wrap}.ed-avb button{background:var(--s2);color:var(--fg);border:1px solid var(--bd)}
.ed-ps{display:flex;gap:8px;flex-wrap:wrap}.ed-ps button{width:64px;height:34px;border-radius:10px;border:2px solid transparent}.ed-ps button.on{border-color:var(--ac)}
.ed-ch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ed-ch button{display:inline-flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--bd);border-radius:12px;padding:8px 14px;font-weight:600}.ed-ch button.on{border-color:var(--ac);box-shadow:0 0 0 1px var(--ac)}.ed-ch button.lk{opacity:.5}.ed-ch small{color:var(--mu);font-weight:500}
.ed-ch .swt{position:relative;overflow:hidden;flex:none;display:inline-block;vertical-align:middle;width:22px;height:22px;border-radius:50%;background:var(--s2);border:1px solid var(--bd)}.ed-ch .swt.th-t1,.ed-ch .swt.th-t2,.ed-ch .swt.th-t3{border-radius:6px}
.ed-sb{font-size:13px;color:var(--mu);margin:-6px 0 12px}
.ed-fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:12px;margin-bottom:14px}
.ed-fi{position:relative;cursor:grab;border-radius:12px;overflow:hidden}.ed-fi .ph{border-radius:12px!important}.ed-fi.over{outline:2px solid var(--ac)}
.ed-fi b{position:absolute;left:0;right:0;bottom:0;padding:22px 8px 6px;font-size:11.5px;line-height:1.25;color:#fff;background:linear-gradient(transparent,#000d);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}
.ed-fi>button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;border:0;background:#000c;color:#fff;font-size:15px;line-height:1;z-index:3;padding:0 0 2px}.ed-fi>button:hover{background:#dc2626}
.ed-fi .mv{position:absolute;bottom:34px;display:flex;justify-content:space-between;left:4px;right:4px;z-index:3;opacity:0}.ed-fi:hover .mv,.ed-fi:focus-within .mv{opacity:1}@media(hover:none){.ed-fi .mv{opacity:1}}
.ed-fi .mv button{width:24px;height:24px;border-radius:50%;border:0;background:#000c;color:#fff;padding:0}.ed-fi .k{position:absolute;top:5px;left:5px;background:#000b;color:#fff;font-size:11px;font-weight:700;border-radius:99px;padding:0 7px;z-index:2}
.ed-em{grid-column:1/-1;color:var(--mu);padding:20px;text-align:center;border:1px dashed var(--bd);border-radius:14px}
.ed-sr{position:relative}.ed-rs{display:grid;gap:4px;margin-top:8px}.ed-rs button{display:flex;gap:12px;align-items:center;text-align:left;background:var(--s2);border:0;border-radius:12px;padding:6px 10px}.ed-rs button:hover{outline:2px solid var(--ac)}.ed-rs .ph{width:36px;flex:none}.ed-rs small{color:var(--mu);display:block}
.ed-lib{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;margin-bottom:14px;max-height:260px;overflow:auto;padding:4px}.ed-lib button{background:none;border:0;padding:0;border-radius:8px}.ed-lib button:hover{outline:2px solid var(--ac)}

/* ===== v13: компактные тир-листы ===== */
.tier{grid-template-columns:44px minmax(0,1fr);min-height:0;margin-bottom:6px;border-radius:12px}
.tier-l{font-size:22px}.tier-l.q{font-size:18px}
.tier-z{gap:6px;padding:7px 8px}
.tit{width:clamp(46px,4.2vw,60px);border-radius:8px}
.tit .ph{border-radius:8px!important;box-shadow:0 2px 8px #0005}
.tit:hover .ph{transform:translateY(-2px)}
.tit b{position:absolute;left:0;right:0;bottom:0;margin:0;padding:16px 3px 3px;font-size:9.5px;line-height:1.15;color:#fff;background:linear-gradient(transparent,#000e);border-radius:0 0 8px 8px;opacity:0;transition:opacity .2s;pointer-events:none;-webkit-line-clamp:2}
.tit:hover b,.tit:focus-visible b{opacity:1}
.tier-e{font-size:12px;padding:4px}
.tiers-n{margin:0 0 8px}
@media(max-width:600px){.tier{grid-template-columns:34px minmax(0,1fr)}.tier-l{font-size:18px}.tit{width:clamp(44px,13vw,56px)}}
/* ровные ряды любимых персонажей */
.fvg.rd.fit{--cols:6;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}
.fvg.rd .fvi b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
/* подсказки поиска */
.sgn{padding:12px 14px;color:var(--mu);font-size:13px}
.sgn.ld:before{content:"";display:inline-block;width:11px;height:11px;margin-right:8px;border:2px solid var(--mu);border-top-color:transparent;border-radius:50%;vertical-align:-1px;animation:sgsp .7s linear infinite}
@keyframes sgsp{to{transform:rotate(360deg)}}
/* уровень и ачивки */
.alv{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:4px 14px 4px 5px;border-radius:99px;background:var(--s2);border:1px solid var(--bd);font-size:12.5px;font-weight:700;max-width:100%;transition:.2s}.alv:hover{border-color:var(--ac);transform:translateY(-1px)}
.alv i{font-style:normal;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ac);color:var(--ack);font-size:12px;font-weight:900}
.alv span{display:grid;gap:3px;min-width:96px}.alv small{color:var(--mu);font-weight:600;font-size:11px}
.axb{height:5px;border-radius:9px;background:var(--bd);overflow:hidden}.axb u{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#a78bfa,#f472b6,#facc15);transition:width .9s cubic-bezier(.2,.8,.2,1)}
.ahd{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;background:var(--sf);border:1px solid var(--bd);border-radius:22px;padding:22px;margin-bottom:18px}
.ring{--p:0;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ac) calc(var(--p)*1%),var(--bd) 0);position:relative}.ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--sf)}.ring b{position:relative;font-size:30px;font-weight:900}.ring small{position:absolute;bottom:17px;font-size:9px;color:var(--mu);letter-spacing:.12em;text-transform:uppercase}
.ahd h2{margin:0 0 2px;font-size:22px}.ahd p{margin:0 0 10px;color:var(--mu)}
.ahd .axb{height:8px;max-width:420px}
.acnt{text-align:center}.acnt b{display:block;font-size:30px;line-height:1}.acnt small{color:var(--mu)}
.afl{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.afl button{background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:6px 16px;font-weight:700;font-size:13px;color:var(--mu)}.afl button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.awrap[data-f=on] .ach.lock,.awrap[data-f=off] .ach:not(.lock){display:none}.awrap[data-f=on] .asec:not(:has(.ach:not(.lock))),.awrap[data-f=off] .asec:not(:has(.ach.lock)){display:none}
.ach{--rc:#9a9a9a;color:var(--fg);font:inherit;position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;padding:14px;border-radius:16px;background:var(--sf);border:1px solid var(--bd);cursor:pointer;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;text-align:left;width:100%}
.ach.r{--rc:#60a5fa}.ach.e{--rc:#c084fc}.ach.l{--rc:#facc15}.ach.s{--rc:#ef4444}
.ach.g{--rc:#fff}.ach.p{--rc:#34d399}
.ach.g:not(.lock){border-color:#fff;background:linear-gradient(135deg,color-mix(in srgb,#fff 16%,var(--sf)),color-mix(in srgb,#ffd54a 7%,var(--sf)));box-shadow:0 0 18px #ffd54a44}
.ach.g .arr{text-shadow:0 0 8px #ffd54a}:root[data-t=light] .ach.g{--rc:#c99700}
.ach.p:not(.lock){border-color:var(--rc);background:linear-gradient(135deg,color-mix(in srgb,#34d399 13%,var(--sf)),var(--sf))}
.ach.s{border-color:#7f1d1d}.ach.s:not(.lock){border-color:#ef4444;background:linear-gradient(135deg,color-mix(in srgb,#ef4444 14%,var(--sf)),var(--sf))}
#afx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:6}

/* админ-панель v2 */
.adm-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.adm-tabs span{flex:1}
.adm-tabs button:not(.btn){background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:7px 16px;font-weight:700;font-size:13px;color:var(--mu)}.adm-tabs button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.adm-gr{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.adm-st{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:14px 16px;display:grid;gap:2px}.adm-st b{font-size:26px;line-height:1.1}.adm-st span{color:var(--mu);font-size:12.5px}.adm-st small{color:var(--ac);font-size:11.5px}
.adm-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.adm-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}.adm-bar .in{flex:1;min-width:200px;max-width:420px}.adm-bar small{color:var(--mu)}
.adm-tw{overflow-x:auto}.adm-tb tr.ban td{opacity:.55}.adm-tb td a:hover{color:var(--ac)}
.adm-tg{background:#ef4444;color:#fff;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:800}
.adm-ac{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:6px}.adm-ac .in{width:84px;padding:4px 8px}
.adm-ch{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.adm-c{--rc:#9a9a9a;display:grid;grid-template-columns:30px 1fr;gap:0 8px;align-items:center;text-align:left;background:var(--s2);border:1px solid var(--bd);border-radius:12px;padding:8px 10px;opacity:.6}
.adm-c i{grid-row:span 2;font-style:normal;font-size:20px;text-align:center}.adm-c span{font-weight:700;font-size:12.5px;line-height:1.2}.adm-c small{color:var(--mu);font-size:11px}.adm-c.on{opacity:1;border-color:var(--rc);background:color-mix(in srgb,var(--rc) 12%,var(--s2))}
.adm-c.r{--rc:#60a5fa}.adm-c.e{--rc:#c084fc}.adm-c.l{--rc:#facc15}.adm-c.g{--rc:#fff}.adm-c.s{--rc:#ef4444}.adm-c.p{--rc:#34d399}
.adm-lg{display:grid;gap:6px;font-size:12.5px;color:var(--mu);max-height:280px;overflow:auto}.adm-lg b{color:var(--fg);font-weight:600}
.adm-top{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--bd)}.adm-top:last-child{border:0}
.adm-dz{border-color:#7f1d1d}.adm-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px}
/* реферальная программа в настройках */
.rf-lk{display:flex;gap:8px;margin:0 0 16px;max-width:620px}.rf-lk .in{flex:1;min-width:0}
.rf-st{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 16px;max-width:620px}.rf-st div{background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:12px;text-align:center}.rf-st b{display:block;font-size:24px}.rf-st small{color:var(--mu)}
.rf-ls{display:grid;gap:8px;max-width:620px}.rf-i{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--s2);border:1px solid var(--bd)}.rf-i:hover{border-color:var(--ac)}.rf-i span{display:grid;min-width:0}.rf-i small{color:var(--mu)}.rf-i em{font-style:normal;color:var(--mu);font-size:12.5px}
.asec{margin:0 0 28px}.asec h3{display:flex;align-items:baseline;gap:10px;margin:0 0 12px;font-size:17px}.asec h3 small{color:var(--mu);font-size:12.5px;font-weight:600}

.ach:hover{transform:translateY(-3px);border-color:var(--rc);box-shadow:0 10px 24px #0005}
.ach .ai{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:color-mix(in srgb,var(--rc) 22%,var(--s2));border:1px solid var(--rc);transition:transform .3s}.ach:hover .ai{transform:rotate(-8deg) scale(1.1)}
.ach.lock .ai{filter:grayscale(1) opacity(.45);background:var(--s2);border-color:var(--bd)}
.ach b{display:block;font-size:14px;line-height:1.25}.ach small{color:var(--mu);display:block;font-size:12px;line-height:1.35;margin-top:2px}
.ach .arr{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--rc);font-weight:800}
.ach .axb{display:block;height:5px;margin-top:8px}.ach .axb u{background:var(--rc)}.ach.lock .ahint{display:none}.ach.open .ahint{display:block}
.ach .ahint{margin-top:8px;font-size:12px;color:var(--fg);background:var(--s2);padding:6px 9px;border-radius:9px}
.ach:not(.lock):before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,#fff3 50%,transparent 60%);transform:translateX(-120%);transition:transform .7s;pointer-events:none}.ach:not(.lock):hover:before{transform:translateX(120%)}
#achp{position:fixed;right:18px;bottom:18px;z-index:90;display:flex;gap:12px;align-items:center;max-width:min(360px,calc(100vw - 36px));padding:12px 16px;border-radius:16px;background:var(--sf);border:1px solid var(--ac);box-shadow:0 14px 40px #000a;cursor:pointer;transform:translateY(140%);transition:transform .5s cubic-bezier(.2,1.2,.3,1)}
#achp.on{transform:none}#achp i{font-style:normal;font-size:30px}#achp small{display:block;color:var(--mu);font-size:11px;letter-spacing:.1em;text-transform:uppercase}#achp b{display:block;line-height:1.25}#achp span{font-size:12px;color:var(--mu)}
#cfx{position:fixed;inset:0;z-index:95;pointer-events:none}
@media(max-width:640px){.ahd{grid-template-columns:auto minmax(0,1fr)}.acnt{display:none}}
@media(prefers-reduced-motion:reduce){.ach,.ach .ai,.axb u,#achp{transition:none}}
/* ===================== v6: форум (Steam), лидерборд, чаты ===================== */
/* ---------- ФОРУМ в стиле Steam Community ---------- */
.fo2{--fa:#66c0f4;--fa2:#1a9fff;--f1:#16202d;--f2:#1b2838;--f3:#2a475e;--ft:#c6d4df;--fm:#8f98a0;--fb:#2e4258;color:var(--ft);font-size:14px}
:root[data-t=light] .fo2{--fa:#1a73b8;--fa2:#0f5e9c;--f1:#f1f5f9;--f2:#e4ebf2;--f3:#d3dfea;--ft:#1b2838;--fm:#5d6b78;--fb:#c5d2de}
main>.fo2.fo2.fo2:first-child{margin-top:0}
.fo2 [hidden]{display:none!important}.fo2 a{color:inherit}
.fo2-hero{margin:0 calc(-1*var(--pad));padding:30px var(--pad) 22px;background:radial-gradient(800px 240px at 88% -30%,#66c0f444,transparent 70%),linear-gradient(180deg,var(--f3),var(--f2) 75%);border-bottom:1px solid var(--fb)}
.fo2-bc{display:flex;gap:6px;flex-wrap:wrap;align-items:center;color:var(--fm);font-size:12.5px;margin-bottom:10px}.fo2-bc a:hover{color:var(--fa)}
.fo2-hd{display:flex;gap:16px 24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.fo2-hd h1{margin:0;font-size:clamp(26px,4vw,38px);color:var(--ft);font-weight:800}.fo2-hd p{margin:4px 0 0;color:var(--fm)}
.fo2-st{display:flex;gap:22px}.fo2-st div{display:grid;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fm)}.fo2-st b{font-size:22px;letter-spacing:0;color:var(--fa)}
.fo2-sf{display:flex;gap:8px;margin-top:18px;max-width:640px}
.fo2-sf input{flex:1;min-width:0;background:#0006;border:1px solid var(--fb);border-radius:4px;padding:11px 14px;color:var(--ft)}
:root[data-t=light] .fo2-sf input{background:#fff}
.fo2-sf input:focus{outline:0;border-color:var(--fa)}
.fo2 .fb{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:3px;padding:10px 20px;font-weight:700;color:#fff;background:linear-gradient(90deg,#06bfff,#2d73ff);cursor:pointer;white-space:nowrap}
.fo2 .fb:hover{filter:brightness(1.12)}.fo2 .fb.gh{background:#66c0f422;color:var(--fa);border:1px solid #66c0f455}.fo2 .fb.gh:hover{background:#66c0f433}
.fo2-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad);background:var(--f1);border-bottom:1px solid var(--fb)}.fo2-tabs::-webkit-scrollbar{display:none}
.fo2-tabs a{flex:none;display:flex;align-items:center;gap:8px;padding:13px 16px;color:var(--fm);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.fo2-tabs a:hover{color:var(--ft);background:#66c0f40d}.fo2-tabs a.on{color:var(--fa);border-color:var(--fa)}
.fo2-tabs i{font-style:normal}.fo2-tabs b{font-size:11px;background:var(--f3);color:var(--ft);border-radius:99px;padding:1px 8px}
.fo2-gr{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start;margin-top:20px}@media(max-width:980px){.fo2-gr{grid-template-columns:1fr}}
.fo2-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px;color:var(--fm);font-size:13px}
.fo2-so{display:flex;gap:2px;background:var(--f1);border:1px solid var(--fb);border-radius:4px;padding:3px}.fo2-so a{padding:5px 14px;border-radius:3px;color:var(--fm);font-weight:600}.fo2-so a:hover{color:var(--ft)}.fo2-so a.on{background:var(--f3);color:var(--ft)}
.fo2-tl{background:var(--f1);border:1px solid var(--fb);border-radius:4px;overflow:hidden}
.fo2-th,.fo2-r{display:grid;grid-template-columns:minmax(0,1fr) 84px 200px;gap:14px;align-items:center;padding:12px 16px}
.fo2-th{background:var(--f2);color:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:9px 16px}.fo2-th span:not(:first-child){text-align:center}.fo2-th span:last-child{text-align:left}
.fo2-r{border-top:1px solid var(--fb);transition:background .15s,transform .15s}.fo2-r:hover{background:color-mix(in srgb,var(--f3) 50%,transparent)}
.fo2-r.pnd{background:linear-gradient(90deg,#66c0f41f,transparent 65%)}
.fo2-t{display:flex;gap:12px;min-width:0;align-items:center}
.fo2-ic{width:42px;height:42px;border-radius:4px;flex:none;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--c) 16%,var(--f2));border:1px solid color-mix(in srgb,var(--c) 50%,transparent)}
.fo2-t>div{min-width:0}.fo2-t h3{margin:0 0 3px;font-size:15.5px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;color:var(--ft)}.fo2-r:hover h3{color:var(--fa)}
.fo2-m{display:flex;flex-wrap:wrap;gap:2px 12px;align-items:center;color:var(--fm);font-size:12.5px}
.fo2-k{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:color-mix(in srgb,var(--c) 80%,var(--ft))}.fo2-k:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.fo2-tg{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:3px;padding:1px 6px;margin-right:6px;vertical-align:2px}
.fo2-tg.pt{background:#66c0f426;color:var(--fa)}.fo2-tg.ht{background:#f9731626;color:#fb923c}.fo2-tg.nw{background:#a1cd4426;color:#a1cd44}
.fo2-rc{text-align:center;display:grid;line-height:1.15}.fo2-rc b{font-size:19px;color:var(--ft)}.fo2-rc small{color:var(--fm);font-size:11px}
.fo2-lp{display:flex;gap:10px;align-items:center;min-width:0}.fo2-lp .av{width:30px;height:30px;font-size:12px;flex:none}.fo2-lp div{min-width:0;display:grid;line-height:1.3}.fo2-lp b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ft)}.fo2-lp small{color:var(--fm)}
@media(max-width:720px){.fo2-th{display:none}.fo2-r{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.fo2-lp{display:none}.fo2-rc{grid-auto-flow:column;gap:5px;align-items:baseline}.fo2-rc small:before{content:"💬 "}}
.fo2-emp{padding:44px 20px;text-align:center;color:var(--fm)}.fo2-emp a{color:var(--fa)}
.fo2-more{text-align:center;margin-top:14px}
.fo2-sd{display:grid;gap:14px}@media(max-width:980px){.fo2-sd{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}
.fo2-bx{background:var(--f1);border:1px solid var(--fb);border-radius:4px}.fo2-bx h3{margin:0;padding:10px 14px;background:var(--f2);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--fm);border-bottom:1px solid var(--fb)}
.fo2-bx ul{margin:0;padding:12px 14px 14px 30px;color:var(--fm);font-size:13px;display:grid;gap:6px}.fo2-bx li b{color:var(--ft)}
.fo2-pp a{display:grid;gap:2px;padding:10px 14px;border-top:1px solid var(--fb)}.fo2-pp a:first-of-type{border-top:0}.fo2-pp a:hover{background:#66c0f414}.fo2-pp b{font-weight:600;font-size:13.5px;line-height:1.3;color:var(--ft)}.fo2-pp small{color:var(--fm)}
/* тема */
.fo2-th1{margin:0 0 8px;font-size:clamp(22px,3.2vw,32px);font-weight:800;color:var(--ft);overflow-wrap:anywhere;line-height:1.25}
.fo2-p{display:grid;grid-template-columns:220px minmax(0,1fr);background:var(--f1);border:1px solid var(--fb);border-radius:4px;margin:12px 0;overflow:hidden;scroll-margin-top:90px}.fo2-p.op{border-color:color-mix(in srgb,var(--fa) 55%,var(--fb))}.fo2-p:target{box-shadow:0 0 0 2px var(--fa)}
@media(max-width:700px){.fo2-p{grid-template-columns:1fr}}
.fo2-au{background:linear-gradient(180deg,var(--f3),var(--f2));padding:18px 12px;display:grid;gap:5px;justify-items:center;align-content:start;text-align:center;font-size:12.5px;color:var(--fm);border-right:1px solid var(--fb)}
.fo2-au .av{width:76px;height:76px;font-size:30px;border-radius:4px;border:2px solid var(--pc,var(--fa))}.fo2-au b{font-size:14.5px;color:var(--ft);overflow-wrap:anywhere}.fo2-au b a:hover{color:var(--fa)}
.fo2-lv{display:inline-flex;align-items:center;gap:6px;background:#0004;border:1px solid var(--fb);border-radius:99px;padding:2px 10px 2px 3px;font-size:11.5px;color:var(--ft)}.fo2-lv i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--pc,var(--fa));color:#111;font-weight:800;font-size:11px}
:root[data-t=light] .fo2-lv{background:#fff8}
.fo2-op{font-size:10px;font-weight:800;letter-spacing:.08em;background:var(--fa);color:#0b1520;border-radius:3px;padding:1px 7px}
@media(max-width:700px){.fo2-au{grid-template-columns:auto 1fr;justify-items:start;text-align:left;padding:12px 14px;gap:3px 12px;border-right:0;border-bottom:1px solid var(--fb)}.fo2-au .av{width:44px;height:44px;font-size:18px;grid-row:span 3}}
.fo2-bd{padding:14px 20px 16px;display:flex;flex-direction:column;min-width:0}
.fo2-bh{display:flex;justify-content:space-between;gap:10px;color:var(--fm);font-size:12px;padding-bottom:9px;margin-bottom:12px;border-bottom:1px solid var(--fb)}
.fo2-x{line-height:1.7;overflow-wrap:anywhere;min-height:44px;font-size:15px;color:var(--ft)}.fo2-x div{min-height:1.4em}.fo2-x a{color:var(--fa);text-decoration:underline}
.fo2-x .q{margin:6px 0;border-left:3px solid var(--fa);background:#66c0f410;padding:6px 12px;color:var(--fm);border-radius:0 4px 4px 0;font-size:13.5px}
.fo2-sp{background:var(--ft);color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;transition:.2s;user-select:none}.fo2-sp.show,.fo2-sp:focus{background:#66c0f424;color:inherit;user-select:auto}
.fo2-ac{display:flex;gap:6px;margin-top:16px;flex-wrap:wrap;align-items:center}.fo2-ac .sp{flex:1}
.fo2-ac button{background:#66c0f414;border:1px solid transparent;border-radius:3px;padding:5px 12px;font-size:12.5px;color:var(--fa);display:inline-flex;align-items:center;gap:6px;font-weight:600}
.fo2-ac button:hover{background:#66c0f42b}.fo2-ac button.on{color:#f87171;background:#f8717118;border-color:#f8717155}.fo2-ac button.on svg{fill:#f87171}.fo2-ac svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}.fo2-ac button.dg{color:var(--fm)}.fo2-ac button.dg:hover{color:#f87171}
.fo2-cm{background:var(--f1);border:1px solid var(--fb);border-radius:4px;margin-top:18px}.fo2-cm h3{margin:0;padding:10px 16px;background:var(--f2);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--fm);border-bottom:1px solid var(--fb)}
.fo2-cb{padding:14px 16px;display:grid;gap:10px}.fo2-tb{display:flex;gap:4px;flex-wrap:wrap}.fo2-tb button{background:var(--f2);border:1px solid var(--fb);border-radius:3px;min-width:34px;height:30px;padding:0 10px;color:var(--ft);font-weight:700}.fo2-tb button:hover{border-color:var(--fa);color:var(--fa)}
.fo2-cb textarea{background:#0005;border:1px solid var(--fb);border-radius:4px;padding:12px 14px;min-height:130px;resize:vertical;line-height:1.55;color:var(--ft);width:100%}:root[data-t=light] .fo2-cb textarea,:root[data-t=light] .fo2-nf .fi{background:#fff}.fo2-cb textarea:focus,.fo2-nf .fi:focus{outline:0;border-color:var(--fa)}
.fo2-cf{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--fm);font-size:12px;flex-wrap:wrap}
.fo2-nf{display:grid;gap:16px;max-width:820px;margin-top:20px}.fo2-nf .l{display:grid;gap:7px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--fm)}
.fo2-nf .fi{background:#0005;border:1px solid var(--fb);border-radius:4px;padding:11px 14px;color:var(--ft);font-size:15px;text-transform:none;letter-spacing:0;font-weight:400;width:100%}
.fo2-cp{display:flex;gap:8px;flex-wrap:wrap}.fo2-cp label{display:block;cursor:pointer}.fo2-cp input{position:absolute;opacity:0;pointer-events:none}
.fo2-cp span{display:inline-flex;gap:7px;align-items:center;padding:8px 14px;border:1px solid var(--fb);border-radius:99px;background:var(--f1);color:var(--ft);font-size:13.5px;text-transform:none;letter-spacing:0;font-weight:600}
.fo2-cp input:checked+span{border-color:var(--c);background:color-mix(in srgb,var(--c) 20%,var(--f1))}.fo2-cp input:focus-visible+span{outline:2px solid var(--fa)}
.fo2-rel{margin-top:26px}.fo2-rel h2{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--fm);margin:0 0 10px}
/* ---------- ЛИДЕРБОРД ---------- */
.lb2{--g:#facc15;--s:#cbd5e1;--b:#e0894b}
.lb2-h{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:18px}.lb2-h h1{margin:0;font-size:clamp(28px,4vw,40px)}.lb2-h p{margin:4px 0 0;color:var(--mu)}
.lb2-q{position:relative;min-width:220px}.lb2-q input{width:100%;border-radius:99px;padding:10px 16px 10px 38px}.lb2-q:before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-52%);color:var(--mu);font-size:18px}
.lb2-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;margin-bottom:10px;scrollbar-width:none}.lb2-tabs::-webkit-scrollbar{display:none}
.lb2-tabs button{flex:none;display:flex;align-items:center;gap:8px;background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:9px 14px;font-size:13.5px;font-weight:600;color:var(--mu);transition:.18s}
.lb2-tabs button:hover{color:var(--fg);transform:translateY(-1px)}.lb2-tabs button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}.lb2-tabs i{font-style:normal;font-size:16px}
.lb2-gr{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}@media(max-width:1000px){.lb2-gr{grid-template-columns:1fr}}
.lb2-cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 12px}.lb2-cap h2{margin:0;font-size:19px}.lb2-cap small{color:var(--mu)}
.lb2-pd{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:14px;align-items:end;margin:6px 0 22px}
.lb2-pc{position:relative;border:1px solid var(--bd);border-radius:22px;padding:22px 12px 18px;text-align:center;display:grid;justify-items:center;gap:6px;min-width:0;background:linear-gradient(180deg,color-mix(in srgb,var(--m) 14%,var(--sf)),var(--sf) 70%);overflow:hidden;transition:transform .2s,box-shadow .2s}
.lb2-pc:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0006}
.lb2-pc:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--m)}
.lb2-pc.p1{--m:var(--g);padding-top:34px;padding-bottom:26px;box-shadow:0 0 0 1px color-mix(in srgb,var(--g) 40%,transparent),0 12px 40px color-mix(in srgb,var(--g) 18%,transparent)}.lb2-pc.p2{--m:var(--s);order:-1}.lb2-pc.p3{--m:var(--b)}
.lb2-cr{position:absolute;top:6px;font-size:22px;filter:drop-shadow(0 2px 6px #0008)}
.lb2-av{position:relative;margin-bottom:4px}.lb2-av .av{width:64px;height:64px;font-size:26px;box-shadow:0 0 0 3px var(--m),0 6px 18px #0005}.lb2-pc.p1 .lb2-av .av{width:84px;height:84px;font-size:34px}
.lb2-md{position:absolute;right:-8px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:var(--m);color:#141414;font-weight:800;font-size:13px;display:grid;place-items:center;border:2px solid var(--sf)}
.lb2-pc b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.lb2-pc b a:hover{text-decoration:underline}
.lb2-v{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.lb2-pc.p1 .lb2-v{font-size:32px;color:var(--g)}.lb2-pc small{color:var(--mu)}
.lb2-lvc{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--mu);background:var(--s2);border-radius:99px;padding:1px 9px 1px 2px;white-space:nowrap}.lb2-lvc i{font-style:normal;width:19px;height:19px;border-radius:50%;background:var(--ac);color:var(--ack);display:grid;place-items:center;font-weight:800;font-size:10.5px}
@media(max-width:640px){.lb2-pd{grid-template-columns:1fr}.lb2-pc.p2{order:0}.lb2-pc,.lb2-pc.p1{grid-template-columns:auto 1fr auto;justify-items:start;align-items:center;text-align:left;padding:12px 16px;gap:2px 14px}.lb2-pc:before{width:4px;height:auto;right:auto;bottom:0}.lb2-av{grid-row:span 3}.lb2-pc .av,.lb2-pc.p1 .lb2-av .av{width:52px;height:52px;font-size:21px}.lb2-v,.lb2-pc.p1 .lb2-v{font-size:20px;grid-column:3;grid-row:1/4}.lb2-cr{display:none}.lb2-pc>small{display:none}}
.lb2-ls{display:grid;gap:8px}
.lb2-row{position:relative;background:var(--sf);border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:border-color .2s}.lb2-row:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--bd))}
.lb2-row.me{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.lb2-top{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(90px,200px) 90px 20px;gap:12px;align-items:center;padding:11px 16px;cursor:pointer}.lb2-top:focus-visible{outline-offset:-2px}
.lb2-ls:not(.all) .lb2-row.xt{display:none}
.lb2-n{font-weight:800;color:var(--mu);font-size:15px;text-align:center}.lb2-u{display:flex;align-items:center;gap:11px;min-width:0}.lb2-u .av{width:38px;height:38px;font-size:15px;flex:none}.lb2-u>span{display:flex;flex-wrap:wrap;gap:2px 8px;align-items:center;min-width:0}
.lb2-u b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.lb2-u a:hover{text-decoration:underline}
.lb2-bar{height:7px;border-radius:99px;background:var(--s2);overflow:hidden}.lb2-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--ac) 40%,transparent),var(--ac));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.lb2-val{text-align:right;font-weight:800;font-size:16px;font-variant-numeric:tabular-nums}.lb2-chv{color:var(--mu);transition:transform .2s;font-size:12px}.lb2-row.open .lb2-chv{transform:rotate(180deg)}
.lb2-dt{display:none;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:0 16px 14px 66px}.lb2-row.open .lb2-dt{display:grid}
.lb2-dt div{background:var(--s2);border-radius:12px;padding:8px 12px;display:grid}.lb2-dt small{color:var(--mu);font-size:11px}.lb2-dt b{font-size:15px;font-variant-numeric:tabular-nums}.lb2-dt .on{outline:1px solid var(--ac)}
.lb2-dm{font-size:10px;color:var(--mu);border:1px solid var(--bd);border-radius:99px;padding:0 6px}
.lb2-gap{text-align:center;color:var(--mu);letter-spacing:.4em;padding:2px}
@media(max-width:640px){.lb2-top{grid-template-columns:30px minmax(0,1fr) auto 18px;gap:10px;padding:10px 12px}.lb2-bar{display:none}.lb2-dt{padding-left:12px}}
.lb2-sd{display:grid;gap:14px;position:sticky;top:calc(var(--hh,76px) + 14px)}@media(max-width:1000px){.lb2-sd{position:static}}
.lb2-bx{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:16px}.lb2-bx h3{margin:0 0 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.lb2-you{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 22%,var(--sf)),var(--sf) 70%);border-color:color-mix(in srgb,#8b5cf6 45%,var(--bd))}
.lb2-yb{display:flex;align-items:baseline;gap:12px}.lb2-yb big{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em}.lb2-yb b{font-size:20px}.lb2-you p{margin:8px 0 0;color:var(--mu);font-size:13px}
.lb2-pg{height:7px;border-radius:99px;background:#0003;margin-top:10px;overflow:hidden}.lb2-pg i{display:block;height:100%;background:linear-gradient(90deg,#8b5cf6,#60a5fa);border-radius:99px}
.lb2-ct{display:grid;gap:2px}.lb2-ct button{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:0 8px;align-items:center;text-align:left;background:none;border:0;border-radius:12px;padding:7px 8px}.lb2-ct button:hover,.lb2-ct button.on{background:var(--s2)}
.lb2-ct i{font-style:normal;font-size:17px;grid-row:span 2}.lb2-ct span{font-size:13px;color:var(--mu)}.lb2-ct em{font-style:normal;font-weight:800;font-size:13px;grid-row:span 2}.lb2-ct b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb2-note{color:var(--mu);font-size:12px;line-height:1.5}
/* ---------- ЧАТЫ ---------- */
.cx{display:grid;grid-template-columns:330px minmax(0,1fr);height:clamp(520px,calc(100vh - 200px),780px);background:var(--sf);border:1px solid var(--bd);border-radius:22px;overflow:hidden;margin-top:6px}
.cx-l{display:flex;flex-direction:column;border-right:1px solid var(--bd);min-height:0}
.cx-lh{padding:16px 16px 10px;display:grid;gap:10px}.cx-lh h1{margin:0;font-size:22px}
.cx-s{border-radius:99px!important;padding:9px 16px!important;background:var(--s2)!important;border-color:transparent!important}
.cx-li{flex:1;overflow-y:auto;padding:4px 8px 8px;display:grid;align-content:start;gap:2px}
.cx-i{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:10px;border-radius:14px;transition:background .15s}
.cx-i:hover{background:var(--s2)}.cx-i.on{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.cx-i.on small,.cx-i.on em{color:#ffffffbf}.cx-i.on .av{box-shadow:0 0 0 2px #fff8}
.cx-i .av{width:48px;height:48px;font-size:19px;grid-row:span 2}.cx-av{position:relative;grid-row:span 2}.cx-av .av{width:48px;height:48px}.cx-on{position:absolute;right:0;bottom:0;width:13px;height:13px;border-radius:50%;background:#4ade80;border:2px solid var(--sf)}
.cx-i.on .cx-on{border-color:#7c6af0}
.cx-i b{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;gap:6px;align-items:center;min-width:0}.cx-i b>span:first-child{overflow:hidden;text-overflow:ellipsis}
.cx-i small{color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;grid-column:2/4}.cx-i em{font-style:normal;color:var(--mu);font-size:11.5px;grid-column:3;grid-row:1}
.cx-lf{padding:10px 12px;border-top:1px solid var(--bd)}.cx-lf .btn{width:100%}
.cx-w{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(600px 300px at 100% 0,color-mix(in srgb,#8b5cf6 9%,transparent),transparent),var(--bg)}
.cx-hd{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--bd);background:var(--sf)}.cx-hd .av{width:42px;height:42px}.cx-hd>div{min-width:0;display:grid;line-height:1.3}.cx-hd b{display:flex;gap:8px;align-items:center}.cx-hd small{color:var(--mu)}.cx-hd small.on{color:#4ade80}
.cx-bk{display:none;font-size:24px;padding:0 6px 0 0;line-height:1}
.cx-w .ms,.cx .ms{flex:1;max-height:none;min-height:0;overflow-y:auto;padding:18px 20px;gap:3px;margin:0;scroll-behavior:smooth}
.cx-ds{align-self:center;font-size:12px;color:var(--mu);background:var(--s2);border-radius:99px;padding:3px 12px;margin:12px 0 8px}
.cx-f{display:flex;gap:10px;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--bd);background:var(--sf);margin:0!important;flex-wrap:nowrap!important;position:relative}
.cx-f textarea.cmi{flex:1;border-radius:20px;padding:11px 18px;background:var(--s2);border-color:transparent;max-height:140px;min-height:44px;resize:none;line-height:1.4}.cx-f textarea.cmi:focus{border-color:var(--bd);outline:0}
.cx-ib,.cx-sd{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;font-size:21px;background:var(--s2)}
.cx-sd{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:transform .15s,filter .15s}.cx-sd:hover{transform:scale(1.08)}.cx-sd svg{width:20px;height:20px;fill:currentColor;margin-left:2px}
.cx-em{position:absolute;left:12px;bottom:68px;display:none;grid-template-columns:repeat(6,1fr);gap:2px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:8px;box-shadow:0 12px 32px #0007;z-index:5}.cx-em.on{display:grid}.cx-em button{background:none;border:0;font-size:22px;border-radius:10px;padding:5px}.cx-em button:hover{background:var(--s2)}
.cx-emp{flex:1;display:grid;place-items:center;text-align:center;color:var(--mu);padding:30px}.cx-emp div{display:grid;gap:8px;justify-items:center;max-width:300px}.cx-emp i{font-style:normal;font-size:56px;filter:drop-shadow(0 8px 18px #8b5cf655)}.cx-emp b{color:var(--fg);font-size:18px}
@media(max-width:820px){.cx{grid-template-columns:1fr;height:calc(100vh - 170px);min-height:480px}.cx.has .cx-l{display:none}.cx:not(.has) .cx-w{display:none}.cx-bk{display:block}}
/* общие стили сообщений: чаты, демо и поддержка */
.cw{background:var(--sf);border:1px solid var(--bd);border-radius:22px;padding:14px}
.ms{scrollbar-width:thin}.m{position:relative;background:var(--s2);color:var(--fg);padding:8px 13px 6px;border-radius:19px;align-self:flex-start;max-width:min(78%,560px);line-height:1.45;box-shadow:0 1px 0 #0002;animation:mi .22s ease-out}
.m.me{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;align-self:flex-end}
.m.lst{border-bottom-left-radius:6px}.m.me.lst{border-bottom-left-radius:19px;border-bottom-right-radius:6px}.m.gp{margin-top:0}.m:not(.gp){margin-top:7px}
.m>small{display:block;text-align:right;opacity:.62;font-size:10.5px;margin-top:1px}
.m .fw{background:#0000001f;border-left:3px solid #fff9;border-radius:10px;padding:7px 11px;margin:2px 0 6px;color:inherit}:root:not([data-t=light]) .m:not(.me) .fw{border-left-color:#8b5cf6}
.typ{padding:13px 16px!important}@keyframes mi{from{opacity:0;transform:translateY(6px) scale(.98)}}
.sup .sph{padding:2px 2px 14px}.sup .sph .av{width:44px;height:44px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:15px}
.spq{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.spq button{background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:6px 13px;font-size:13px;transition:.15s}.spq button:hover{border-color:#8b5cf6;color:#a78bfa}
.sup form.fl{background:var(--s2);border-radius:99px;padding:5px 5px 5px 8px;flex-wrap:nowrap}.sup form.fl .in{background:none;border:0;padding:8px 12px}.sup form.fl .in:focus{outline:0}.sup form.fl .btn{border-radius:99px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:8px 20px}
@media(prefers-reduced-motion:reduce){.m,.lb2-bar i,.lb2-pc,.fo2-r{animation:none;transition:none}}

/* ===== Уровни, звания и значки ===== */
@property --a{syntax:"<angle>";inherits:false;initial-value:0deg}
.lvb{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-left:6px;padding:1px 8px 1px 1px;border-radius:99px;background:color-mix(in srgb,var(--c) 14%,var(--s2));border:1px solid color-mix(in srgb,var(--c) 55%,transparent);font-size:11px;font-weight:800;line-height:1;white-space:nowrap;position:relative;isolation:isolate;font-style:normal;letter-spacing:.02em;cursor:default}
.lvb.full{padding-right:11px;font-size:12px}
.lvn{color:var(--fg)}
.lvi{width:var(--s,20px);height:var(--s,20px);flex:none;border-radius:50%;display:inline-grid;place-items:center;position:relative;background:radial-gradient(circle at 30% 25%,var(--c),var(--d));color:var(--k,#fff);box-shadow:inset 0 0 0 1px #ffffff40;isolation:isolate;vertical-align:middle}
.lvi svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;filter:drop-shadow(0 1px 1px #0006)}
.lvi svg .f{fill:currentColor;stroke:none}
.alv .lvi{display:inline-grid;min-width:0;gap:0}
/* ===== Властелин → Бейондер: премиальные анимации ===== */
@keyframes lvSpin{to{transform:rotate(360deg)}}
@keyframes lvAng{to{--a:360deg}}
@keyframes lvBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.22)}}
@keyframes lvPulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.25);opacity:1}}
@keyframes lvTxt{to{background-position:-200% 0}}
@keyframes lvTw{0%,100%{opacity:0;transform:scale(.2) rotate(0)}45%{opacity:1;transform:scale(1) rotate(90deg)}70%{opacity:0;transform:scale(.3) rotate(160deg)}}
@keyframes lvRise{0%{opacity:0;transform:translateY(0) scale(.7)}15%{opacity:1}100%{opacity:0;transform:translateY(calc(var(--s,20px)*-1.2)) translateX(calc(var(--s,20px)*.18)) scale(.2)}}
@keyframes lvWave{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.4);opacity:0}}
@keyframes lvSweep{0%,55%{left:-50%}100%{left:130%}}
@keyframes lvGlowV{0%,100%{box-shadow:0 0 5px 0 var(--gl)}50%{box-shadow:0 0 18px 3px var(--gl)}}
@keyframes lvBob{from{transform:translateY(1.4px) scale(.92)}to{transform:translateY(-1px) scale(1.1)}}
@keyframes lvLeaf{0%,100%{opacity:.5}50%{opacity:1}}
@keyframes lvBlink{0%,90%,100%{transform:scale(1)}94%{transform:scale(1,.1)}}
@keyframes lvHue{from{filter:drop-shadow(0 0 3px #c084fc) hue-rotate(0)}to{filter:drop-shadow(0 0 3px #c084fc) hue-rotate(360deg)}}
@keyframes lvBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes lvBeyGlow{0%,100%{box-shadow:0 0 12px 2px #22d3ee99}25%{box-shadow:0 0 18px 3px #a855f7aa}50%{box-shadow:0 0 14px 3px #ec4899aa}75%{box-shadow:0 0 18px 3px #f59e0baa}}
@keyframes lvNeb{from{background-position:0 0,100% 0,0 0}to{background-position:100% 0,0 0,0 0}}
@keyframes lvFlare{0%,100%{opacity:0;transform:scaleX(.1)}50%{opacity:1;transform:scaleX(1)}}
.lvb>.lvi,.lvb>.lvn{position:relative;z-index:1}
.lvi .fx{position:absolute;display:block;pointer-events:none}
.alv .lvi .fx{min-width:0}
.lvs{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;z-index:0}
.lvs:after{content:"";position:absolute;top:0;bottom:0;width:38%;left:-50%;background:linear-gradient(100deg,transparent,#ffffff66,transparent);transform:skewX(-20deg);animation:lvSweep 3.4s ease-in-out infinite}
/* общие эффекты: искры, огоньки, волны */
.lvi .fx.s1,.lvi .fx.s2,.lvi .fx.s3{width:calc(var(--s,20px)*.38);height:calc(var(--s,20px)*.38);background:var(--sp,#fff);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);z-index:6;opacity:0;animation:lvTw 2.6s ease-in-out infinite}
.lvi .fx.s1{top:-26%;right:-24%}.lvi .fx.s2{bottom:-22%;left:-26%;animation-delay:.9s}.lvi .fx.s3{top:4%;left:-32%;animation-delay:1.6s}
.lvi .fx.e{width:calc(var(--s,20px)*.13);height:calc(var(--s,20px)*.13);border-radius:50%;background:var(--pc,#fff);box-shadow:0 0 5px 1px var(--pc,#fff);bottom:18%;opacity:0;z-index:6;animation:lvRise 2.6s ease-out infinite}
.lvi .fx.e1{left:18%}.lvi .fx.e2{left:48%;animation-delay:.9s}.lvi .fx.e3{left:74%;animation-delay:1.7s;animation-duration:3.1s}
.lvi .fx.w{inset:0;border-radius:50%;border:1.5px solid var(--c);opacity:0;z-index:0;animation:lvWave 2.8s ease-out infinite}
@media(prefers-reduced-motion:reduce){.lvb,.lvb:before,.lvb:after,.lvs:after,.lvi,.lvi *,.lvi:before,.lvi:after,.lvn{animation:none!important}.lvi .fx.s1,.lvi .fx.s2,.lvi .fx.s3,.lvi .fx.e,.lvi .fx.w{display:none}}
/* ===== v9: цветовые схемы и плашки званий (Хранитель историй → Бейондер), анимации — Three.js ===== */
@keyframes lvBWG{0%{box-shadow:0 0 10px 2px #fff9}20%{box-shadow:0 0 3px 0 #fff3}35%{box-shadow:0 0 26px 7px #fff}55%{box-shadow:0 0 8px 1px #fff6}70%{box-shadow:0 0 30px 9px #fff}85%{box-shadow:0 0 4px 0 #fff4}}
@keyframes lvBStr{0%,90%,100%{filter:none}91%{filter:invert(1)}92%{filter:none}95%{filter:invert(1) hue-rotate(180deg)}96%{filter:none}}
.lvi .gx8{position:absolute;left:50%;top:50%;width:260%;height:260%;transform:translate(-50%,-50%);z-index:6;pointer-events:none}
.lvi.g3{background:none}.lvi.g3>svg{opacity:0}
@media(prefers-reduced-motion:reduce){.lvb.lt10,.lvi.lt10{animation:none!important}}
/* v10: рубильник анимаций, зона уровня, затухание ауры у текста */
html[data-anim=off] *,html[data-anim=off] *:before,html[data-anim=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.lvi .gx8{-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent 86%);mask-image:linear-gradient(90deg,#000 70%,transparent 86%)}
/* ===== НОВЫЕ ЗВАНИЯ: Новенький · Странник · Избранный · Ангел · Архангел · Полубог · Божество · Властелин · Абсолют · Трансцендент · Бейондер ===== */
@keyframes lvTrGl{0%,100%{box-shadow:0 0 10px 2px #60a5faaa}50%{box-shadow:0 0 16px 3px #f472b6aa}}
@keyframes lvVio{0%,100%{box-shadow:0 0 12px 2px #7c3aedaa}50%{box-shadow:0 0 22px 4px #c084fcbb}}
.lt0{--c:#94a3b8;--d:#475569}.lt1{--c:#4ade80;--d:#15803d}.lt2{--c:#22d3ee;--d:#0e7490}.lt3{--c:#bae6fd;--d:#2563eb;--k:#0c2a66;--gl:#7dd3fc99}
.lt4{--c:#fde68a;--d:#3730a3;--gl:#fcd34d99}.lt5{--c:#fb923c;--d:#9a3412;--gl:#fb923cbb}.lt6{--c:#f9a8d4;--d:#9d174d;--gl:#f472b6bb}
.lt7{--c:#f8fafc;--d:#64748b;--k:#0f172a;--gl:#ffffffaa}.lt8{--c:#ef4444;--d:#450a0a;--gl:#ef4444cc}.lt9{--c:#60a5fa;--d:#be185d;--gl:#a78bfacc}.lt10{--c:#a78bfa;--d:#1e0b4a;--gl:#8b5cf6dd}
/* анимации частей SVG-значков (CSS-вариант, пока не включилась WebGL-графика) */
.lvi svg .q1,.lvi svg .gx,.lvi svg .rg,.lvi svg .sn,.lvi svg .co{transform-origin:12px 12px}
.lvi svg .q1{animation:lvSpin 9s linear infinite}.lvi svg .q2{transform-origin:12px 12px;animation:lvSpin 6s linear infinite reverse}
.lvi svg .co{animation:lvBeat 1.8s ease-in-out infinite}.lvi svg .gx{animation:lvSpin 5s linear infinite}
.lvi svg .rg{animation:lvSpin 8s linear infinite}.lvi svg .sn{animation:lvSpin 14s linear infinite}
.lvi svg .wg{transform-origin:12px 10px;animation:lvBreath 2.4s ease-in-out infinite}
.lvi svg .bh{fill:#02030a;stroke:currentColor}
/* 15–19 АНГЕЛ: небесный значок с нимбом и крыльями */
.lvi.lt3{background:radial-gradient(circle at 50% 30%,#fff,#bfe3ff 45%,#3b82f6);box-shadow:inset 0 0 0 1px #fff8,0 0 7px #7dd3fcaa;animation:lvGlowV 3s ease-in-out infinite}
.lvi.lt3 svg{stroke-width:1.8;filter:drop-shadow(0 0 2px #fff)}
/* CSS-запасные значки старших званий */
.lvi.lt4{background:radial-gradient(circle at 50% 30%,#4f46e5,#1e1b4b);color:#fde68a}
.lvi.lt5{background:radial-gradient(circle,#fde047,#f97316 55%,#7c2d12);color:#fff7ed}
.lvi.lt6{background:radial-gradient(circle,#5a1048,#1a0316);color:#fbcfe8}
.lvi.lt7{background:radial-gradient(circle at 30% 22%,#334155,#0b1220);color:#fff}
.lvi.lt8{background:radial-gradient(circle,#4a0610,#0a0102);color:#fcd34d}
.lvi.lt9{background:radial-gradient(circle at 35% 30%,#312e81,#000 70%);color:#c7d2fe;animation:lvTrGl 3s ease-in-out infinite}
.lvi.lt10{background:radial-gradient(circle,#2a0f66,#05010f);color:#d8b4fe;animation:lvVio 3.2s ease-in-out infinite}
.lvi.lt4.g3{box-shadow:0 0 6px 0 #fcd34d66}.lvi.lt5.g3{box-shadow:0 0 6px 0 #fb923c77}.lvi.lt6.g3{box-shadow:0 0 6px 0 #f472b677}
.lvi.lt7.g3{box-shadow:0 0 6px 0 #ffffff66}.lvi.lt8.g3{box-shadow:0 0 6px 0 #ef444488}.lvi.lt9.g3{box-shadow:0 0 6px 0 #a78bfa88}.lvi.lt10.g3{box-shadow:0 0 7px 0 #8b5cf6aa}
/* плашки званий (Архангел → Бейондер) */
.lvb:is(.lt4,.lt5,.lt6,.lt7,.lt8,.lt9,.lt10){--s:30px;margin-left:10px;padding:2px 16px 2px 2px;font-size:14px;background:none;border-color:transparent;overflow:visible;animation:lvGlowV 2.6s ease-in-out infinite}
.lvb:is(.lt4,.lt5){--s:26px;font-size:13px;padding-right:13px}
.lvb.lt9{--s:32px;font-size:14.5px;animation:lvTrGl 3s ease-in-out infinite}
.lvb.lt10{--s:34px;font-size:15.5px;padding:3px 19px 3px 3px;animation:lvVio 3.2s ease-in-out infinite}
.lvb:is(.lt4,.lt5,.lt6,.lt7,.lt8,.lt9,.lt10):before{content:"";position:absolute;inset:-2px;border-radius:99px;z-index:-2;background:conic-gradient(from var(--a),var(--pa));animation:lvAng 3s linear infinite}
.lvb:is(.lt4,.lt5,.lt6,.lt7,.lt8,.lt9,.lt10):after{content:"";position:absolute;inset:0;border-radius:99px;z-index:-1;background:linear-gradient(100deg,var(--f1),var(--f2) 50%,var(--f1))}
.lvb:is(.lt4,.lt5,.lt6,.lt7,.lt8,.lt9,.lt10) .lvn{background-image:linear-gradient(90deg,var(--pt));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lvTxt 2.8s linear infinite;font-weight:900;margin-left:10px;min-width:1.4em;position:relative;z-index:7;filter:drop-shadow(0 1px 1px #000c)}
.lvb:is(.lt4,.lt5) .lvn{margin-left:6px;min-width:1.2em}
.lvb.full:is(.lt4,.lt5,.lt6,.lt7,.lt8,.lt9) .lvn{letter-spacing:.07em}
.lvb.full.lt10 .lvn{letter-spacing:.16em;text-transform:uppercase}
.lvb.full.lt10 .lvn:before{content:"✦ "}.lvb.full.lt10 .lvn:after{content:" ✦"}
.lvb.lt4{--pa:#fff,#fcd34d,#fff7d6,#f59e0b,#fff;--f1:#0c0c3a;--f2:#26207a;--pt:#fef3c7,#fff,#fcd34d,#fef3c7}
.lvb.lt5{--pa:#fdba74,#c2410c,#fff7ed,#f97316,#fdba74;--f1:#2a0e02;--f2:#5a2008;--pt:#fdba74,#fff7ed,#fb923c,#fdba74}
.lvb.lt6{--pa:#fff,#f472b6,#fce7f3,#db2777,#fff;--f1:#240620;--f2:#521244;--pt:#fbcfe8,#fff,#f9a8d4,#fbcfe8}
.lvb.lt7{--pa:#fff,#94a3b8,#fff,#cbd5e1,#fff;--f1:#0b1220;--f2:#1e293b;--pt:#e2e8f0,#fff,#cbd5e1,#e2e8f0}
.lvb.lt8{--pa:#ef4444,#fcd34d,#ff7a5a,#450a0a,#ef4444;--f1:#000;--f2:#2a0408;--pt:#fde68a,#ef4444,#fff,#dc2626,#fde68a}
.lvb.lt9{--pa:#60a5fa,#f472b6,#a78bfa,#f9a8d4,#60a5fa;--f1:#02030c;--f2:#140a2e;--pt:#93c5fd,#f9a8d4,#fff,#a5b4fc,#93c5fd}
.lvb.lt10{--pa:#8b5cf6,#000,#c084fc,#1e0b4a,#8b5cf6;--f1:#030008;--f2:#1c0a40;--pt:#c4b5fd,#8b5cf6,#fff,#a78bfa,#c4b5fd}
.nrk{color:var(--mu);font-size:13.5px;margin:-4px 0 10px!important}.nrk b{color:var(--fg)}
/* лестница званий во вкладке «Ачивки» */
.lvl{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 18px}
.lvli{display:flex;align-items:center;gap:18px;padding:16px 18px;background:var(--sf);border:1px solid var(--bd);border-radius:16px}
.lvli.on{border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset}
.lvli b{display:block;font-size:14px}.lvli small{color:var(--mu);font-size:12px}
/* админ-панель */
.adm{display:grid;gap:18px}
.adm-bx{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:18px}
.adm-bx h2{margin:0 0 6px;font-size:18px}.adm-bx p{margin:0 0 12px;color:var(--mu);font-size:13.5px}
.adm-lk{display:flex;gap:8px;flex-wrap:wrap;max-width:420px}.adm-lk .in{flex:1;min-width:180px}
.adm-rk{display:flex;gap:8px;flex-wrap:wrap}
.adm-rk button{display:inline-flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--bd);color:var(--fg);border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;font:inherit;font-size:13px}
.adm-rk button:hover{border-color:var(--c)}
.adm-tb{width:100%;border-collapse:collapse}
.adm-tb td,.adm-tb th{padding:10px 8px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:middle;font-size:13.5px}
.adm-tb th{color:var(--mu);font-weight:600;font-size:12px}
.adm-tb small{display:block;color:var(--mu);font-size:11.5px;margin-top:3px}
.adm-u{display:flex;align-items:center;gap:10px}.adm-u div{display:grid}
.adm-ac{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.adm-ac .in{width:84px}
.adm-tw{overflow-x:auto}

/* ===== правки: божественные и секретные ачивки (GSAP), админка ===== */
:root{--cc1:#e11d2e;--cc2:#f4f4f4;--gp:0;--sg:0}
:root[data-t=light]{--cc1:#d1121f;--cc2:#141414}
.ach.g,.ach.s{overflow:visible}
.ach.g:before,.ach.s:before{display:none}
.ach>span:not(.gfx):not(.sfx):not(.apin){position:relative;z-index:1}
.ach.g .ai{position:relative;z-index:1}
/* божественные: золотой свет во все стороны. Свет снаружи блока, в середине вырезан — текст не затемняется */
.ach.g:not(.lock){border-color:#ffd54a;box-shadow:0 0 calc(14px + 14px*var(--gp)) calc(1px + 3px*var(--gp)) #ffd54acc,0 0 calc(40px + 40px*var(--gp)) calc(6px + 8px*var(--gp)) #ffb30066}
.ach.g.lock{box-shadow:0 0 18px 1px #ffd54a40;border-color:#ffd54a55}
:root[data-t=light] .ach.g:not(.lock){background:linear-gradient(135deg,#fff7d6,#fff)}
:root[data-t=light] .ach.g .arr{text-shadow:none}
.ach.g .arr{color:#ffd54a}:root[data-t=light] .ach.g .arr{color:#a87700}
.gfx{position:absolute;inset:-34px;z-index:-1;pointer-events:none;padding:34px;border-radius:50px;
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.gfx.dim{opacity:.4}
.gfw{position:absolute;inset:0;overflow:hidden;border-radius:inherit;-webkit-mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 55%,transparent 100%)}
.gfw .gl{position:absolute;inset:8%;border-radius:50px;background:radial-gradient(ellipse closest-side,#fff3a8 0,#ffd54a99 40%,#ffb30033 70%,transparent 100%)}
:root[data-t=light] .gfw .gl{background:radial-gradient(ellipse closest-side,#ffe27a 0,#ffc83c99 42%,#ffb30033 72%,transparent 100%)}
/* секретные: мрачная тьма с кровавым тлением, видна в обеих темах */
.ach.s:not(.lock){border-color:#b3121f;background:linear-gradient(135deg,#1a0508,#0b0204 70%);color:#f3dede;box-shadow:0 0 calc(10px + 12px*var(--sg)) calc(1px + 2px*var(--sg)) #c0111fcc,0 0 38px 4px #3a000866,inset 0 0 26px #000}
.ach.s.lock{background:linear-gradient(135deg,#120406,#080203);border-color:#5a0f16;color:#c9a9a9;box-shadow:0 0 14px #5a0f1655,inset 0 0 20px #000}
.ach.s *{--fg:#f3dede;--mu:#b89a9a}
.sfx{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.sfx .sm{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#7a0a1488,transparent);filter:blur(10px)}
.sfx .sm.a{left:-20%;top:-40%}.sfx .sm.b{right:-25%;bottom:-50%;background:radial-gradient(closest-side,#33000a99,transparent)}
.sfx .vg{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,#000c 100%)}
.sfx .em{position:absolute;bottom:-4px;width:3px;height:3px;border-radius:50%;background:#ff3b3b;box-shadow:0 0 6px 2px #c0111f;opacity:0}
/* гайд */
.gd{max-width:980px;margin:0 auto}.gd-lead{color:var(--mu);margin:0 0 14px}
.gd-toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.gd-toc a{padding:6px 12px;border:1px solid var(--bd);border-radius:999px;background:var(--sf);font-size:13px}.gd-toc a:hover{border-color:var(--ac)}
.gd-s{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(0,1.1fr);gap:18px;align-items:start;background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:22px;margin:0 0 16px;scroll-margin-top:90px}
.gd-n{width:38px;height:38px;border-radius:50%;background:var(--ac);color:var(--bg);display:grid;place-items:center;font-weight:800}
.gd-b h2{margin:0 0 8px;font-size:19px}.gd-b p{color:color-mix(in srgb,var(--fg) 82%,transparent);line-height:1.65;margin:0 0 10px}
.gd-v{background:var(--bg);border:1px solid var(--bd);border-radius:14px;padding:14px;min-width:0}
.gd-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.gd-bar b{margin-right:6px}.gd-bar span,.gd-bar i{padding:4px 8px;border-radius:8px;background:var(--s2);font-style:normal}.gd-bar em{width:24px;height:24px;border-radius:50%;background:var(--ac);margin-left:auto}
.gd-cat{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gd-poster{aspect-ratio:2/3;border-radius:10px;background:linear-gradient(160deg,#6d5dfc,#1b1f3a);position:relative}.gd-poster.p2{background:linear-gradient(160deg,#f472b6,#3b0f2a)}.gd-poster.p3{background:linear-gradient(160deg,#34d399,#0b2e24)}.gd-poster.p4{background:linear-gradient(160deg,#fbbf24,#3a2504)}.gd-poster i{position:absolute;left:5px;bottom:5px;font-size:11px;font-style:normal;background:#000a;color:#fff;padding:2px 6px;border-radius:6px}
.gd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.gd-chips span{padding:5px 10px;border:1px solid var(--bd);border-radius:999px;font-size:12px;background:var(--sf)}.gd-chips span:first-child{border-color:var(--ac);color:var(--ac)}
.gd-lib{display:grid;gap:8px}.gd-lib div{background:var(--s2);border-radius:10px;padding:9px 11px;display:grid;gap:5px}.gd-lib u{display:block;height:5px;border-radius:3px;background:var(--ac)}.gd-lib small{color:var(--mu)}
.gd-rev{display:flex;gap:14px;align-items:center}.gd-rev b{font-size:38px;color:var(--ac)}.gd-rev b small{font-size:14px;color:var(--mu)}.gd-rev span{color:var(--mu);font-style:italic}
.gd-rk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.gd-rk li{display:flex;justify-content:space-between;gap:8px;background:var(--s2);border-radius:8px;padding:6px 10px;font-size:13px}.gd-rk span{color:var(--mu);white-space:nowrap}
.gd-leg{list-style:none;padding:0!important;display:grid;gap:6px}.gd-leg li{display:flex;gap:8px;align-items:center;margin:0!important;font-size:13px}.gd-leg i{width:12px;height:12px;border-radius:50%;flex:none}
.gd-ach{display:grid;gap:22px;padding:6px}.gd-ach .ach{cursor:default}
.gd-mini{max-width:340px;margin:0 auto;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:var(--sf)}.gd-mh{height:54px;background:linear-gradient(120deg,var(--ac),#1b1f3a)}.gd-mu{display:flex;gap:10px;align-items:flex-end;padding:0 12px 8px;margin-top:-22px}.gd-av{width:46px;height:46px;border-radius:50%;background:var(--ac);color:var(--bg);display:grid;place-items:center;font-weight:800;border:3px solid var(--sf)}.gd-mu div{display:grid}.gd-mu small{color:var(--mu)}
.gd-mp{margin:0 12px 8px;padding:8px 10px;border:1px solid var(--ac);border-radius:10px;display:flex;justify-content:space-between}.gd-mp span{color:var(--mu);font-size:11px;text-transform:uppercase}
.gd-ms{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 12px}.gd-ms div{background:var(--s2);border-radius:8px;padding:6px 8px;display:grid}.gd-ms small{color:var(--mu);font-size:10px;text-transform:uppercase}
.gd-chat{display:grid;gap:8px}.gd-chat span{background:var(--s2);padding:8px 12px;border-radius:14px 14px 14px 4px;max-width:80%;font-size:13px}.gd-chat .me{justify-self:end;background:var(--ac);color:var(--bg);border-radius:14px 14px 4px 14px}
@media(max-width:760px){.gd-s{grid-template-columns:1fr}.gd-rk{grid-template-columns:1fr}}
.gd-md{max-width:1000px;width:100%;max-height:90vh;overflow:auto}.gd-md .gd-s{background:var(--sf)}.gd-md h1{font-size:22px}.gd-mt{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;position:sticky;top:-16px;background:var(--bg);padding:6px 0;z-index:5}
.btn.plk,.btn.plkc{display:inline-flex;align-items:center;gap:7px;cursor:pointer}.btn.plkc{cursor:default}.btn.plk .plhr,.btn.plkc .plhr{font-size:17px;line-height:1;margin:0;padding:0;max-width:none;text-align:left;display:inline-block}.btn.plk b{font-weight:700;font-size:14px}.btn.plk:active .plhr{transform:scale(1.25)}.btn.plk .plhr{transition:transform .15s}
.ach .apin{position:absolute!important;right:8px;bottom:8px;top:auto;z-index:4;width:24px;height:24px;border-radius:8px;display:grid;place-items:center;cursor:pointer;font-size:12px;opacity:0;transition:opacity .15s;background:var(--s2);border:1px solid var(--bd);filter:grayscale(1)}.ach:hover .apin,.ach:focus-within .apin{opacity:.85}.ach .apin.on{opacity:1;filter:none}.ach .apin:hover{opacity:1}
.apc{font-size:12px;color:var(--mu);margin:0 0 10px}.apg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.apg .ach{cursor:default}
.gd-hdr{display:grid;gap:8px;font-size:12px}.gd-hl,.gd-hr{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.gd-hr{justify-content:flex-end}.gd-hl nav,.gd-hr nav{display:flex;flex-wrap:wrap;gap:2px 10px;color:var(--mu)}.gd-logo{font-size:15px;margin-right:6px}.gd-hs{border:1px solid var(--bd);background:var(--sf);border-radius:10px;padding:7px 12px;color:var(--mu)}.gd-b1{padding:5px 11px;border-radius:99px;background:var(--s2);font-weight:700}.gd-b2{padding:5px 11px;border-radius:99px;background:var(--fg);color:var(--bg);font-weight:700}.gd-cap{margin:10px 0 0;font-size:12px;color:var(--mu)}
.gd-more{margin:10px 0 0;color:var(--mu);font-size:13px}.gd-lv{font-style:normal;background:var(--s2);border-radius:6px;padding:0 6px;font-size:11px;margin-left:4px}
.gd-mh{position:relative;height:84px;background:linear-gradient(120deg,#6d5dfc,#1b1f3a)!important}.gd-mh:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 25%,color-mix(in srgb,var(--sf) 70%,transparent) 65%,var(--sf) 100%)}.gd-mu{position:relative;z-index:1}
.gd-mp{display:grid;grid-template-columns:1fr auto;gap:2px 10px}.gd-mp em{font-style:normal}.gd-mp small{color:var(--mu);grid-column:1/-1;font-size:11px}
.gd-ms{grid-template-columns:repeat(3,1fr)!important}.gd-mw{margin:0 12px 8px;background:var(--s2);border-radius:10px;padding:8px 10px;font-size:12px}.gd-mn{border-top:1px solid var(--bd);padding:6px;display:grid;font-size:13px}.gd-mn span{padding:6px 10px}
.gd-cm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 12px}.gd-cm div{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:10px 12px}.gd-cm i{grid-row:1/3;font-style:normal;font-size:22px;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--bg)}.gd-cm b{font-size:14px}.gd-cm span{font-size:12px;color:var(--mu)}
.gd-pr{display:flex!important;gap:12px;align-items:center;border:1px solid #34d39966;background:#34d3991a;border-radius:14px;padding:12px 14px}.gd-pr i{font-style:normal;font-size:22px}
@media(max-width:760px){.gd-cm{grid-template-columns:1fr}}
.rf button.rvdel:hover{color:#ef4444!important}
/* админка */
.lvb,.lvi{flex:none}.lvi{aspect-ratio:1/1;min-width:var(--s,20px)}
.adm-top .av,.adm-top img.av{flex:none;width:34px;height:34px;aspect-ratio:1/1;border-radius:50%;object-fit:cover}.adm-top>span:not(.av):not(.lvb):not(.lvi){flex:1;min-width:0}.adm-top>.lvb,.adm-top>.lvi{flex:none}
.adm-tabs{position:sticky;top:calc(var(--hh,76px) + 8px);z-index:15;background:color-mix(in srgb,var(--bg) 96%,transparent);border:1px solid var(--bd);border-radius:18px;padding:8px 10px}
.adm-tw{max-height:68vh;overflow:auto;border:1px solid var(--bd);border-radius:14px}
.adm-tb thead th{position:sticky;top:0;background:var(--s2);z-index:2}
.adm-tb td{vertical-align:top}.adm-tb .lvb{margin-left:0}
.adm-lc{display:grid;gap:6px;justify-items:start}.adm-lc small{margin:0}
.adm-lc .adm-ac{margin:0}.adm-lc select.in{width:auto;max-width:170px;padding:5px 8px}
.adm-fl{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.adm-fl .in{width:auto;padding:8px 10px}
.adm-bar .in[data-adq]{flex:1 1 240px}
.adm-c[hidden]{display:none!important}
.adm-chs{position:sticky;top:calc(var(--hh,76px) + 70px);z-index:5}
@media(max-width:700px){.adm-tw{max-height:none}}
/* ===================== v14.5 ===================== */

/* --- 2. Крестик очистки в полях поиска: крупная круглая кнопка вместо крошечного значка --- */
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:26px;height:26px;margin:0 -3px 0 8px;border-radius:50%;cursor:pointer;background:var(--s2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center/12px no-repeat;opacity:.9;transition:background-color .15s,transform .15s}
input[type=search]::-webkit-search-cancel-button:hover{background-color:var(--bd);opacity:1}
input[type=search]::-webkit-search-cancel-button:active{transform:scale(.92)}
:root[data-t=light] input[type=search]::-webkit-search-cancel-button{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")}
@media(pointer:coarse){input[type=search]::-webkit-search-cancel-button{width:34px;height:34px;background-size:15px;margin-right:-6px}}

/* --- 1. Форум в общем стиле сайта: чёрно-белая палитра, те же скругления, кнопки и вкладки, что и на остальных страницах --- */
.fo2,:root[data-t=light] .fo2{--fa:var(--ac);--fa2:var(--ac);--f1:var(--sf);--f2:var(--s2);--f3:var(--s2);--ft:var(--fg);--fm:var(--mu);--fb:var(--bd)}
main>.fo2.fo2.fo2:first-child{margin-top:28px}
.fo2-hero{margin:0;padding:0 0 4px;background:none;border:0}
.fo2-bc{margin-bottom:12px}.fo2-bc a:hover{color:var(--fg)}
.fo2-st b{color:var(--fg)}
.fo2-sf input,:root[data-t=light] .fo2-sf input{background:var(--sf);border:1px solid var(--bd);border-radius:10px;padding:9px 14px}
.fo2-sf input:focus{border-color:var(--ac)}
.fo2 .fb{background:var(--ac);color:var(--ack);border-radius:10px;padding:9px 18px}
.fo2 .fb.gh{background:var(--s2);color:var(--fg);border:0}.fo2 .fb.gh:hover{background:var(--bd);filter:none}
.fo2-tabs{margin:18px 0 0;padding:2px 2px 10px;background:none;border:0;gap:8px}
.fo2-tabs a{background:var(--sf);border:1px solid var(--bd);border-radius:14px;margin:0;padding:9px 14px;font-size:13.5px;transition:.18s}
.fo2-tabs a:hover{background:var(--sf);color:var(--fg);transform:translateY(-1px)}
.fo2-tabs a.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.fo2-tabs b{background:var(--s2);color:var(--fg)}
.fo2-tabs a.on b{background:color-mix(in srgb,var(--ack) 18%,transparent);color:var(--ack)}
.fo2-gr{margin-top:14px}
.fo2-so{background:var(--sf);border-color:var(--bd);border-radius:99px}.fo2-so a{border-radius:99px}.fo2-so a.on{background:var(--ac);color:var(--ack)}
.fo2-tl,.fo2-bx,.fo2-cm{background:var(--sf);border-color:var(--bd);border-radius:16px}
.fo2-th{background:var(--s2)}
.fo2-r:hover{background:var(--s2)}
.fo2-r.pnd{background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 9%,transparent),transparent 65%)}
.fo2-ic{border-radius:12px;background:color-mix(in srgb,var(--c) 14%,var(--s2));border-color:color-mix(in srgb,var(--c) 38%,var(--bd))}
.fo2-t h3{font-weight:700}.fo2-r:hover h3{color:var(--fg);text-decoration:underline;text-underline-offset:3px}
.fo2-tg.pt{background:var(--ac);color:var(--ack)}
.fo2-bx h3,.fo2-cm h3{background:none;font-size:15px;letter-spacing:0;text-transform:none;color:var(--fg);padding:14px 16px 10px;font-weight:700;border-bottom:1px solid var(--bd)}
.fo2-bx ul{padding:12px 16px 16px 32px}
.fo2-pp a:hover{background:var(--s2)}
.fo2-p{border-radius:18px;background:var(--sf)}
.fo2-p.op{border-color:color-mix(in srgb,var(--ac) 45%,var(--bd))}.fo2-p:target{box-shadow:0 0 0 2px var(--ac)}
.fo2-au{background:var(--s2)}.fo2-au .av{border-radius:50%}
.fo2-op{background:var(--ac);color:var(--ack);border-radius:99px;padding:1px 9px}
.fo2-x a{color:var(--fg);text-underline-offset:3px}
.fo2-x .q{border-left-color:var(--ac);background:var(--s2);border-radius:0 10px 10px 0}
.fo2-sp.show,.fo2-sp:focus{background:var(--s2)}
.fo2-ac button{background:var(--s2);color:var(--fg);border-radius:10px;padding:6px 13px}.fo2-ac button:hover{background:var(--bd)}
.fo2-tb button{background:var(--s2);border-radius:8px}.fo2-tb button:hover{border-color:var(--ac);color:var(--fg)}
.fo2-cb textarea,.fo2-nf .fi,:root[data-t=light] .fo2-cb textarea,:root[data-t=light] .fo2-nf .fi{background:var(--s2);border:1px solid var(--bd);border-radius:12px}
.fo2-cb textarea:focus,.fo2-nf .fi:focus{border-color:var(--ac)}
.fo2-cp span{background:var(--sf)}
.fo2-emp a{color:var(--fg);text-decoration:underline;text-underline-offset:3px}

/* --- 6. Баннеры: заполняют блок по центру (cover), затемнение к низу возвращено --- */
.pbn2,.ban.pbn{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:var(--s2)}
.pbn2{width:100%!important;height:clamp(190px,26vw,360px)!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}
.amh{height:72px!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:var(--s2)}
.ed-bn,.pv .bn{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.pbn2:after{background:linear-gradient(to bottom,#0004 0,#0000 30%,color-mix(in srgb,var(--sf) 6%,transparent) 44%,color-mix(in srgb,var(--sf) 20%,transparent) 58%,color-mix(in srgb,var(--sf) 44%,transparent) 72%,color-mix(in srgb,var(--sf) 74%,transparent) 86%,var(--sf) 100%)!important}
.phd[class*="th-"] .pbn2:after{background:linear-gradient(to bottom,#0004 0,#00000018 22%,#0000 50%)!important}
.ban:before{background:linear-gradient(to top,var(--bg) 0,color-mix(in srgb,var(--bg) 88%,transparent) 8%,color-mix(in srgb,var(--bg) 64%,transparent) 22%,color-mix(in srgb,var(--bg) 36%,transparent) 40%,color-mix(in srgb,var(--bg) 12%,transparent) 60%,transparent 82%),linear-gradient(to bottom,#0004 0,#00000018 20%,#0000 42%)!important}
.amh:after{background:linear-gradient(to bottom,#0004 0,#0000 22%,color-mix(in srgb,var(--sf) 6%,transparent) 36%,color-mix(in srgb,var(--sf) 20%,transparent) 50%,color-mix(in srgb,var(--sf) 44%,transparent) 66%,color-mix(in srgb,var(--sf) 74%,transparent) 82%,var(--sf) 100%)!important}
.pv .bn,.ed-bn{position:relative}
.pv .bn:after,.ed-bn:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#0004 0,#0000 30%,color-mix(in srgb,var(--sf) 8%,transparent) 48%,color-mix(in srgb,var(--sf) 28%,transparent) 66%,color-mix(in srgb,var(--sf) 58%,transparent) 84%,color-mix(in srgb,var(--sf) 80%,transparent) 100%);z-index:0}
.ed-bn .ed-bb{z-index:1}

/* --- Мини-профиль: полупрозрачный скруглённый квадрат за ником и аватаркой при наведении --- */
.mn .amu{margin:-28px 8px 2px;padding:6px 8px;border:1px solid transparent;border-radius:14px;transition:background .18s,border-color .18s}
.mn .amu:has(.amlk:hover){background:color-mix(in srgb,var(--fg) 6%,transparent);border-color:color-mix(in srgb,var(--fg) 7%,transparent)}
.mn .amlk:hover{text-decoration:none}

/* --- Ранг Creator: число уровня заменено словом --- */
.ring b.cr{font-size:15px;letter-spacing:.03em}

/* --- Форум: поиск сверху, слева правила и популярное, в центре темы, справа выбор тем --- */
.fo3-sf{max-width:none;margin:0 0 4px}
.fo3-gr{display:grid;grid-template-columns:260px minmax(0,1fr) 250px;gap:18px;align-items:start;margin-top:16px}
.fo3-l,.fo3-r{display:grid;gap:14px;position:sticky;top:calc(var(--hh,76px) + 14px);min-width:0}
.fo3-c{min-width:0}
.fo3-hd{display:flex;gap:12px 24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.fo3-hd h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800}.fo3-hd p{margin:4px 0 0;color:var(--mu);font-size:13.5px}
.fo3-cs{display:grid;gap:4px;padding:8px}
.fo3-cs a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--mu);font-weight:600;transition:.15s}
.fo3-cs a i{font-style:normal;font-size:16px;width:22px;text-align:center}
.fo3-cs a b{margin-left:auto;font-size:11px;background:var(--s2);color:var(--fg);border-radius:99px;padding:1px 8px}
.fo3-cs a:hover{background:var(--s2);color:var(--fg)}
.fo3-cs a.on{background:var(--ac);color:var(--ack)}.fo3-cs a.on b{background:color-mix(in srgb,var(--ack) 18%,transparent);color:var(--ack)}
.fo3 .fo2-th,.fo3 .fo2-r{grid-template-columns:minmax(0,1fr) 70px 160px;gap:12px}
@media(max-width:1180px){.fo3-gr{grid-template-columns:minmax(0,1fr) 250px}.fo3-l{grid-column:1/-1;grid-row:1;position:static}.fo3-c{grid-column:1;grid-row:2}.fo3-r{grid-column:2;grid-row:2}.fo3-cs{display:flex;overflow-x:auto;scrollbar-width:none;padding:8px}.fo3-cs::-webkit-scrollbar{display:none}.fo3-cs a{flex:none;white-space:nowrap}}
@media(max-width:760px){.fo3-gr{grid-template-columns:1fr}.fo3-c{grid-column:1;grid-row:2}.fo3-r{grid-column:1;grid-row:3;position:static}.fo3 .fo2-th{display:none}.fo3 .fo2-r{grid-template-columns:minmax(0,1fr) auto}}

/* --- Новости: слева темы (ленты), справа новости --- */
.nwl{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px}
.nwl-s{background:var(--sf);border:1px solid var(--bd);border-radius:16px;position:sticky;top:calc(var(--hh,76px) + 14px);overflow:hidden}
.nwl-s h3{margin:0;padding:14px 16px 10px;font-size:15px;border-bottom:1px solid var(--bd)}
.nwl .nwl-t{display:grid;gap:4px;margin:0;padding:8px}
.nwl .nwl-t button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:12px;padding:10px 12px;color:var(--mu);font-weight:600;transition:.15s;cursor:pointer}
.nwl .nwl-t button i{font-style:normal;width:22px;text-align:center;font-size:16px}
.nwl .nwl-t button b{margin-left:auto;font-size:11px;background:var(--s2);color:var(--fg);border-radius:99px;padding:1px 8px}
.nwl .nwl-t button:hover{background:var(--s2);color:var(--fg)}
.nwl .nwl-t button.on{background:var(--ac);color:var(--ack)}.nwl .nwl-t button.on b{background:color-mix(in srgb,var(--ack) 18%,transparent);color:var(--ack)}
.nwl-m{min-width:0}
@media(max-width:820px){.nwl{grid-template-columns:1fr}.nwl-s{position:static}.nwl-s h3{display:none}.nwl .nwl-t{display:flex;overflow-x:auto;scrollbar-width:none}.nwl .nwl-t::-webkit-scrollbar{display:none}.nwl .nwl-t button{flex:none;width:auto;white-space:nowrap}}

/* --- 4. Реферальная программа --- */
.rf-i{grid-template-columns:auto 1fr}
.rf-st small{display:block}
.rf-pb{display:block;height:5px;border-radius:99px;background:var(--bd);margin-top:8px;overflow:hidden}.rf-pb u{display:block;height:100%;background:var(--ac);border-radius:inherit;text-decoration:none}
@media(max-width:520px){.rf-st{grid-template-columns:1fr}}

/* --- 5. Новости сайта --- */
.nws-g .nws-site{grid-column:1/-1;gap:18px;padding:16px}
.nws-si{flex:none;width:min(240px,32%);align-self:flex-start;aspect-ratio:16/10;border-radius:12px;background:var(--s2);overflow:hidden}.nws-si img{display:block;width:100%;height:100%;object-fit:cover}
.nws-site .nws-b{flex:1;gap:8px}.nws-site h3{font-size:19px}
.nws-tx{margin:0;color:var(--fg);opacity:.86;font-size:14.5px;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.nws-b p.nws-tx{color:var(--fg)}
.nws-site.open .nws-tx{display:block;-webkit-line-clamp:unset}
.nws-more{align-self:flex-start}
.nws-pn{font-size:11px;font-weight:800;background:var(--ac);color:var(--ack);border-radius:99px;padding:1px 9px}
@media(max-width:620px){.nws-site{flex-direction:column}.nws-si{width:100%}}
.adm-nf{display:grid;gap:12px;max-width:760px}.adm-nf label{display:grid;gap:6px;font-size:13px;color:var(--mu);font-weight:600}
.adm-nf textarea{resize:vertical;min-height:150px;line-height:1.55}
.adm-nf label.adm-ck{display:flex;align-items:center;gap:8px;color:var(--fg)}

/* --- 3. Ранг «Creator» — особое звание админа (в лестницу уровней не входит). Вертикальные чёрно-белые «ветви», мерцание, строб-инверсия --- */
@keyframes lvVFl{0%,100%{opacity:.2}12%{opacity:1}18%{opacity:.1}41%{opacity:.9}47%{opacity:.25}73%{opacity:1}80%{opacity:.15}}
@keyframes lvArcStr{0%,86%,100%{filter:none}87%{filter:invert(1)}88%{filter:none}93%{filter:invert(1)}94%{filter:none}}
@keyframes lvArcTx{0%,44%,48%,79%,83%,100%{opacity:1}45%{opacity:.3}46%{opacity:1}80%{opacity:.5}81%{opacity:1}}
@keyframes lvArcGl{0%{box-shadow:0 0 0 2px #000,0 0 10px 2px #fffb}22%{box-shadow:0 0 0 2px #000,0 0 3px 0 #fff3}38%{box-shadow:0 0 0 2px #000,0 0 26px 7px #fff}60%{box-shadow:0 0 0 2px #000,0 0 7px 1px #fff6}74%{box-shadow:0 0 0 2px #000,0 0 30px 9px #fff}88%{box-shadow:0 0 0 2px #000,0 0 4px 0 #fff4}}
@keyframes lvCrSl{0%,70%{left:-60%}100%{left:140%}}
.lt11{--c:#fff;--d:#000;--gl:#fffd}
.lvb.lt11{--s:42px;margin-left:12px;padding:3px 22px 3px 3px;font-size:16px;background:#000;border:2px solid #fff;border-radius:4px;overflow:visible;animation:lvArcGl 1.7s steps(1) infinite,lvArcStr 5s steps(1) infinite}
.lvb.lt11:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 4px,#ffffff30 4px 5px,transparent 5px 9px,#ffffff66 9px 10px),linear-gradient(0deg,#fff4,transparent 70%);animation:lvVFl 1.4s steps(1) infinite}
.lvb.lt11 .lvs{border-radius:inherit}.lvb.lt11 .lvs:after{width:14%;background:#fff;opacity:.9;transform:skewX(-35deg);animation:lvCrSl 1.9s steps(14) infinite}
.lvb.lt11 .lvn{color:#fff;margin-left:10px;position:relative;z-index:7;font-weight:900;letter-spacing:.08em;text-shadow:0 0 6px #fff9;animation:lvArcTx 3.1s steps(1) infinite}
.lvb.full.lt11 .lvn{letter-spacing:.18em;text-transform:uppercase}
.lvb.full.lt11 .lvn:before{content:"▍ "}.lvb.full.lt11 .lvn:after{content:" ▍"}
.lvi.lt11{background:#000;border-radius:3px;box-shadow:inset 0 0 0 1.5px #fff;color:#fff;animation:lvArcGl 1.7s steps(1) infinite}
.lvi.lt11 svg{filter:none}
.lvi.lt11 .fx{top:-35%;bottom:-35%;width:max(1.5px,calc(var(--s,20px)*.07));background:linear-gradient(to top,#fff,#fff0);z-index:0;animation:lvVFl 1.3s steps(1) infinite}
.lvi.lt11 .fx.v1{left:10%}.lvi.lt11 .fx.v2{left:27%;animation-delay:.3s}.lvi.lt11 .fx.v3{left:44%;animation-delay:.7s}.lvi.lt11 .fx.v4{left:58%;animation-delay:.15s}.lvi.lt11 .fx.v5{left:75%;animation-delay:.55s}.lvi.lt11 .fx.v6{left:90%;animation-delay:.95s}
@media(prefers-reduced-motion:reduce){.lvb.lt11,.lvi.lt11,.lvb.lt11:before,.lvb.lt11 .lvn,.lvi.lt11 .fx{animation:none!important}}


/* --- Любимые персонажи: скруглённые квадраты вместо кружков --- */
.fvg.rd .fvi .ph{aspect-ratio:1;border-radius:14px!important}

/* --- Лента активности --- */
.afeed{display:grid;gap:8px;margin-top:14px}
.afi2{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--s2);border:1px solid transparent;color:inherit;transition:border-color .15s,background .15s}
a.afi2:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--bd));background:color-mix(in srgb,var(--c) 8%,var(--s2))}
.afi2[hidden]{display:none}
.afi2 .aic{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px;background:color-mix(in srgb,var(--c) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 35%,transparent)}
.afi2 .atx{min-width:0;display:grid;gap:2px;flex:1}
.afi2 .at{font-size:14px;line-height:1.35;overflow-wrap:anywhere}.afi2 .at b{font-weight:700}
.afi2 small{color:var(--mu);font-size:12px}
.afi2 .ago{flex:none;color:var(--mu);font-size:20px;line-height:1}
.amoreb{display:block;margin:12px auto 0;background:var(--s2);border:1px solid var(--bd);border-radius:99px;padding:8px 22px;font-weight:600;color:var(--fg);cursor:pointer}.amoreb:hover{border-color:var(--ac)}

/* --- Страница аниме: статус и оценка на виду --- */
.mlb{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 10%,var(--sf)),var(--sf));border:1px solid color-mix(in srgb,var(--ac) 35%,var(--bd));border-radius:16px}
.mlf{display:grid;gap:5px;flex:1 1 200px;min-width:0}.mlf.mls{flex:0 1 150px}
.mlf small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);font-weight:700}
.mlb .in{width:100%;padding:11px 12px;font-size:15px;font-weight:600}

/* --- Страница персонажа --- */
/* страница персонажа */
.chrp{max-width:1100px;margin:0 auto}
.chr-hero{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:end;margin-bottom:28px}
@media(max-width:700px){.chr-hero{grid-template-columns:1fr;justify-items:center;text-align:center}}
.chr-ph{width:220px}.chr-ph .ph{width:100%;border-radius:18px!important;box-shadow:0 16px 40px #0007}
@media(max-width:700px){.chr-ph{width:160px}}
.chr-meta h1{margin:0 0 6px;font-size:clamp(26px,3.6vw,40px);line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.chr-alt{color:var(--mu);font-size:14px;margin:0 0 10px;overflow-wrap:anywhere;line-height:1.45}
.chr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
@media(max-width:700px){.chr-chips{justify-content:center}}
.chr-act{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:700px){.chr-act{justify-content:center}}
.chr-body{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:22px;align-items:start;margin-bottom:32px}
@media(max-width:900px){.chr-body{grid-template-columns:1fr}}
.chr-facts{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:6px 16px;display:grid}
.chr-fi{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--bd);font-size:14px}
.chr-fi:last-child{border-bottom:0}
.chr-fi span{color:var(--mu);flex:none;max-width:45%}
.chr-fi b{text-align:right;font-weight:600;overflow-wrap:anywhere}
.chr-bio{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:20px 22px;min-width:0}
.chr-bio h2{margin:0 0 12px;font-size:13px;color:var(--mu);text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.chr-bio .cs,.chr-bio .desc{margin:0;font-size:15px;line-height:1.75;color:color-mix(in srgb,var(--fg) 88%,transparent);max-width:none}
.chr-bio .cs p{margin:0 0 12px}.chr-bio .cs p:last-child{margin:0}
.chr-media h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:20px}
.chr-media .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
/* удаление из избранного */
.fvcard{position:relative}
.fvcard .fvrm{position:absolute;top:6px;right:6px;z-index:4;width:28px;height:28px;border-radius:50%;border:0;background:#000c;color:#fff;font-size:16px;line-height:1;display:grid;place-items:center;opacity:0;transition:.15s;cursor:pointer}
.fvcard:hover .fvrm,.fvcard .fvrm:focus-visible{opacity:1}
.fvcard .fvrm:hover{background:#f43f5e}
@media(hover:none){.fvcard .fvrm{opacity:.9}}
.fvg .fvi{position:relative}
.fvg .fvrm{position:absolute;top:4px;right:4px;z-index:4;width:26px;height:26px;border-radius:50%;border:0;background:#000c;color:#fff;font-size:15px;display:grid;place-items:center;opacity:0;transition:.15s;cursor:pointer}
.fvg .fvi:hover .fvrm{opacity:1}
.fvg .fvrm:hover{background:#f43f5e}
@media(hover:none){.fvg .fvrm{opacity:.85}}

/* --- Форум: популярное --- */
.fo3-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:17px}
.fo3-hot{margin-bottom:22px}

/* ===== v20: правки ===== */
/* новости: темы без эмодзи */
.nws-no{font-size:0}
.nwl .nwl-t button{padding:10px 14px}
/* форум */
.fsv{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.fo3-cs a i{width:10px;height:10px;border-radius:50%;background:var(--c);flex:none;margin:0 7px 0 3px}
.fo3-cs a.on i{box-shadow:0 0 0 2px color-mix(in srgb,var(--ack) 35%,transparent)}
.fo2 .fo4-new{width:100%;padding:12px 18px}
@media(max-width:1180px){.fo2 .fo4-new{display:none}}
.fo2 .fb .fsv{width:16px;height:16px}
.fo3 .fo2-st{gap:10px}.fo3 .fo2-st div{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:8px 16px;min-width:76px}
.fo2 .fo2-tl{background:none;border:0;border-radius:0;overflow:visible;display:grid;gap:8px}
.fo2 .fo2-emp{background:var(--sf);border:1px solid var(--bd);border-radius:16px}
.fo3-gr{grid-template-columns:230px minmax(0,1fr) 230px}
.fo2 .fo2-r.fo4-r{grid-template-columns:44px minmax(0,1fr) 160px;gap:6px 16px;align-items:center;padding:14px 16px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;transition:border-color .15s,transform .15s}
.fo2 .fo2-r.fo4-r:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--bd));transform:translateY(-1px);background:var(--sf)}
.fo2 .fo2-r.fo4-r.pnd{background:color-mix(in srgb,var(--ac) 6%,var(--sf));border-color:color-mix(in srgb,var(--ac) 40%,var(--bd))}
.fo4-av .av{width:44px;height:44px;font-size:17px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 70%,transparent);object-fit:cover}
.fo4-mn{min-width:0}.fo4-mn h3{margin:0 0 5px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.fo4-r .fo2-k{white-space:nowrap;background:color-mix(in srgb,var(--c) 14%,var(--s2));border-radius:99px;padding:1px 10px;font-size:12px}
.fo4-st{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.fo4-st span{display:inline-flex;align-items:center;gap:5px;color:var(--mu);font-size:12.5px;font-weight:600;background:var(--s2);border-radius:99px;padding:4px 10px;white-space:nowrap}
.fo4-i{display:inline-flex;align-items:center;gap:5px}
.fo2-rc small:before{content:none!important}
@media(max-width:1180px){.fo3-gr{grid-template-columns:minmax(0,1fr) 230px}}
@media(max-width:760px){.fo3-gr{grid-template-columns:1fr}}
@media(max-width:900px){.fo2 .fo2-r.fo4-r{grid-template-columns:44px minmax(0,1fr)}.fo2-r.fo4-r .fo2-lp{display:none}}
/* лидерборд */
.lb2-tabs{flex-wrap:wrap;overflow:visible;gap:14px 26px;margin-bottom:18px;padding-bottom:0}
.lb2-g{display:grid;gap:6px}.lb2-g>small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:700}
.lb2-g>div{display:flex;gap:6px;flex-wrap:wrap}
.lb2-tabs i,.lb2-ct i{display:grid;place-items:center;width:18px;height:18px}
.lb2-tabs svg,.lb2-ct svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lb2-ct i{color:var(--mu)}
.lb2-cap{align-items:flex-end}.lb2-ds{margin:3px 0 0;color:var(--mu);font-size:13.5px;max-width:60ch}
.lb2-cr svg{width:26px;height:26px;fill:var(--g);stroke:none}
.lb2-pl{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--m)}
.lb2-me{font-size:10.5px;font-weight:800;background:var(--ac);color:var(--ack);border-radius:99px;padding:0 8px}
.lb2-lh{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(90px,200px) 90px 20px;gap:12px;padding:0 16px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);font-weight:700}
.lb2-lh span:first-child{text-align:center}.lb2-lh span:nth-child(4){text-align:right}
.lb2-hint{margin:0 0 10px;font-size:12px;color:var(--mu)}
.lb2-ls:not(.all) .lb2-row.xt.me{display:block;margin-top:14px}
.lb2-row.me .lb2-n{color:var(--fg)}
@media(max-width:640px){.lb2-lh,.lb2-pl{display:none}}
/* профиль: подписки / друзья */
.soc-sw{--i:0;position:relative;display:grid;grid-template-columns:repeat(3,1fr);max-width:520px;background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:4px;margin:0 0 16px}
.soc-sw:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/3);border-radius:99px;background:var(--ac);transform:translateX(calc(var(--i)*100%));transition:transform .28s cubic-bezier(.3,.8,.3,1)}
.soc-sw button{position:relative;z-index:1;background:none;border:0;border-radius:99px;padding:9px 8px;font-weight:700;color:var(--mu);display:flex;gap:7px;align-items:center;justify-content:center;transition:color .2s;white-space:nowrap}
.soc-sw button:hover{color:var(--fg)}.soc-sw button.on{color:var(--ack)}
.soc-sw button b{font-size:11px;background:var(--s2);color:var(--fg);border-radius:99px;padding:0 7px}.soc-sw button.on b{background:color-mix(in srgb,var(--ack) 20%,transparent);color:var(--ack)}
.soc-tb{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}
.soc-f{position:relative;flex:1;min-width:200px;display:block}.soc-f svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:none;stroke:var(--mu);stroke-width:2;stroke-linecap:round;pointer-events:none}
.soc-f input{width:100%;padding:10px 14px 10px 38px;border-radius:99px}
.soc-add{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:14px;margin:0 0 16px;display:grid;gap:10px}
.soc-add small{color:var(--mu)}.soc-ah{display:flex;justify-content:space-between;align-items:center;gap:10px}
.soc-rs{display:grid;gap:6px;max-height:420px;overflow:auto}
.soc-r{display:flex;justify-content:space-between;gap:10px;align-items:center;background:var(--s2);border:1px solid var(--bd);border-radius:14px}
.soc-l{display:flex;gap:12px;align-items:center;min-width:0;flex:1}.soc-l span{min-width:0}.soc-l small{display:block;color:var(--mu)}
.soc-r .btn{flex:none}
.soc-em{padding:18px;text-align:center;color:var(--mu)}
.soc-ls{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
/* рецензии: кнопка «Поделиться» */
.rf button.ib.ic svg{width:18px;height:18px}
/* обзор профиля: компактный блок статистики и жанров, ровные списки избранного, кнопка «Открыть полностью» */
.ovs .ovn{display:grid;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));gap:8px}
.ovs .ovn>div{background:var(--s2);border-radius:12px;padding:9px 12px;min-width:0;display:grid}
.ovs .ovn b{font-size:17px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovs .ovn small{color:var(--mu);font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.ovs .ovr{margin-top:16px}
.ovs .ovr h4{margin:0 0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--mu);text-align:left}
.ovs .stk{display:flex;gap:2px;height:8px;border-radius:99px;overflow:hidden;background:var(--s2)}.ovs .stk i{display:block;height:100%}
.ovs .ovl{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:12px;color:var(--mu)}
.ovs .ovl span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.ovs .ovl i{width:8px;height:8px;border-radius:50%;flex:none}.ovs .ovl b{color:var(--fg);font-weight:700;margin-left:1px}
.ovs .ovb{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;height:58px}
.ovs .ovb>div{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:0}
.ovs .ovt{flex:1;min-height:0;width:100%;display:flex;align-items:flex-end}.ovs .ovt i{display:block;width:100%;border-radius:4px 4px 1px 1px}
.ovs .ovb small{font-size:10px;line-height:1;color:var(--mu)}
.fvg.ex{grid-template-columns:repeat(5,minmax(0,1fr))}
.fvg.rd.ex{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:700px){.fvg.ex{grid-template-columns:repeat(2,minmax(0,1fr))}.fvg.rd.ex{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fvmo{display:flex;justify-content:center;margin-top:16px}
.fvmo .btn b{font-size:11px;background:#8883;border-radius:99px;padding:1px 8px;margin-left:8px}
/* v12: компактные списки в обзоре, боковые отступы содержимого вкладок профиля */
.apf .ptc{padding:0 clamp(16px,5vw,88px)}
@media(max-width:760px){.apf .ptc{padding:0 14px}}
.apf .fvg.ex{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}
.apf .fvg.ex .fvi,.apf .fvg.ex .fvi .ph{border-radius:10px!important}
.apf .fvg.ex .fvi b{padding:22px 8px 7px;font-size:11px;line-height:1.2;-webkit-line-clamp:2}
.apf .fvg.rd.ex{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:12px 10px}
.apf .fvg.rd.ex .fvi{border-radius:0}
.apf .fvg.rd.ex .fvi .ph{border-radius:12px!important}
.apf .fvg.rd.ex .fvi b{position:static;padding:6px 0 0;font-size:11.5px;line-height:1.2;min-height:0;-webkit-line-clamp:2;color:var(--fg);background:none}
.apf .fvmo{margin-top:10px}
.ovs .stk{height:16px}
.ovs .ovb{height:110px;gap:8px}
.ovs .ovb small{font-size:12px}
.ovs .ovl{font-size:13px;gap:8px 16px}
.ovs .ovl i{width:10px;height:10px}
.ovs .ovr h4{font-size:12px;margin-bottom:10px}
.ovs .ovr{margin-top:20px}
@media(max-width:700px){.apf .fvg.ex{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.apf .fvg.rd.ex{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}

/* v14: активность меньше, тир-листы в две колонки с видимыми названиями, блок оценок */
.apf .acd .bars{height:70px!important;gap:8px}
.apf .afeed{gap:6px;margin-top:10px}
.apf .afi2{padding:7px 10px;gap:10px;border-radius:12px}
.apf .afi2 .aic{width:30px;height:30px;border-radius:10px;font-size:15px}
.apf .afi2 .at{font-size:13px;line-height:1.3}
.apf .afi2 small{font-size:11px}
.apf .afi2 .ago{font-size:17px}
.apf .amoreb{padding:6px 18px;font-size:13px}
.tgd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-items:start}
@media(max-width:960px){.tgd{grid-template-columns:1fr}}
.apf .tier{grid-template-columns:40px minmax(0,1fr)}
.apf .tier-z{gap:10px 8px;padding:9px 10px}
.apf .tit{width:clamp(62px,5.4vw,76px)}
.apf .tit b{position:static;opacity:1;color:var(--fg);background:none;padding:0;margin-top:4px;font-size:10.5px;line-height:1.2;font-weight:600;text-align:center;border-radius:0;-webkit-line-clamp:2;pointer-events:none}
@media(max-width:600px){.apf .tier{grid-template-columns:34px minmax(0,1fr)}.apf .tit{width:clamp(58px,17vw,72px)}}
.rtl{display:grid;gap:8px;margin-top:12px}
.rti{display:grid;grid-template-columns:44px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:8px 10px;border-radius:14px;background:var(--s2);border:1px solid transparent;color:inherit;transition:border-color .15s}
.rti:hover{border-color:var(--ac)}
.rtc{display:block;width:44px}.rtc .ph{border-radius:8px!important}
.rtx{min-width:0;display:grid;gap:3px}
.rtx b{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rtx small{color:var(--mu);font-size:12px}
.rts{display:grid;gap:5px;justify-items:end}
.rts b{font-size:16px;line-height:1;color:var(--sc)}
.rts u{display:block;width:100%;height:5px;border-radius:99px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden;text-decoration:none}
.rts u i{display:block;height:100%;border-radius:99px;background:var(--sc)}

/* ===== v15: статистика, ачивки, тир-листы, опенинги ===== */
/* вкладка «Статистика»: содержимое на весь блок, без «карточки в карточке» */
.pgd.stg{align-items:stretch;margin-bottom:20px;gap:16px}
.pgd.stg>.acd{margin:0;display:flex;flex-direction:column;height:100%;padding:18px 20px 16px}
.pgd.stg>.acd>.dgr.one{flex:1;display:flex;flex-direction:column;min-height:0;margin:0;width:100%}
.pgd.stg>.acd>.dgr.one>.stc{
  flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:18px;
  min-height:100%;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;
  background:transparent!important;box-shadow:none
}
.pgd.stg>.acd>.dgr.one>.stc>.stn2{margin:0}
.pgd.stg>.acd>.dgr.one>.stc>.sts,
.pgd.stg>.acd>.dgr.one>.stc>.scs{flex:0 0 auto}
.pgd.stg>.acd>.dgr.one>.stc>.scs .scb{height:120px;min-height:120px}
.pgd.stg>.acd>.dgr.one.gen>.stc>.sts{flex:0 0 auto}
.pgd.stg>.acd .knote{margin-top:12px;opacity:.55}
.pgd.stg .stn2{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
.pgd.stg .sts,.pgd.stg .scs{width:100%}
.pgd.stg .stl{width:100%}
.pgd.stg .scb{width:100%}


/* список аниме в профиле: кнопка сверху, навигация и секции на одной высоте */
.alb{display:grid;gap:14px}
.alb-top{display:flex;justify-content:flex-end;margin:0}
.alb-top:empty{display:none}
.alb-top .btn{padding:9px 16px;font-size:13.5px}
.alb-body{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
@media(max-width:900px){.alb-body{grid-template-columns:1fr}}
.alb-nav{position:sticky;top:calc(var(--hh,76px) + 14px);background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:6px;display:grid;gap:2px}
@media(max-width:900px){.alb-nav{position:static;display:flex;flex-wrap:wrap;gap:6px;padding:8px}}
.alb-nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:11px;color:var(--mu);font-weight:600;font-size:13.5px}
.alb-nav a:hover,.alb-nav a:focus-visible{background:var(--s2);color:var(--fg)}
.alb-nav a b{font-size:11px;background:var(--s2);border-radius:99px;padding:1px 7px;color:var(--mu);font-weight:700}
.alb-nav a:hover b{background:var(--bd);color:var(--fg)}
.alb-main{min-width:0}
.alb-sec{scroll-margin-top:calc(var(--hh,76px) + 16px)}
.alb-sec .acd{margin-bottom:16px}
.alb-sec:first-child .acd{margin-top:0}
.rwide .rtg .stn2{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
/* блок оценок — на всю ширину, горизонтальный и низкий */
.rwide .rtg .stc{gap:12px;padding:14px 18px}
.rwide .rtg .stn2{max-width:520px}
.rwide .rtg .sts h4{margin-bottom:8px}
.rwide .rtg .rtl{grid-template-columns:repeat(auto-fit,minmax(176px,1fr));gap:8px;margin-top:0}
.rwide .rtg .rti{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"c x" "c s";gap:3px 10px;padding:7px 10px}
.rwide .rtg .rtc{grid-area:c;width:40px}
.rwide .rtg .rtx{grid-area:x}.rwide .rtg .rtx b{font-size:13px;-webkit-line-clamp:1}
.rwide .rtg .rts{grid-area:s;display:flex;align-items:center;gap:8px}
.rwide .rtg .rts b{font-size:13px;white-space:nowrap}
.rwide .rtg .rts u{flex:1;width:auto}
.rwide .acd{margin-bottom:0}
/* ачивки: сворачивание по темам */
.aft{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin:0 0 14px}.aft .afl{margin:0}
.aclr{display:flex;gap:8px;flex-wrap:wrap}.aclr button{background:transparent;border:1px solid var(--bd);border-radius:99px;padding:6px 14px;font-weight:600;font-size:12.5px;color:var(--mu);cursor:pointer}.aclr button:hover{color:var(--fg);border-color:var(--ac)}
.asec>h3{cursor:pointer;user-select:none;align-items:center}
.asec>h3 .asb{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--s2);border:1px solid var(--bd);color:var(--fg);border-radius:99px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer}
.asec>h3:hover .asb{border-color:var(--ac)}
.asb i{font-style:normal;display:inline-block;transition:transform .2s}
.asb .t2{display:none}.asec.cl .asb i{transform:rotate(-90deg)}.asec.cl .asb .t1{display:none}.asec.cl .asb .t2{display:inline}
.asec.cl .agrid{display:none}.asec.cl{margin-bottom:14px}
/* тир-листы: оба списка одной высоты — по самому высокому */
.tgd{align-items:stretch}
.tgd>.acd{display:flex;flex-direction:column;margin:0 0 20px}
.tgd>.acd>.tier{flex:1 1 auto}
.tgd .tier-z{align-content:center;align-items:center}
/* опенинги */
.opb .opt{min-width:0;display:grid;gap:2px}.opb .opt b{line-height:1.25}.opb .opt small{overflow:hidden;text-overflow:ellipsis}
.opi{width:44px;height:62px;object-fit:cover;border-radius:8px;flex:none;background:var(--sf)}
.opb .opp{width:28px;height:28px;font-size:11px;margin-left:auto}
.opr button>span:not(.pl2){min-width:0}
.ocat{display:grid;gap:10px}
.ocl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;max-height:480px;overflow:auto;padding-right:4px}
.opr .occ{display:flex;gap:10px;align-items:center;background:var(--s2);border:0;border-radius:12px;padding:8px;text-align:left;color:inherit;cursor:pointer}
.opr .occ:hover{outline:2px solid var(--ac)}
.occv{width:46px;height:64px;border-radius:8px;background:var(--sf) center/cover no-repeat;flex:none}
.oct{min-width:0;display:grid;gap:2px;flex:1}.oct b{font-size:14px;line-height:1.25}.oct small{color:var(--mu);font-size:11.5px;line-height:1.25}
.occn{color:var(--mu);font-size:12px;white-space:nowrap;align-self:center}
.opr .ocat>.btn{justify-content:center;justify-self:center}
.opm{display:flex;gap:12px;align-items:center}.opm img{width:46px;height:64px;object-fit:cover;border-radius:8px}.opm small{display:block;color:var(--mu)}


.chr-act .rvgo, .chr-act .chr-fav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;max-width:360px;margin:10px 0 0;padding:14px 18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),var(--sf));
  border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd));
  border-radius:16px;color:inherit;cursor:pointer;text-align:left;
  transition:.18s;font:inherit
}
.chr-act .rvgo:hover, .chr-act .chr-fav:hover{
  border-color:var(--ac);transform:translateY(-1px);
  box-shadow:0 10px 28px color-mix(in srgb,var(--ac) 25%,transparent)
}
.chr-act .rvgo.onfav, .chr-act .chr-fav.onfav{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 28%,var(--sf)),var(--sf));
}
.chr-act .rvgo b, .chr-act .chr-fav b{font-size:15px;font-weight:800;color:var(--fg)}
.chr-act .rvgo small, .chr-act .chr-fav small{display:block;color:var(--mu);font-size:12.5px;margin-top:2px}
.chr-act .rvgo .rvar, .chr-act .chr-fav .rvar{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--ac);color:var(--ack);font-size:18px;font-weight:800;flex:none
}

/* Forum ranks: prevent overflow outside author column */
.fo2-au{overflow:hidden;min-width:0;max-width:100%}
.fo2-au .lvb,.fo2-au .lvi{max-width:100%;flex-wrap:wrap}
.fo2-au .lvb{max-width:100%;overflow:hidden}
.fo2-au .lvn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fo2-p{min-width:0}
.fo2-au{width:100%;box-sizing:border-box}
@media(min-width:701px){
  .fo2-au{max-width:160px}
  .fo2-au .lvb{transform:scale(.92);transform-origin:center top}
}


/* Profile openings: larger cards and covers */
.ops{gap:12px}
.opb{padding:14px 16px;border-radius:16px;gap:16px}
.opi{width:72px;height:102px;border-radius:12px;object-fit:cover}
.pl2{width:48px;height:48px;font-size:18px}
.opb .opt b{font-size:16px}
.opb .opt small{font-size:13px}
.opb .opp{width:34px;height:34px;font-size:13px}

/* ================= kl-offscreen ================= */
/* анимации вне экрана и в фоновой вкладке стоят на паузе */
[data-klo],[data-klo]::before,[data-klo]::after,[data-klo] *,[data-klo] *::before,[data-klo] *::after,
html.kl-bg *,html.kl-bg *::before,html.kl-bg *::after{animation-play-state:paused!important}

/* ===== Fixes 2026: character page parity, facts, fav, comments, mini-profile ===== */

/* Character page closer to anime page layout */
.chrp{max-width:none;margin:0}
.chr-hero{
  display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;
  margin:0 calc(-1*var(--pad));padding:var(--pad);padding-bottom:24px;
  background:var(--sf);border-bottom:1px solid var(--bd);
  position:relative;min-height:auto
}
.chr-hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,var(--bg) 0,transparent 70%);
  pointer-events:none;opacity:.35
}
.chr-ph{width:220px;flex:none;position:relative;z-index:1}
.chr-ph .ph{width:100%;border-radius:14px!important;box-shadow:0 16px 40px #0008}
@media(max-width:700px){
  .chr-hero{flex-direction:column;align-items:center;text-align:center}
  .chr-ph{width:160px}
  .chr-act,.chr-chips{justify-content:center}
}
.chr-meta{flex:1;min-width:260px;position:relative;z-index:1;padding-bottom:4px}
.chr-meta h1{margin:0 0 6px;font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.02em}
.chr-alt{color:var(--mu);font-size:14px;margin:0 0 12px;line-height:1.45}
.chr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.chr-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chr-body{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);
  gap:22px;align-items:start;margin:28px 0 32px
}
@media(max-width:900px){.chr-body{grid-template-columns:1fr}}
.chr-bio{
  background:var(--sf);border:1px solid var(--bd);border-radius:18px;
  padding:22px 24px;min-width:0;order:0
}
.chr-bio h2{
  margin:0 0 14px;font-size:13px;color:var(--mu);
  text-transform:uppercase;letter-spacing:.08em;font-weight:800;
  display:flex;align-items:center;gap:10px
}
.chr-bio h2:before{content:"";width:4px;height:16px;border-radius:4px;background:var(--ac)}
.chr-bio .cs,.chr-bio .desc{
  margin:0;font-size:15px;line-height:1.75;
  color:color-mix(in srgb,var(--fg) 88%,transparent);max-width:none
}
.chr-facts{
  background:var(--sf);border:1px solid var(--bd);border-radius:18px;
  padding:16px 18px;display:grid;align-self:start;order:1
}
.chr-facts > .cf-title{
  margin:0 0 10px;font-size:13px;color:var(--mu);
  text-transform:uppercase;letter-spacing:.08em;font-weight:800;
  display:flex;align-items:center;gap:10px
}
.chr-facts > .cf-title:before{content:"";width:4px;height:16px;border-radius:4px;background:var(--ac)}
.chr-fi{
  display:flex;justify-content:space-between;gap:14px;
  padding:10px 0;border-bottom:1px solid var(--bd);font-size:14px
}
.chr-fi:last-child{border-bottom:0}
.chr-fi span{color:var(--mu);flex:none;max-width:48%}
.chr-fi b{text-align:right;font-weight:600;overflow-wrap:anywhere}
.chr-media{margin-bottom:28px}
.chr-media h2{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:20px}
.chr-media .grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}

/* Anime facts block label */
.afs .afx{position:relative}
.afs .afx-title,
.afx-title{
  margin:0 0 8px;font-size:12px;color:var(--mu);
  text-transform:uppercase;letter-spacing:.08em;font-weight:800
}

/* Favorites remove button: white on hover, black text */
.fvcard .fvrm:hover,
.fvg .fvrm:hover,
.fvrm:hover{
  background:#fff!important;color:#111!important;
  box-shadow:0 4px 14px #0006;transform:scale(1.06)
}
.fvrm{transition:background .15s,color .15s,transform .15s,opacity .15s}

/* Favorited state — clearly visible */
#fv.onfav,
button.onfav,
.btn.onfav{
  background:var(--ac)!important;color:var(--ack)!important;
  border:1px solid var(--ac)!important;font-weight:800;
  box-shadow:0 0 0 1px var(--ac),0 6px 18px color-mix(in srgb,var(--ac) 35%,transparent)
}
#fv.onfav:hover,
button.onfav:hover,
.btn.onfav:hover{
  filter:brightness(1.08)
}
.chr-act .btn.onfav{
  background:var(--ac)!important;color:var(--ack)!important
}

/* Comments — cleaner, more modern */
.cms{max-width:920px;margin:46px 0 28px}
.cms>h2{
  display:flex;align-items:center;gap:12px;font-size:22px;margin:0 0 18px
}
.cms>h2:before{content:"";width:5px;height:24px;border-radius:4px;background:var(--ac)}
.cmf{
  display:grid!important;grid-template-columns:48px minmax(0,1fr);
  gap:14px;max-width:none!important;margin:0 0 22px!important;
  padding:16px 18px;background:var(--sf);border:1px solid var(--bd);
  border-radius:18px;transition:border-color .2s,box-shadow .2s
}
.cmf:focus-within{
  border-color:var(--ac);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 16%,transparent)
}
.cmf .cmfb{display:grid;gap:10px;min-width:0}
.cmf textarea.in{
  width:100%;min-height:88px;resize:vertical;background:transparent;
  border:0;border-radius:0;padding:6px 2px;line-height:1.55;font-size:15px;outline:0
}
.cmf .cmfb .btn{justify-self:end;padding:9px 24px;border-radius:99px}
.cmf .cmfb .btn:disabled{opacity:.45;cursor:default}
.cth{
  max-width:none;background:var(--sf);border:1px solid var(--bd);
  border-radius:18px;overflow:hidden;margin:12px 0;transition:border-color .2s
}
.cth:hover{border-color:color-mix(in srgb,var(--ac) 30%,var(--bd))}
.cth .cmt{
  display:flex;gap:14px;background:none;border:0;border-radius:0;
  margin:0;max-width:none;padding:16px 18px
}
.cth .cmt.rp{
  margin:0;background:color-mix(in srgb,var(--s2) 55%,transparent);
  border-top:1px solid var(--bd);padding-left:40px;position:relative
}
.cth .cmt.rp:before{
  content:"";position:absolute;left:22px;top:16px;bottom:16px;width:2px;
  border-radius:2px;background:var(--ac);opacity:.55
}
.cth .cmt.rp .cav .av{width:34px;height:34px;font-size:15px}
.cms .cmt .cav .av{width:44px;height:44px}
.cms .ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cms .ch b{font-size:15px}
.cms .ch b a:hover{text-decoration:underline}
.cms .cdt{margin-left:auto;font-size:12px;color:var(--mu)}
.cms .ctx{margin:8px 0 12px!important;font-size:15px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.cms .cact{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
.cms .cact button{
  background:var(--s2)!important;color:var(--fg)!important;
  border:1px solid var(--bd);border-radius:99px;padding:6px 14px;
  font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s
}
.cms .cact button:hover{background:var(--bd)!important;outline:0}
.cms .cact button.on{
  color:#f43f5e!important;border-color:#f43f5e77;background:color-mix(in srgb,#f43f5e 10%,var(--s2))!important
}
.cms .cact button.ib{min-width:38px;height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cms .cact button.ib.ic{padding:0;width:36px}
.cme{
  display:grid;place-items:center;gap:6px;padding:40px 16px;
  background:var(--sf);border:1px dashed var(--bd);border-radius:18px;color:var(--mu)
}
.cme:before{content:"💬";font-size:28px}
.cmt.flash{animation:fl 2.3s}
@keyframes fl{0%,65%{box-shadow:inset 0 0 0 2px var(--ac);background:color-mix(in srgb,var(--ac) 14%,transparent)}}

/* Mini-profile larger */
.dd .mn{
  width:360px;min-width:300px;max-width:min(360px,calc(100vw - 16px));
  padding:0;overflow:hidden;box-shadow:0 20px 50px #000a;border-radius:18px
}
.amh{height:96px;position:relative}
.amh:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 15%,color-mix(in srgb,var(--sf) 55%,transparent) 55%,var(--sf) 100%)
}
.amu{
  display:flex;gap:14px;align-items:flex-end;
  padding:0 16px 12px;margin-top:-40px;position:relative;z-index:1
}
.amu .av{
  width:72px;height:72px;font-size:26px;
  border:4px solid var(--sf);flex:none;border-radius:50%
}
.amu>div{min-width:0;display:grid;gap:2px;padding-bottom:4px}
.amu b{font-size:16px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.amu small{color:var(--mu);font-size:13px}
.amp{
  margin:0 16px 12px;padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--c) 45%,var(--bd));
  border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;
  align-items:center;background:color-mix(in srgb,var(--c) 9%,transparent)
}
.amp span{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.amp b{font-size:16px;color:var(--c);line-height:1.2}
.amp em{font-style:normal;font-weight:700;font-size:13.5px;grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap}
.amp small{grid-column:1/3;color:var(--mu);font-size:12px;margin-top:2px}
.ams{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 12px}
.ams div{background:var(--s2);border-radius:12px;padding:10px 8px;display:grid;gap:2px;min-width:0;text-align:center}
.ams b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ams small{color:var(--mu);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
.mn .amw{
  display:block;margin:0 16px 12px;background:var(--s2);border-radius:10px;
  padding:10px 12px;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)
}
.mn .amw:hover{background:var(--bd)}
.amn{border-top:1px solid var(--bd);padding:6px;display:grid;gap:2px}
.amn a{padding:10px 14px;border-radius:10px;font-size:14px;font-weight:600;color:var(--mu)}
.amn a:hover{background:var(--s2);color:var(--fg)}

.afs .afx > .afx-title{
  display:block!important;padding:12px 14px 6px!important;
  border-bottom:0!important;font-size:12px;color:var(--mu);
  text-transform:uppercase;letter-spacing:.08em;font-weight:800;
  background:transparent
}
.afs .afx > .afx-title:before{content:"";display:inline-block;width:4px;height:12px;border-radius:3px;background:var(--ac);margin-right:8px;vertical-align:-1px}


/* List panel under description — compact, clean */
.mlb{
  display:grid;grid-template-columns:1fr minmax(110px,140px);gap:10px 12px;
  margin:0 0 14px;padding:10px 12px;
  background:var(--sf);border:1px solid var(--bd);border-radius:14px;
  max-width:100%;align-items:end
}
.mlf{display:grid;gap:4px;min-width:0;flex:none}
.mlf.mls{flex:none}
.mlf small{font-size:10.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--mu);font-weight:700}
.mlb .in{
  width:100%;padding:9px 12px;font-size:14px;font-weight:600;
  background:var(--s2);border:1px solid var(--bd);border-radius:10px
}
.mlb .in:focus{outline:2px solid var(--ac);outline-offset:1px}
@media(max-width:560px){.mlb{grid-template-columns:1fr}}

/* Reviews CTA above stats */
.rvgo{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 14px;padding:14px 16px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 14%,var(--sf)),var(--sf));
  border:1px solid color-mix(in srgb,var(--ac) 40%,var(--bd));
  border-radius:16px;color:inherit;text-decoration:none;transition:.18s
}
.rvgo:hover{border-color:var(--ac);transform:translateY(-1px);box-shadow:0 8px 22px #0005}
.rvgo b{font-size:15px;font-weight:800}
.rvgo small{display:block;color:var(--mu);font-size:12.5px;margin-top:2px}
.rvgo .rvar{font-size:22px;opacity:.7;flex:none}

/* Featured achievements left of profile likes */
.apin-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-right:4px}
.apin-chip{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:var(--s2);border:1px solid var(--bd);font-size:16px;line-height:1
}
.apin-chip i{font-style:normal}
.apin-chip.g{border-color:#facc15;box-shadow:0 0 0 1px #facc1544}
.apin-chip.l{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa44}
.apin-chip.e{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee44}
.pact{align-items:center}

/* Mini-profile wider */
.dd .mn{
  width:420px!important;min-width:340px!important;
  max-width:min(420px,calc(100vw - 16px))!important
}


/* Orange-red polish + UI */

/* Unified prominent buttons (like «Рецензии» / rvgo) */
.btn{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),var(--sf))!important;
  color:var(--fg)!important;
  border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd))!important;
  border-radius:16px!important;
  padding:12px 22px!important;
  font-weight:800!important;
  box-shadow:0 6px 18px #0003;
  transition:.18s;
}
.btn:hover{
  border-color:var(--ac)!important;
  transform:translateY(-1px);
  box-shadow:0 8px 22px #0005;
  filter:none!important;
}
.btn.g{
  background:var(--s2)!important;
  color:var(--fg)!important;
  border:1px solid var(--bd)!important;
  box-shadow:none;
  font-weight:700!important;
}
.btn.g:hover{border-color:var(--ac)!important;transform:translateY(-1px)}
.btn.s{padding:7px 14px!important;font-size:13px!important;border-radius:12px!important}
.btn.onfav,.onfav{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 28%,var(--sf)),var(--sf))!important;
  color:var(--fg)!important;
  border-color:var(--ac)!important;
}

.apin-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-right:8px}
.apin-chip{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;cursor:default;background:var(--s2);border:1px solid var(--bd);transition:transform .15s,border-color .15s,box-shadow .15s}
.apin-chip .ai{font-style:normal;font-size:20px;line-height:1}
.apin-chip.g{border-color:#facc15;box-shadow:0 0 0 1px #facc1533}
.apin-chip.l{border-color:#a78bfa;box-shadow:0 0 0 1px #a78bfa33}
.apin-chip.e{border-color:#22d3ee;box-shadow:0 0 0 1px #22d3ee33}
.apin-chip:hover,.apin-chip:focus-visible{transform:translateY(-2px);border-color:var(--ac);box-shadow:0 8px 20px #0006;z-index:5}
.apin-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);min-width:180px;max-width:260px;padding:10px 12px;border-radius:12px;background:var(--sf);border:1px solid var(--bd);box-shadow:0 12px 28px #000a;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:30;text-align:left;white-space:normal}
.apin-tip b{display:block;font-size:13px;margin-bottom:4px;color:var(--fg)}
.apin-tip small{display:block;font-size:12px;color:var(--mu);line-height:1.4}
.apin-chip:hover .apin-tip,.apin-chip:focus-visible .apin-tip{opacity:1;transform:translateX(-50%) translateY(0)}
.mlb{display:grid!important;grid-template-columns:1fr minmax(72px,90px)!important;gap:8px!important;margin:0 0 14px!important;padding:8px 10px!important;max-width:min(100%,340px)!important;width:100%;background:var(--sf)!important;border:1px solid var(--bd)!important;border-radius:12px!important}
.mlf small{font-size:10px!important}
.mlb .in{padding:8px 10px!important;font-size:13.5px!important;border-radius:9px!important}
.wbtn,.fl.abr .wbtn,a.wbtn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
  padding:12px 22px!important;font-size:15px!important;font-weight:800!important;
  border-radius:16px!important;margin-top:8px!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),var(--sf))!important;
  color:var(--fg)!important;
  border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd))!important;
  box-shadow:0 6px 18px #0003!important;
  letter-spacing:.01em;transition:.18s
}
.wbtn:hover,a.wbtn:hover{
  border-color:var(--ac)!important;transform:translateY(-1px);
  box-shadow:0 8px 22px #0005!important;filter:none!important
}
.rvgo{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 8px;padding:16px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),var(--sf));border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd));border-radius:16px;color:inherit;text-decoration:none;transition:.18s;max-width:100%}
.rvgo:hover{border-color:var(--ac);transform:translateY(-1px);box-shadow:0 10px 28px color-mix(in srgb,var(--ac) 25%,transparent)}
.rvgo b{font-size:16px;font-weight:800;color:var(--fg)}
.rvgo small{display:block;color:var(--mu);font-size:13px;margin-top:3px}
.rvgo .rvar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ac);color:var(--ack);font-size:20px;font-weight:800;flex:none}
.logo{color:var(--ac)}



.chr-act .rvgo, .chr-act .chr-fav{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  width:100%;max-width:360px;margin:10px 0 0;padding:14px 18px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 16%,var(--sf)),var(--sf));
  border:1px solid color-mix(in srgb,var(--ac) 45%,var(--bd));
  border-radius:16px;color:inherit;cursor:pointer;text-align:left;
  transition:.18s;font:inherit
}
.chr-act .rvgo:hover, .chr-act .chr-fav:hover{
  border-color:var(--ac);transform:translateY(-1px);
  box-shadow:0 10px 28px color-mix(in srgb,var(--ac) 25%,transparent)
}
.chr-act .rvgo.onfav, .chr-act .chr-fav.onfav{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 28%,var(--sf)),var(--sf));
}
.chr-act .rvgo b, .chr-act .chr-fav b{font-size:15px;font-weight:800;color:var(--fg)}
.chr-act .rvgo small, .chr-act .chr-fav small{display:block;color:var(--mu);font-size:12.5px;margin-top:2px}
.chr-act .rvgo .rvar, .chr-act .chr-fav .rvar{
  width:36px;height:36px;border-radius:50%;display:grid;place-items:center;
  background:var(--ac);color:var(--ack);font-size:18px;font-weight:800;flex:none
}

/* Forum ranks: prevent overflow outside author column */
.fo2-au{overflow:hidden;min-width:0;max-width:100%}
.fo2-au .lvb,.fo2-au .lvi{max-width:100%;flex-wrap:wrap}
.fo2-au .lvb{max-width:100%;overflow:hidden}
.fo2-au .lvn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fo2-p{min-width:0}
.fo2-au{width:100%;box-sizing:border-box}
@media(min-width:701px){
  .fo2-au{max-width:160px}
  .fo2-au .lvb{transform:scale(.92);transform-origin:center top}
}


/* Profile openings: larger cards and covers */
.ops{gap:12px}
.opb{padding:14px 16px;border-radius:16px;gap:16px}
.opi{width:72px;height:102px;border-radius:12px;object-fit:cover}
.pl2{width:48px;height:48px;font-size:18px}
.opb .opt b{font-size:16px}
.opb .opt small{font-size:13px}
.opb .opp{width:34px;height:34px;font-size:13px}


/* ===== правки v21 ===== */
/* 1. вкладки профиля — вровень с блоками обзора (тот же отступ, что у .ptc) */
.apf .ptb{margin-left:clamp(16px,5vw,88px);max-width:calc(100% - 2*clamp(16px,5vw,88px))}
@media(max-width:760px){.apf .ptb{margin-left:14px;width:calc(100% - 28px);max-width:none}}
/* 3. ранг отдельной строкой, с зазором от статуса */
.pid .alv{display:flex;width:fit-content;margin-top:18px}
@media(max-width:760px){.pid .alv{margin-left:auto;margin-right:auto}}
/* 4. рецензии: тариф сразу после ника, ранг чуть дальше */
.rh .bdg{margin-left:8px}
.rh .rv-rk{display:inline-flex;vertical-align:middle;margin-left:8px}
.rh .rv-rk .lvb{margin-left:6px}
/* 2. избранные ачивки в шапке профиля — те же рамки и эффекты, что во вкладке «Ачивки» */
.apin-chip{--rc:#9a9a9a;overflow:visible;background:color-mix(in srgb,var(--rc) 22%,var(--s2));border:1px solid var(--rc);box-shadow:none}
.apin-chip.r{--rc:#60a5fa}.apin-chip.e{--rc:#c084fc}.apin-chip.l{--rc:#facc15}.apin-chip.s{--rc:#ef4444}.apin-chip.g{--rc:#fff}.apin-chip.p{--rc:#34d399}
:root[data-t=light] .apin-chip.g{--rc:#c99700}
.apin-chip.p{border-color:var(--rc);background:linear-gradient(135deg,color-mix(in srgb,#34d399 22%,var(--s2)),var(--s2))}
.apin-chip>.ai{position:relative;z-index:1}
.apin-chip:hover,.apin-chip:focus-visible{transform:translateY(-3px);border-color:var(--rc);z-index:5}
.apin-chip:not(.g):not(.s):hover,.apin-chip:not(.g):not(.s):focus-visible{box-shadow:0 10px 24px #0005}
/* божественные: золотое свечение (GSAP пульсирует --gp) */
.apin-chip.g{isolation:isolate;border-color:#ffd54a;background:linear-gradient(135deg,color-mix(in srgb,#fff 16%,var(--sf)),color-mix(in srgb,#ffd54a 7%,var(--sf)));box-shadow:0 0 calc(10px + 10px*var(--gp)) calc(1px + 2px*var(--gp)) #ffd54acc,0 0 calc(28px + 28px*var(--gp)) calc(4px + 5px*var(--gp)) #ffb30066}
:root[data-t=light] .apin-chip.g{background:linear-gradient(135deg,#fff7d6,#fff)}
.apin-chip .gfx{inset:-22px;padding:22px;border-radius:34px}
/* секретные: тёмный фон, кровавое тление (GSAP пульсирует --sg) */
.apin-chip.s{isolation:isolate;border-color:#b3121f;background:linear-gradient(135deg,#1a0508,#0b0204 70%);box-shadow:0 0 calc(8px + 10px*var(--sg)) calc(1px + 2px*var(--sg)) #c0111fcc,0 0 30px 3px #3a000866,inset 0 0 16px #000}
.apin-chip.s:hover,.apin-chip.s:focus-visible{border-color:#ef4444}
.apin-chip .sfx{border-radius:inherit}
.apin-chip.s .apin-tip{background:#14050a;border-color:#b3121f;--fg:#f3dede;--mu:#b89a9a}

/* ===== правки v22: вкладка «Список аниме» ===== */
.ptrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-right:clamp(16px,5vw,88px)}
.ptrow .ptb{max-width:100%}
.ptrow .ptlib{padding:9px 16px;font-size:13.5px;margin:0}
@media(max-width:760px){.ptrow{padding:0 14px}.ptrow .ptb{margin-left:0;width:100%}}
.alb-side{position:sticky;top:calc(var(--hh,76px) + 14px);display:grid;gap:12px;max-height:calc(100vh - var(--hh,76px) - 28px);overflow-y:auto;scrollbar-width:thin;align-content:start}
.alb-side .alb-nav{position:static}
@media(max-width:900px){.alb-side{position:static;max-height:none;overflow:visible}}
.alb-box{background:var(--sf);border:1px solid var(--bd);border-radius:16px;padding:12px;display:grid;gap:10px}
.alb-box h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);font-weight:800}
.alb-box label{display:grid;gap:4px;font-size:12px;color:var(--mu);font-weight:600}
.alb-box .in{width:100%;padding:8px 10px;font-size:13.5px}
.alb-box small{color:var(--mu);font-size:12px;min-height:1em}
@media(max-width:900px){.alb-box#albfilt{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.alb-box#albfilt h4,.alb-box#albfilt small,.alb-box#albfilt .btn{grid-column:1/-1}}

.fvcard.fvx{display:none}
/* v26: иконки ачивок строго по центру плашки */
.ach .ai,.apin-chip>.ai{display:flex;align-items:center;justify-content:center;line-height:1;text-align:center;margin:0;padding:0}
.apin-chip>.ai{width:100%;height:100%;font-size:28px}
/* v32: мерцание секретных ачивок — чёрные углы пропадают: скругление клипуется жёстко, даже когда карточка мигает */
.ach.s>.sfx{clip-path:inset(0 round 16px);transform:translateZ(0)}
.apin-chip.s>.sfx{clip-path:inset(0 round 12px);transform:translateZ(0)}
.sfx .vg{border-radius:inherit}
/* v35: переключатели в стиле сайта — цвет акцента, мягкое свечение, пружинящий бегунок */
.sw{position:relative;display:inline-block;width:54px;height:32px;flex:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}
.sw input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.sw i{position:absolute;inset:0;border-radius:99px;box-sizing:border-box;border:1px solid var(--bd);
 background:color-mix(in srgb,var(--mu) 22%,var(--s2));box-shadow:inset 0 2px 6px #00000040;
 transition:background .3s,border-color .3s,box-shadow .3s}
/* блик на дорожке */
.sw i::before{content:"";position:absolute;left:8px;right:8px;top:3px;height:9px;border-radius:99px;background:linear-gradient(#ffffff22,#ffffff00);opacity:.7;pointer-events:none;transition:opacity .3s}
/* бегунок */
.sw i::after{content:"";position:absolute;left:3px;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;
 background:linear-gradient(180deg,#fff,#e4e4ec);box-shadow:0 1px 3px #00000050,0 0 0 1px #00000014,inset 0 -1px 2px #00000022;
 transition:transform .35s cubic-bezier(.34,1.45,.5,1),width .2s,background .3s}
.sw:hover i{border-color:color-mix(in srgb,var(--ac) 55%,var(--bd))}
/* включено: заливка акцентом + свечение, в бегунке точка цвета акцента */
.sw input:checked+i{border-color:color-mix(in srgb,var(--ac) 80%,#000);
 background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 72%,#fff),var(--ac) 55%,color-mix(in srgb,var(--ac) 80%,#000));
 box-shadow:inset 0 2px 5px #00000030}
.sw input:checked+i::after{transform:translateX(22px);
 background:radial-gradient(circle at 50% 50%,var(--ac) 0 3.5px,transparent 4.5px),linear-gradient(180deg,#fff,#ececf4)}
/* нажатие: бегунок чуть вытягивается */
.sw input:active+i::after{width:30px}
.sw input:checked:active+i::after{transform:translateX(16px)}
.sw input:focus-visible+i{outline:2px solid var(--ac);outline-offset:3px}
.sw input:disabled{cursor:not-allowed}.sw input:disabled+i{opacity:.4;box-shadow:inset 0 2px 6px #00000040}
.sw input:disabled:checked+i{box-shadow:inset 0 2px 5px #00000030}
.set label .sw+.sw{margin-left:12px}
:root[data-t=light] .sw i{box-shadow:inset 0 1px 4px #00000022}
:root[data-t=light] .sw i::before{background:linear-gradient(#ffffffaa,#ffffff00)}
@media(prefers-reduced-motion:reduce){.sw i,.sw i::before,.sw i::after{transition:none}}
/* v36: сегментные переключатели (трёхпозиционный выбор) и строка настройки */
.srow{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--bd)}
.set .srow:last-child{border:0}
.srow .sl2{min-width:0}
.seg{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);box-sizing:border-box;width:calc(var(--n,3)*112px + 8px);max-width:100%;gap:2px;padding:3px;flex:none;border-radius:99px;border:1px solid var(--bd);background:color-mix(in srgb,var(--mu) 18%,var(--s2));box-shadow:inset 0 2px 5px #00000030}
.sg{position:relative;display:block}
.sg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}
.sg>span{display:block;text-align:center;overflow:hidden;text-overflow:ellipsis;padding:7px 6px;border-radius:99px;font-size:13px;font-weight:700;line-height:1.2;color:var(--mu);white-space:nowrap;transition:color .2s,background .25s,box-shadow .25s}
.sg:hover>span{color:var(--fg)}
.sg input:checked+span{color:var(--ack,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 72%,#fff),var(--ac) 55%,color-mix(in srgb,var(--ac) 80%,#000));box-shadow:0 1px 3px #00000040,inset 0 1px 0 #ffffff40}
.sg input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
:root[data-t=light] .seg{box-shadow:inset 0 1px 4px #00000022}
@media(max-width:560px){.seg{width:100%}.sg>span{font-size:12.5px;padding:8px 3px}}
/* v40: окно редактирования изображения (в стиле Discord) */
.ie-ov{position:fixed;inset:0;z-index:1200;background:#000b;display:grid;place-items:center;padding:12px;overflow:auto;animation:ieIn .15s ease}
@keyframes ieIn{from{opacity:0}}
.ie{box-sizing:border-box;background:var(--sf);color:var(--fg);border:1px solid var(--bd);border-radius:16px;padding:20px 24px 22px;max-width:100%;box-shadow:0 24px 70px #000a}
.ie-h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.ie-h b{font-size:20px}
.ie-x{background:none;border:0;color:var(--mu);cursor:pointer;padding:5px;border-radius:8px;line-height:0}.ie-x:hover{color:var(--fg);background:var(--s2)}
.ie-st{position:relative;overflow:hidden;border-radius:12px;background:#17181b;margin:0 auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;max-width:100%}
.ie-st.dg{cursor:grabbing}
.ie-st img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;pointer-events:none;-webkit-user-drag:none;user-select:none;transform-origin:50% 50%}
.ie-mk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:3px solid #fff;box-shadow:0 0 0 999px #0009;pointer-events:none}
.ie-mk.rd{border-radius:50%}.ie-mk:not(.rd){border-radius:10px}
.ie-ct{display:flex;align-items:center;gap:14px;margin-top:18px}
.ie-zm{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--mu)}
.ie-zm span{display:inline-flex;flex:none}
.ie-zm input{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;flex:1;min-width:60px;max-width:260px;height:5px;border-radius:5px;outline:0;cursor:pointer;background:linear-gradient(to right,var(--fg) var(--p,0%),var(--bd) var(--p,0%))}
.ie-zm input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--fg);border:0;box-shadow:0 1px 4px #0006}
.ie-zm input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--fg);border:0;box-shadow:0 1px 4px #0006}
.ie-zm input:focus-visible{outline:2px solid var(--ac);outline-offset:4px}
.ie-tl{display:flex;gap:4px;flex:none}
.ie-tl button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--mu);cursor:pointer;transition:background .15s,color .15s}
.ie-tl button:hover{background:var(--s2);color:var(--fg)}.ie-tl button:focus-visible{outline:2px solid var(--ac)}
.ie-er{color:#f87171;font-size:13px;min-height:0;margin-top:8px}.ie-er:empty{display:none}
.ie-ft{display:flex;align-items:center;gap:10px;margin-top:20px}
.ie-rs{margin-right:auto;background:none;border:0;color:var(--ac);font:inherit;font-weight:600;cursor:pointer;padding:8px 4px}.ie-rs:hover{text-decoration:underline}
.ie.busy{}.ie-ov.busy .ie-st,.ie-ov.busy .ie-ct,.ie-ov.busy .ie-rs,.ie-ov.busy .ie-x,.ie-ov.busy .btn.g{pointer-events:none;opacity:.55}
.ie-ov.busy #cro{pointer-events:none}
@media(max-width:480px){.ie{padding:16px}.ie-ct{flex-wrap:wrap;justify-content:center}}
/* v41: баннер везде в тех же пропорциях 3.2:1, что и в окне кадрирования — как в предпросмотре */
.phd .pbn2{height:auto!important;aspect-ratio:3.2/1!important;min-height:0!important;max-height:480px!important}
.amh{height:auto!important;aspect-ratio:3.2/1}
.ed-bn{height:auto!important;aspect-ratio:3.2/1}


@media(prefers-reduced-motion:reduce){.sg>span{transition:none}}
/* v33: плитки библиотеки — заголовок всегда в 2 строки, чтобы полосы прогресса были на одной высоте */
.tile .c b{min-height:2.6em}
/* v30: цвет рамки плашки = цвет редкости (эпик — фиолетовый, легендарка — жёлтая, редкая — синяя) */
.apin-chip.r,.apin-chip.e,.apin-chip.l{border-color:var(--rc);box-shadow:none}

/* ===== правки v23 ===== */
/* перетаскивание избранного */
.fvhint{display:block;color:var(--mu);font-size:12px;margin:0 0 10px}
.fvdd .fvcard{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.fvdd .fvcard img{-webkit-user-drag:none;pointer-events:none}
.fvdd .fvcard.fvdrag{cursor:grabbing;opacity:.55;transform:scale(1.04);outline:2px dashed var(--ac);outline-offset:2px;z-index:6}
body.fvdragging,body.fvdragging *{cursor:grabbing!important}
/* вкладка «Избранное»: блок опенингов занимает всю высоту строки */
@media(min-width:961px){
/* v23: блок опенингов шире — примерно 3/8 ширины строки, слева 5/8 */
.pgd.rv{grid-template-columns:minmax(0,5fr) minmax(0,3fr)}
.pgd.rv{align-items:stretch}
/* v23: отступ между блоками избранного и тир-листами */
.pgd.rv{margin-bottom:24px}
/* v24: верх и низ блока опенингов совпадают с левой колонкой */
.pgd.rv>div>.acd:last-child{margin-bottom:0}
.pgd.rv>div>.acd:first-child,.pgd.rv>aside>.acd{margin-top:0}
.pgd.rv>aside{display:flex;flex-direction:column;min-width:0}
.pgd.rv>aside>.acd{flex:1;display:flex;flex-direction:column;margin-bottom:0}
.pgd.rv>aside>.acd .ops{flex:1;grid-auto-rows:minmax(0,1fr);align-content:stretch}
.pgd.rv>aside>.acd .opc{max-height:210px}
.pgd.rv>aside>.acd .opb{height:100%}
}
/* рецензии: маленькие ранги */
.rh .rv-rk .lvb{--s:18px;margin-left:0;padding:1px 8px 1px 1px;font-size:10.5px}
.rh .rv-rk .lvb .lvn{margin-left:3px;min-width:0;letter-spacing:.02em}

/* ================= kpl-css ================= */
/* ===== Kitsu Player (kpl) ===== */
.kpl {
  --bg: #0a0a0b;
  --panel: rgba(20, 20, 24, 0.97);
  --text: #f2f2f2;
  --muted: #9a9aa3;
  --accent: var(--ac, #e5232d);
  --accent-soft: rgba(229, 35, 45, 0.2);
  width: 100%;
  font-family: inherit;
  color: var(--text);
}
@supports (color: color-mix(in srgb, red, blue)) {
  .kpl { --accent-soft: color-mix(in srgb, var(--accent) 20%, transparent); }
}
/* внутри рамки .wfr страницы «Смотреть» плеер заполняет её целиком */
.kpl-host { position: absolute; inset: 0; }
.kpl-host .kpl { width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; box-shadow: none; }
/* ---------- Плеер ---------- */
.kpl {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #000;
  border-radius: 14px;
  overflow: hidden;
  outline: none;
  user-select: none;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}

.kpl.is-fullscreen {
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.kpl__video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  object-fit: contain;
  cursor: pointer;
}

.kpl.is-idle .kpl__video {
  cursor: none;
}

/* Анимация при play/pause по центру */
.kpl__flash {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  margin: -36px 0 0 -36px;
  padding: 18px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  fill: var(--accent);
  opacity: 0;
  pointer-events: none;
}
.kpl__flash.is-show {
  animation: kpl-flash 0.5s ease-out;
}
@keyframes kpl-flash {
  0% { opacity: 0.9; transform: scale(0.8); }
  100% { opacity: 0; transform: scale(1.3); }
}

/* ---------- Панель управления ---------- */
.kpl__controls {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 40px 14px 8px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
  transition: opacity 0.25s, transform 0.25s;
}

.kpl.is-idle .kpl__controls {
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
}

/* ---------- Полоса прогресса ---------- */
.kpl__progress {
  position: relative;
  height: 18px;
  display: flex;
  align-items: center;
  cursor: pointer;
  touch-action: none;
}

.kpl__bar {
  position: relative;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.2);
  transition: height 0.15s;
}
.kpl__progress:hover .kpl__bar {
  height: 6px;
}

.kpl__buffered,
.kpl__played {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  border-radius: inherit;
  width: 0;
}
.kpl__buffered {
  background: rgba(255, 255, 255, 0.3);
}
.kpl__played {
  background: var(--accent);
}

.kpl__thumb {
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--accent);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s;
  box-shadow: 0 0 0 4px var(--accent-soft);
}
.kpl__progress:hover .kpl__thumb {
  transform: translate(-50%, -50%) scale(1);
}

.kpl__tooltip {
  position: absolute;
  bottom: 22px;
  transform: translateX(-50%);
  padding: 3px 8px;
  font-size: 12px;
  border-radius: 6px;
  background: var(--panel);
  border: 1px solid rgba(255, 255, 255, 0.08);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s;
}
.kpl__progress:hover .kpl__tooltip {
  opacity: 1;
}

/* ---------- Ряд кнопок ---------- */
.kpl__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.kpl__left,
.kpl__right {
  display: flex;
  align-items: center;
  gap: 4px;
}

.kpl__btn {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.kpl__btn svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.kpl__btn:hover {
  background: var(--accent-soft);
  color: var(--accent);
}

.kpl__btn--text {
  width: auto;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.kpl__time {
  margin-left: 8px;
  font-size: 13px;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

/* ---------- Громкость ---------- */
.kpl__volume {
  display: flex;
  align-items: center;
}

.kpl__vol {
  --fill: 100%;
  -webkit-appearance: none;
  appearance: none;
  width: 0;
  height: 4px;
  margin: 0;
  border-radius: 4px;
  opacity: 0;
  cursor: pointer;
  background: linear-gradient(
    to right,
    var(--accent) var(--fill),
    rgba(255, 255, 255, 0.25) var(--fill)
  );
  transition: width 0.2s, opacity 0.2s, margin 0.2s;
}
.kpl__volume:hover .kpl__vol,
.kpl__vol:focus-visible {
  width: 80px;
  margin: 0 8px 0 4px;
  opacity: 1;
}
.kpl__vol::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--accent);
}
.kpl__vol::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: 0;
  border-radius: 50%;
  background: var(--accent);
}

/* ---------- Меню ---------- */
.kpl__menu-wrap {
  position: relative;
}

.kpl__menu {
  position: absolute;
  right: 0;
  bottom: 52px;
  min-width: 120px;
  padding: 6px;
  border-radius: 12px;
  background: var(--panel);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.15s, transform 0.15s, visibility 0.15s;
}
.kpl__menu.is-open {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.kpl__item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.kpl__item:hover {
  background: rgba(255, 255, 255, 0.07);
}
.kpl__item.is-active {
  color: var(--accent);
  background: var(--accent-soft);
}

.kpl__menu--settings {
  width: 300px;
  padding: 6px;
}

.kpl__group {
  margin-bottom: 10px;
}
.kpl__label {
  margin-bottom: 8px;
  font-size: 12px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.kpl__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.kpl__chip {
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: 0.15s;
}
.kpl__chip:hover {
  border-color: var(--accent);
}
.kpl__chip.is-active {
  background: var(--accent);
  border-color: var(--accent);
  color: #111;
  font-weight: 600;
}

/* Переключатели */
.kpl__switch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 4px;
  font-size: 14px;
  cursor: pointer;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.kpl__switch input {
  display: none;
}
.kpl__switch i {
  position: relative;
  flex: none;
  width: 36px;
  height: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.18);
  transition: background 0.2s;
}
.kpl__switch i::after {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: transform 0.2s;
}
.kpl__switch input:checked + i {
  background: var(--accent);
}
.kpl__switch input:checked + i::after {
  transform: translateX(16px);
}

.kpl__download {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border-radius: 10px;
  background: var(--accent-soft);
  color: var(--accent);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.15s;
}
.kpl__download svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}
.kpl__download:hover {
  background: var(--accent);
  color: #fff;
}
/* Строка-раздел "Скорость воспроизведения" */
.kpl__nav,
.kpl__back {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  font: inherit;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
}
.kpl__nav:hover,
.kpl__back:hover {
  background: rgba(255, 255, 255, 0.07);
}

.kpl__nav span {
  flex: 1;
}
.kpl__nav em {
  font-style: normal;
  font-size: 13px;
  color: var(--muted);
}
.kpl__nav svg,
.kpl__back svg {
  width: 20px;
  height: 20px;
  flex: none;
  fill: currentColor;
}
.kpl__nav svg {
  color: var(--muted);
}

.kpl__back {
  margin-bottom: 4px;
  padding-bottom: 12px;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  font-weight: 600;
}

.kpl__switch {
  padding: 10px 12px;
  border-top: 0;
  border-radius: 8px;
}
.kpl__switch:hover {
  background: rgba(255, 255, 255, 0.07);
}

.kpl__download {
  margin: 8px 6px 6px;
}

/* ================= kl-patch ================= */
.lbt-h,.fb-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.lbt-h h1,.fb-h h1{margin:0}.lbt-h p,.fb-h p{margin:4px 0 0;color:var(--mu);font-size:13.5px}.lbt-h .in{max-width:260px}
.lbt-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.lbt-tabs button{background:var(--sf);border:1px solid var(--bd);color:var(--mu);border-radius:99px;padding:6px 14px;font-weight:600;cursor:pointer}.lbt-tabs button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.lbt-ds{color:var(--mu);font-size:13px;margin:0 0 12px}.lbt-you{background:var(--sf);border:1px solid var(--ac);border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:14px}
.lbt-wrap,.fb-wrap{overflow-x:auto;background:var(--sf);border:1px solid var(--bd);border-radius:14px}.lbt-t,.fb-t{width:100%;border-collapse:collapse;font-size:14px}
.lbt-t th,.fb-t th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--mu);padding:10px 12px;background:var(--s2);white-space:nowrap}.lbt-t th button{all:unset;cursor:pointer;font:inherit}.lbt-t th.on button{color:var(--ac)}
.lbt-t td,.fb-t td{padding:10px 12px;border-top:1px solid var(--bd);vertical-align:middle}.lbt-t td.n,.fb-t td.n,.lbt-t th.n,.fb-t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lbt-t td.n.on{font-weight:800;color:var(--ac)}.lbt-t tr.me td{background:color-mix(in srgb,var(--ac) 12%,transparent)}.lbt-t td.r{width:48px;font-weight:800;color:var(--mu)}.lbt-t td.r1{color:#facc15}.lbt-t td.r2{color:#cbd5e1}.lbt-t td.r3{color:#d97706}
.lbt-u{display:flex;align-items:center;gap:10px}.lbt-u .av{width:34px;height:34px;flex:none}.lbt-u b a:hover{text-decoration:underline}.lbt-u .bdg{margin-left:6px}.lbt-dm{font-style:normal;font-size:11px;color:var(--mu);margin-left:6px}
.lbt-pg,.fb-pg{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:14px}.lbt-pg button,.fb-pg a{background:var(--sf);border:1px solid var(--bd);color:var(--fg);border-radius:8px;min-width:34px;padding:6px 10px;text-align:center;cursor:pointer}.lbt-pg button.on,.fb-pg a.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.fb-bc{display:flex;gap:8px;font-size:13px;color:var(--mu);margin-bottom:10px}.fb-bc a:hover{color:var(--fg)}.fb-sec{font-size:17px;margin:22px 0 10px}
.fb-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 10px}.fb-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fb-t tr.fbp td{background:color-mix(in srgb,var(--ac) 6%,transparent)}.fb-t td.bi{width:48px;font-size:22px;text-align:center}.fb-t td.ft a{font-weight:700}.fb-t td.ft a:hover{color:var(--ac)}
.fb-t td.ft small,.fb-t td.fbl small{display:block;color:var(--mu);font-size:12px;margin-top:2px}.fb-t td.fbl{font-size:13px;min-width:170px}.fb-t td.ft small a{font-weight:400}
.fb-tg{background:var(--ac);color:var(--ack);font-size:10.5px;border-radius:6px;padding:1px 6px;margin-right:6px;text-transform:uppercase}.fb-ct{color:var(--c)}
#libf .btn{align-self:flex-end}.lbf{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mu)}
@media(max-width:640px){.fb-t .hm{display:none}}

/* ===== правки v22: библиотека — сортировка и жанры под статусами ===== */
.lib-side{position:sticky;top:calc(var(--hh,76px) + 14px);align-self:start;display:grid;gap:12px;align-content:start;max-height:calc(100vh - var(--hh,76px) - 28px);overflow-y:auto;scrollbar-width:thin;min-width:0}
.lib-side .stn{position:static;max-height:none;overflow:visible}
.lib-side .alb-box{background:var(--sf);border:1px solid var(--bd);border-radius:18px;padding:12px;display:grid;gap:10px}
.lib-side .alb-box h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);font-weight:800}
.lib-side .alb-box label{display:grid;gap:4px;font-size:12px;color:var(--mu);font-weight:600}
.lib-side .alb-box .in{width:100%;padding:8px 10px;font-size:13.5px}
#libf .btn{align-self:stretch}
@media(max-width:760px){.lib-side{position:static;max-height:none;overflow:visible}.lib-side .stn{display:flex;flex-direction:row;flex-wrap:wrap}}
/* ===== правки v22: форум — ранги в колонке автора не съезжают ===== */
.fo2-p .fo2-au{max-width:none;width:100%;overflow:hidden;min-width:0;box-sizing:border-box}
.fo2-p .fo2-au .lvb{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;width:auto;max-width:100%;min-width:0;margin:2px 0;box-sizing:border-box;transform:none;--s:24px;padding:2px 12px 2px 2px;font-size:12px;line-height:1.2;overflow:hidden}
.fo2-p .fo2-au .lvb .lvi{flex:none;width:var(--s);height:var(--s);min-width:var(--s);max-width:none}
.fo2-p .fo2-au .lvb .lvn{flex:0 1 auto;min-width:0;margin-left:6px;line-height:1.3;padding:1px 0;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.fo2-p .fo2-au .lvb.full.lt10 .lvn:before,.fo2-p .fo2-au .lvb.full.lt10 .lvn:after,.fo2-p .fo2-au .lvb.full.lt11 .lvn:before,.fo2-p .fo2-au .lvb.full.lt11 .lvn:after{content:none}
.fo2-p .fo2-au .lvb.full.lt10 .lvn,.fo2-p .fo2-au .lvb.full.lt11 .lvn{letter-spacing:.06em}
@media(max-width:700px){.fo2-p .fo2-au .lvb{justify-self:start}}

/* ===== правки v23: форум — иконка с уровнем + название ранга отдельной строкой ===== */
.fo2-rkw{display:grid;justify-items:center;gap:3px;max-width:100%;min-width:0}
.fo2-rkw .lvb{margin:0!important}
.fo2-rkw .lvb .lvn{min-width:1.6em;text-align:center;overflow:visible!important;text-overflow:clip!important}
.fo2-rk{font-size:11.5px;font-weight:800;letter-spacing:.04em;color:var(--ft);text-transform:uppercase;max-width:100%;overflow-wrap:anywhere;line-height:1.2;text-align:center}
@media(max-width:700px){.fo2-rkw{justify-items:start}.fo2-rk{text-align:left}}

/* v24: строка темы кликабельна целиком */
.fb-t tr[data-th]{cursor:pointer}.fb-t tr[data-th]:hover td{background:color-mix(in srgb,var(--ac) 8%,transparent)}.fb-t tr[data-th]:hover td.ft>a{color:var(--ac)}

/* ===== правки v25: форум — разделы сверху пунктами, темы посередине ===== */
.fb-cats{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;margin:4px 0 6px;scrollbar-width:thin}
.fb-cat{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 12px;border-radius:14px;background:var(--sf);border:1px solid var(--bd);color:var(--fg);transition:background .15s,border-color .15s,transform .15s}
.fb-cat:hover{background:var(--s2);border-color:color-mix(in srgb,var(--c) 60%,var(--bd));transform:translateY(-1px)}
.fb-cat.on{background:color-mix(in srgb,var(--c) 16%,var(--sf));border-color:var(--c);box-shadow:0 0 0 1px var(--c) inset}
.fb-ci{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-size:18px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,var(--s2));flex:none}
.fb-ci svg{width:20px;height:20px}
.fb-cn{display:grid;gap:1px;line-height:1.2;white-space:nowrap}.fb-cn b{font-size:14px;font-weight:700}.fb-cn small{font-size:11.5px;color:var(--mu)}

/* ===== правки v26: форум — оформление, рубильники, поиск ===== */
.fbd{position:relative}
.fbd>.fb-h{padding:22px 24px;border-radius:20px;margin-bottom:16px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--ac) 28%,transparent),transparent 60%),linear-gradient(135deg,var(--sf),var(--s2));border:1px solid var(--bd);position:relative;overflow:hidden;align-items:center}
.fbd>.fb-h:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--ac) 30%,transparent),transparent 70%);pointer-events:none}
.fbd>.fb-h h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.01em}
.fb-stc{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px!important}
.fb-stc span{background:color-mix(in srgb,var(--bg,#000) 25%,var(--s2));border:1px solid var(--bd);border-radius:99px;padding:4px 12px;font-size:12.5px;color:var(--mu)}
.fb-stc b{color:var(--fg)}
.fbd>.fb-h .btn{position:relative;z-index:1;padding:11px 22px;border-radius:12px;font-weight:700;box-shadow:0 8px 22px -8px var(--ac)}
/* рубильники */
.fb-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;overflow:visible;padding:12px;margin:0 0 20px;background:var(--s2);border:1px solid var(--bd);border-radius:18px;box-shadow:inset 0 2px 8px #0003}
.fb-cat{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--sf);border:1px solid var(--bd);box-shadow:0 2px 0 #0003;user-select:none}
.fb-cat:hover{transform:none;background:var(--sf);border-color:color-mix(in srgb,var(--c) 55%,var(--bd))}
.fb-cat.on{background:color-mix(in srgb,var(--c) 10%,var(--sf));border-color:color-mix(in srgb,var(--c) 70%,var(--bd));box-shadow:0 0 18px -6px var(--c),0 2px 0 #0003}
.fb-cat .fb-ci{width:30px;height:30px;font-size:16px}
.fb-cn{flex:1;min-width:0}.fb-cn b{overflow:hidden;text-overflow:ellipsis}
.fb-sw{flex:none;position:relative;width:42px;height:24px;border-radius:99px;background:#0006;border:1px solid var(--bd);box-shadow:inset 0 2px 4px #0006;transition:background .2s,border-color .2s,box-shadow .2s}
.fb-sw:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(#e5e7eb,#9ca3af);box-shadow:0 2px 4px #0007;transition:transform .22s cubic-bezier(.3,1.4,.5,1),background .2s}
.fb-cat.on .fb-sw{background:var(--c);border-color:var(--c);box-shadow:inset 0 2px 4px #0004,0 0 12px -1px var(--c)}
.fb-cat.on .fb-sw:after{transform:translateX(18px);background:linear-gradient(#fff,#e5e7eb)}
.fb-cat:active .fb-sw:after{width:22px}.fb-cat.on:active .fb-sw:after{transform:translateX(14px)}
/* поиск */
.fb-sf{display:flex;align-items:center;gap:0;background:var(--sf);border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.fb-sf:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent)}
.fb-sf .in{border:0;background:transparent;box-shadow:none;outline:0;min-width:180px;padding:9px 6px 9px 14px}
.fb-sx{display:none;background:none;border:0;color:var(--mu);cursor:pointer;width:30px;height:30px;border-radius:50%;font-size:13px;line-height:1;margin-right:2px}
.fb-sf.has .fb-sx{display:block}.fb-sx:hover{background:var(--s2);color:var(--fg)}
.fb-sb{display:grid;place-items:center;align-self:stretch;width:42px;background:var(--ac);color:var(--ack);border:0;cursor:pointer;transition:filter .15s}
.fb-sb:hover{filter:brightness(1.12)}
/* список тем */
.fb-bar{margin:6px 0 12px}.fb-sec{font-size:19px;font-weight:800}
.fb-wrap:has(.fb-t){background:none;border:0;border-radius:0;overflow-x:auto}
.fb-t{border-collapse:separate;border-spacing:0 8px}
.fb-t thead th{background:none;padding:2px 14px;font-size:11.5px;letter-spacing:.08em}
.fb-t td{background:var(--sf);border:0;border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:14px;transition:background .15s,border-color .15s}
.fb-t td:first-child{border-left:1px solid var(--bd);border-radius:14px 0 0 14px}
.fb-t td:last-child{border-right:1px solid var(--bd);border-radius:0 14px 14px 0}
.fb-t td.ft>a{font-size:15.5px}
.fb-t tr.fbp td{background:color-mix(in srgb,var(--ac) 9%,var(--sf))}
.fb-t tr.fbp td:first-child{box-shadow:inset 4px 0 0 var(--ac)}
.fb-t tr[data-th]:hover td{background:color-mix(in srgb,var(--ac) 10%,var(--sf));border-color:color-mix(in srgb,var(--ac) 40%,var(--bd))}
.fb-t td.n{font-weight:700}
.fb-tg{border-radius:99px;padding:2px 9px}
.fb-pg{margin-top:18px}.fb-pg a{border-radius:10px;min-width:38px;padding:8px 12px;font-weight:600}.fb-pg a:hover{border-color:var(--ac)}
.fb-bc{margin-bottom:12px}
@media(max-width:640px){.fb-cats{grid-template-columns:1fr 1fr}.fb-sf{width:100%}.fb-cat{padding:9px 10px;gap:8px}.fb-cat .fb-ci{display:none}.fb-sf .in{flex:1;min-width:0}}

/* ===== правки v27 ===== */
/* кнопка поиска чёрная */
.fb-sb{background:#000!important;color:#fff!important;border-left:1px solid #ffffff22!important}
.fb-sb:hover{background:#1a1a1a!important;filter:none}
/* разделы — сегментный переключатель на всю ширину */
.fb-cats{display:flex!important;width:100%;grid-template-columns:none;gap:2px;padding:5px!important;margin:0 0 22px!important;background:linear-gradient(180deg,#2a2a2c,#1d1d1f)!important;border:1px solid #ffffff14!important;border-radius:99px!important;box-shadow:inset 0 2px 8px #000a,0 1px 0 #ffffff0d!important;overflow-x:auto!important;scrollbar-width:none}
.fb-cats::-webkit-scrollbar{display:none}
.fb-cat{flex:1 1 0!important;min-width:max-content;display:flex!important;align-items:center;justify-content:center;gap:8px!important;padding:12px 20px!important;border-radius:99px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#8e8e93!important;font-size:14px;font-weight:700;transform:none!important;transition:background .2s,color .2s,box-shadow .2s!important}
.fb-cat svg{width:18px;height:18px;flex:none}
.fb-cat b{font-weight:700;font-size:14px}
.fb-cat em{font-style:normal;font-size:11px;font-weight:700;opacity:.65;background:#ffffff14;border-radius:99px;padding:1px 7px}
.fb-cat:hover{background:#ffffff0f!important;color:#d1d1d6!important}
.fb-cat.on{background:linear-gradient(180deg,#fff,#e9e9ec)!important;color:#111!important;box-shadow:0 3px 14px #000a,0 1px 0 #fff inset!important}
.fb-cat.on em{background:#00000014;opacity:.8}
@media(max-width:640px){.fb-cat{padding:11px 14px!important}.fb-cat b{font-size:13px}}
/* новое сообщение */
.fb-nw{display:inline-flex;align-items:center;gap:6px;background:#38bdf8;color:#04121c;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:2px 9px 2px 7px;margin-right:8px;vertical-align:middle}
.fb-nw i{width:7px;height:7px;border-radius:50%;background:#04121c;animation:fbPulse 1.4s ease-in-out infinite}
@keyframes fbPulse{50%{transform:scale(.55);opacity:.5}}
.fb-t tr.fbn td{background:color-mix(in srgb,#38bdf8 11%,var(--sf))!important;border-color:color-mix(in srgb,#38bdf8 40%,var(--bd))!important}
.fb-t tr.fbn td:first-child{box-shadow:inset 4px 0 0 #38bdf8}
.fb-t tr.fbn td.ft>a{font-weight:800}
.fo2-p.nw{border-color:#38bdf8!important;box-shadow:0 0 0 1px #38bdf8,0 0 26px -8px #38bdf8}
.fo2-nw{display:inline-block;background:#38bdf8;color:#04121c;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:1px 8px;margin-right:6px}
@media(prefers-reduced-motion:reduce){.fb-nw i{animation:none}}
/* ===== лидерборд ===== */
.lbtb>.lbt-h{padding:22px 24px;border-radius:20px;margin-bottom:16px;align-items:center;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--ac) 26%,transparent),transparent 60%),linear-gradient(135deg,var(--sf),var(--s2));border:1px solid var(--bd);position:relative;overflow:hidden}
.lbtb>.lbt-h h1{font-size:clamp(26px,4vw,38px);letter-spacing:-.01em}
.lbtb .lbt-h .in{max-width:280px;border-radius:99px;padding:10px 16px}
.lbt-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:5px;margin:0 0 14px;background:linear-gradient(180deg,#2a2a2c,#1d1d1f);border:1px solid #ffffff14;border-radius:22px;box-shadow:inset 0 2px 8px #000a}
.lbt-tabs button{flex:1 1 auto;background:transparent;border:0;color:#8e8e93;border-radius:99px;padding:9px 16px;font-weight:700;font-size:13.5px;transition:background .2s,color .2s}
.lbt-tabs button:hover{background:#ffffff0f;color:#d1d1d6}
.lbt-tabs button.on{background:linear-gradient(180deg,#fff,#e9e9ec);color:#111;box-shadow:0 3px 12px #0009}
.lbt-ds{font-size:13.5px}
.lbt-you{border-radius:14px;border:1px solid var(--bd);background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 12%,var(--sf)),var(--sf));padding:12px 16px}
/* подиум */
.lbt-pd{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:10px;align-items:end;margin:18px 0 26px;padding:0 4px}
.lbt-pc{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center;--m:#cbd5e1}
.lbt-pc.p1{--m:#facc15}.lbt-pc.p2{--m:#cbd5e1}.lbt-pc.p3{--m:#e0884a}
.lbt-cr{display:grid;place-items:center;color:var(--m);filter:drop-shadow(0 2px 8px color-mix(in srgb,var(--m) 60%,transparent));margin-bottom:-2px}.lbt-cr svg{width:30px;height:30px;fill:currentColor}
.lbt-pc .av{width:62px;height:62px;font-size:24px;border:3px solid var(--m);box-shadow:0 8px 22px -6px #000a,0 0 0 4px color-mix(in srgb,var(--m) 18%,transparent)}
.lbt-pc.p1 .av{width:82px;height:82px;font-size:32px}
.lbt-pc b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;margin-top:6px}.lbt-pc b a:hover{text-decoration:underline}
.lbt-pc strong{font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--m);font-variant-numeric:tabular-nums}.lbt-pc.p1 strong{font-size:20px}
.lbt-ped{position:relative;width:100%;margin-top:8px;height:78px;border-radius:14px 14px 0 0;display:grid;place-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--m) 42%,var(--sf)),color-mix(in srgb,var(--m) 8%,var(--sf)));border:1px solid color-mix(in srgb,var(--m) 45%,var(--bd));border-bottom:0;box-shadow:inset 0 2px 0 color-mix(in srgb,#fff 28%,transparent)}
.lbt-pc.p1 .lbt-ped{height:112px}.lbt-pc.p2 .lbt-ped{height:90px}.lbt-pc.p3 .lbt-ped{height:68px}
.lbt-ped em{font-style:normal;font-size:44px;font-weight:900;line-height:1;color:color-mix(in srgb,var(--m) 85%,#fff);opacity:.9;text-shadow:0 2px 10px #0006}
.lbt-pc.p1 .lbt-ped em{font-size:56px}
.lbt-pc.me b{color:var(--ac)}.lbt-pc.me .av{box-shadow:0 8px 22px -6px #000a,0 0 0 4px var(--ac)}
@media(max-width:520px){.lbt-pd{gap:6px}.lbt-pc .av{width:46px;height:46px;font-size:18px}.lbt-pc.p1 .av{width:60px;height:60px;font-size:24px}.lbt-pc b{font-size:12.5px}.lbt-pc strong{font-size:14px}.lbt-pc.p1 strong{font-size:16px}.lbt-ped em{font-size:32px}.lbt-pc.p1 .lbt-ped em{font-size:40px}.lbt-ped{height:54px}.lbt-pc.p1 .lbt-ped{height:80px}.lbt-pc.p2 .lbt-ped{height:64px}.lbt-pc.p3 .lbt-ped{height:48px}}
/* таблица карточками */
.lbt-wrap{background:none!important;border:0!important;border-radius:0}
.lbt-t{border-collapse:separate!important;border-spacing:0 8px}
.lbt-t thead th{background:none!important;padding:2px 14px!important;font-size:11.5px;letter-spacing:.08em}
.lbt-t td{background:var(--sf);border:0!important;border-top:1px solid var(--bd)!important;border-bottom:1px solid var(--bd)!important;padding:12px 14px!important;transition:background .15s,border-color .15s}
.lbt-t td:first-child{border-left:1px solid var(--bd)!important;border-radius:14px 0 0 14px}
.lbt-t td:last-child{border-right:1px solid var(--bd)!important;border-radius:0 14px 14px 0}
.lbt-t tbody tr:hover td{background:color-mix(in srgb,var(--ac) 8%,var(--sf));border-color:color-mix(in srgb,var(--ac) 35%,var(--bd))!important}
.lbt-t tr.me td{background:color-mix(in srgb,var(--ac) 14%,var(--sf))!important;border-color:var(--ac)!important}
.lbt-t td.r{width:56px;text-align:center;font-size:15px}
.lbt-t td.r1,.lbt-t td.r2,.lbt-t td.r3{font-size:17px}
.lbt-t td.n.on{color:var(--fg);font-weight:800}
.lbt-pg{margin-top:18px}.lbt-pg button{border-radius:10px;min-width:38px;padding:8px 12px;font-weight:600}.lbt-pg button:hover{border-color:var(--ac)}

/* ===== правки v28: новости ===== */
.nw-hd{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:22px 24px;border-radius:20px;margin-bottom:6px;background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--ac) 26%,transparent),transparent 60%),linear-gradient(135deg,var(--sf),var(--s2));border:1px solid var(--bd)}
.nw-hd h1{margin:0;font-size:clamp(26px,4vw,38px);letter-spacing:-.01em}.nw-hd p{margin:6px 0 0;color:var(--mu);max-width:56ch;font-size:14px;line-height:1.5}
.nw-st{display:flex;gap:8px;flex-wrap:wrap}.nw-st span{background:color-mix(in srgb,#000 25%,var(--s2));border:1px solid var(--bd);border-radius:99px;padding:5px 13px;font-size:12.5px;color:var(--mu)}.nw-st b{color:var(--fg)}
.nwl-s h3{font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--mu)}
.nwl .nwl-t button{gap:12px!important;padding:10px 12px!important;align-items:center}
.nwl .nwl-t button i{display:grid!important;place-items:center;flex:none;width:34px!important;height:34px;border-radius:10px;background:var(--s2);color:var(--fg)}
.nwl .nwl-t button i svg{width:18px;height:18px}
.nwl .nwl-t button span{display:grid;gap:1px;min-width:0;text-align:left}.nwl .nwl-t button strong{font-size:14px;font-weight:700;color:inherit}.nwl .nwl-t button small{font-size:11.5px;font-weight:500;opacity:.7;line-height:1.3}
.nwl .nwl-t button.on i{background:color-mix(in srgb,var(--ack) 16%,transparent);color:var(--ack)}
.nw-ds{margin:0 0 4px;color:var(--mu);font-size:14px}.nw-ds b{color:var(--fg)}
.nw-day{display:flex;align-items:center;gap:12px;margin:22px 0 10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--mu);font-weight:800}
.nw-day:after{content:"";flex:1;height:1px;background:var(--bd)}
.nwl-m .nws-g{grid-template-columns:1fr;gap:10px}
.nw2{padding:14px;border-radius:18px;gap:16px;box-shadow:inset 4px 0 0 var(--c)}
.nw2 .nws-i{width:92px}
.nw2 .nws-k{background:color-mix(in srgb,var(--c) 18%,var(--s2))}
.nw2 .nws-b h3{font-size:16.5px}.nw2 .nws-b p{color:var(--fg);opacity:.8}
.nw-tm{font-weight:800;font-size:13px;background:var(--fg);color:var(--bg,#000);border-radius:8px;padding:1px 9px;font-variant-numeric:tabular-nums}
.nw-f{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:4px}
.nw-go{font-size:13px;font-weight:700;color:var(--ac);white-space:nowrap}.nw-go:hover{text-decoration:underline}
@media(max-width:820px){.nwl .nwl-t button small{display:none}.nwl .nwl-t button i{width:28px!important;height:28px}}
@media(max-width:520px){.nw2 .nws-i{width:72px}.nw-f{flex-direction:column;align-items:flex-start;gap:4px}}

/* ===== v28: длинные названия, лидерборд топ-10 ===== */
.hc{max-width:min(820px,100%);box-sizing:border-box}
.hc h1{font-size:clamp(28px,4.4vw,60px);line-height:1.1;padding-bottom:.08em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
@media(max-height:700px){.hc h1{-webkit-line-clamp:2}}
.nw2 .nws-b h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.lbt-t tr.lbt-gap td,.lbt-t tbody tr.lbt-gap:hover td{background:none!important;border:0!important;padding:0!important;height:16px}

/* ===== v25: шапка рецензий, кнопки комментариев ===== */
.rvhd{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--bd);border-radius:22px;background:var(--sf);margin:0 0 30px}
.rvhd-bg{position:absolute;inset:-40px;z-index:-2;background-size:cover;background-position:center;filter:blur(40px) saturate(1.15);opacity:.4;transform:scale(1.1)}
.rvhd:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,color-mix(in srgb,var(--sf) 94%,transparent) 20%,color-mix(in srgb,var(--sf) 60%,transparent))}
.rvhd-in{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:center;padding:30px}
.rvhd .ph{width:200px;max-width:100%;border-radius:14px;box-shadow:0 16px 38px #0007,0 0 0 1px var(--bd)}
.rvhd-tx{min-width:0}
.rvhd-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--mu);margin-bottom:14px;padding:5px 12px;border:1px solid var(--bd);border-radius:99px;background:color-mix(in srgb,var(--bg) 55%,transparent);text-decoration:none;transition:color .15s,border-color .15s}
.rvhd-back:hover{color:var(--fg);border-color:var(--fg)}
.rvhd-k{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mu)}
.rvhd h1{font-size:clamp(24px,3.4vw,40px);line-height:1.15;margin:6px 0 14px;overflow-wrap:anywhere}
.rvhd-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.rvhd-meta span{padding:4px 12px;border-radius:99px;border:1px solid var(--bd);background:color-mix(in srgb,var(--bg) 55%,transparent);font-size:12.5px;font-weight:600;color:var(--mu)}
.rvhd-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:480px}
.rvhd-st>div{background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--bd);border-radius:14px;padding:11px 14px;backdrop-filter:blur(6px)}
.rvhd-st b{display:block;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.rvhd-st b.hi{color:var(--ac)}
.rvhd-st b em{font-style:normal;font-size:13px;font-weight:600;color:var(--mu);margin-left:2px}
.rvhd-st small{display:block;margin-top:3px;font-size:12px;color:var(--mu)}
.rvhd-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
@media(max-width:720px){.rvhd-in{grid-template-columns:120px minmax(0,1fr);gap:18px;padding:18px}.rvhd .ph{width:120px}.rvhd-st>div{padding:9px 10px}.rvhd-st b{font-size:19px}}
@media(max-width:460px){.rvhd-in{grid-template-columns:1fr;justify-items:start}.rvhd .ph{width:130px}.rvhd-st{max-width:none;width:100%}.rvhd-act .btn{flex:1;text-align:center}}

/* комментарии: чёрные кнопки, «переслать / пожаловаться / удалить» вправо */
.cmt .cact{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cmt .cact [data-cw]{margin-left:auto}
:root .cmt .cact button{background:#0b0b0b!important;color:#fff!important;border:1px solid #2e2e2e!important;box-shadow:none}
:root .cmt .cact button:hover{background:#222!important;border-color:#555!important;outline:0;opacity:1}
:root .cmt .cact button.on{background:#0b0b0b!important;color:#fff!important;border-color:#fff!important;box-shadow:inset 0 0 0 1px #fff}
:root .cmt .cact button.ib.on{color:#f43f5e!important;border-color:#f43f5e!important;box-shadow:none}
:root .cmt .cact button.ib[data-cl$="|d"].on{color:#fff!important;border-color:#fff!important;box-shadow:inset 0 0 0 1px #fff}
.cmt .cact button.ib[data-cl$="|d"].on svg{fill:currentColor}
.cmt .cact button.ib[data-cl$="|d"] svg{stroke-width:1.8}
.cmt .cact button[data-cd]:hover{color:#ff6b6b!important}

/* ===== v26: страница рецензий ===== */
.rvp-hero{display:grid;gap:20px;padding:28px;margin:6px 0 30px;border:1px solid var(--bd);border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--fg) 7%,var(--sf)),var(--sf) 60%)}
.rvp-t{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.rvp-t h1{margin:0 0 6px;font-size:clamp(28px,4vw,42px);line-height:1.1}
.rvp-t p{margin:0;color:var(--mu);max-width:520px;line-height:1.5}
.rvp-rl{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.rvp-rl svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rvp-hero .rsf{margin:0;max-width:680px;width:100%;justify-content:flex-start}
.rvp-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:680px}
.rvp-st>div{padding:12px 16px;border:1px solid var(--bd);border-radius:14px;background:color-mix(in srgb,var(--bg) 55%,transparent)}
.rvp-st b{display:block;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.rvp-st b em{font-style:normal;font-size:13px;font-weight:600;color:var(--mu);margin-left:2px}
.rvp-st small{display:block;margin-top:3px;font-size:12.5px;color:var(--mu)}
.rvsec{margin:0 0 26px}
.rvsec-h{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:1px solid var(--bd);border-radius:16px;background:var(--sf);color:var(--fg);font:inherit;font-size:19px;font-weight:800;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.rvsec-h:hover{border-color:var(--fg)}
.rvsec-h .chip{margin:0}
.rvsec-t{flex:1;min-width:0}
.rvsec-c{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.rvsec.cl .rvsec-c{transform:rotate(-90deg)}
.rvsec-b{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}
.rvsec-b>div{min-height:0;min-width:0;overflow:visible;clip-path:inset(0 calc(-1*var(--pad)))}
.rvsec-b .rvg{padding-top:14px}
.rvsec.cl .rvsec-b{grid-template-rows:0fr}
.rvsec.cl .rvsec-b>div{visibility:hidden;transition:visibility 0s .28s}
.rvsec .rvg{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}
.rvrl{width:min(680px,100%)!important;gap:16px!important;padding:22px!important}
.rvrl-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rvrl-h small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mu)}
.rvrl-h b{font-size:24px}
.rvrl-l{list-style:none;counter-reset:r;margin:0;padding:0;display:grid;gap:10px}
.rvrl-l li{counter-increment:r;position:relative;display:grid;gap:3px;padding:12px 14px 12px 54px;border:1px solid var(--bd);border-radius:14px;background:var(--sf)}
.rvrl-l li:before{content:counter(r);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--fg);color:var(--bg);font-weight:800;font-size:14px}
.rvrl-l b{font-size:15px}
.rvrl-l span{color:var(--mu);font-size:14px;line-height:1.5}
.rvrl-f{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;color:var(--mu);font-size:13px}
@media(max-width:560px){.rvp-hero{padding:18px}.rvp-st b{font-size:19px}.rvp-st>div{padding:10px 12px}.rvp-rl{width:100%;justify-content:center}}

/* ================= kl-admin-patch ================= */
.admc-ctl{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
.admc-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--bd);border-radius:99px;background:var(--s2);flex-wrap:wrap}
.admc-seg button{background:none;border:0;border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px;color:var(--mu)}
.admc-seg button:hover{color:var(--fg)}.admc-seg button.on{background:var(--ac);color:var(--ack)}
.admc-ctl label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mu);margin-left:auto}.admc-ctl select.in{width:auto;padding:6px 10px}
.admc-sum{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 6px;font-size:12px}.admc-sum span{padding:4px 12px;border:1px solid var(--bd);border-radius:99px;background:var(--s2);font-size:12.5px;color:var(--mu)}.admc-sum b{color:var(--fg)}
.admc-svg{width:100%;max-width:560px;height:auto;display:block}
.admc-gl{stroke:var(--bd);stroke-width:1}.admc-tx{fill:var(--mu);font-size:9px;font-family:inherit}.admc-vt{fill:var(--fg);font-size:9px;font-weight:700;font-family:inherit}
.admc-b{fill:var(--ac)}.admc-ln{fill:none;stroke:var(--ac);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.admc-ar{fill:var(--ac);opacity:.16}.admc-dt{fill:var(--ac);stroke:var(--sf);stroke-width:2}
.admc-hit{fill:transparent}.admc-hit:hover{fill:color-mix(in srgb,var(--fg) 7%,transparent)}
.rpm{width:min(560px,100%)!important;gap:14px!important;padding:22px!important}
.rpm-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.rpm-h small{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mu)}.rpm-h b{font-size:21px}
.rpm-q{border:1px solid var(--bd);border-left:3px solid var(--ac);border-radius:12px;background:var(--sf);padding:10px 14px}.rpm-q small{color:var(--mu);font-size:12px}.rpm-q p{margin:4px 0 0;font-size:14px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.rpm-s{font-weight:700;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.08em}
.rpl{display:grid;gap:6px;max-height:300px;overflow:auto;padding-right:2px}
.rpo{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--bd);border-radius:12px;background:var(--sf);cursor:pointer;transition:border-color .15s,background .15s}
.rpo:hover{border-color:color-mix(in srgb,var(--ac) 50%,var(--bd))}.rpo:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,var(--sf))}
.rpo input{accent-color:var(--ac);margin-top:3px;width:16px;height:16px;flex:none}.rpo span{display:grid;gap:1px}.rpo small{color:var(--mu);font-size:12.5px}
.rpt{display:grid;gap:6px;font-size:13px;color:var(--mu)}.rpt textarea{resize:vertical}.rpt small{text-align:right}
#rpm .er{min-height:0}
.rpc-ls{display:grid;gap:12px}
.rpc{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--bd);border-radius:16px;background:var(--s2)}
.rpc.new{border-color:color-mix(in srgb,#f87171 55%,var(--bd))}
.rpc-h{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rpc-h small{margin-left:auto;color:var(--mu)}
.rpc-ty,.rpc-rs,.rpc-st{font-size:12px;font-weight:700;border-radius:99px;padding:2px 10px;border:1px solid var(--bd);background:var(--sf)}
.rpc-rs{background:color-mix(in srgb,var(--ac) 18%,var(--sf))}
.rpc-st-new{background:#ef4444;color:#fff;border-color:#ef4444}.rpc-st-done{color:#4ade80}.rpc-st-rej{color:var(--mu)}
.rpc-m{font-size:13.5px;color:var(--mu)}.rpc-m b{color:var(--fg)}.rpc-m a:hover{text-decoration:underline}
.rpc-tx{padding:8px 12px;border-radius:10px;background:var(--sf);font-size:14px;overflow-wrap:anywhere}.rpc-tx small{display:block;color:var(--mu);font-size:11.5px;margin-bottom:2px}
.rpc-q{margin:0;padding:10px 14px;border-left:3px solid var(--bd);background:var(--sf);border-radius:0 10px 10px 0;font-size:14px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere;color:color-mix(in srgb,var(--fg) 85%,transparent)}

/* ================= kl-lib-feat ================= */
/* чипы: статус / тип / сезон / жанры */
.kl-info{display:grid;gap:0;margin-top:6px}
.kl-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.kl-chip{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;line-height:1;padding:4px 8px;border-radius:999px;background:var(--s2);border:1px solid var(--bd);color:var(--fg);white-space:nowrap}
.kl-chip.st{font-weight:700;border-color:transparent;color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.kl-chip.st:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c)}
.kl-chip.st.st-on:before{animation:klpulse 1.8s infinite}
.kl-chip.al{color:#f5c518;border-color:transparent;background:color-mix(in srgb,#f5c518 14%,transparent);font-weight:700}
.kl-chip.mu{color:var(--mu)}
.st-on{--c:#22c55e}.st-fin{--c:#60a5fa}.st-soon{--c:#f59e0b}.st-can{--c:#f87171}.st-hia{--c:#a78bfa}
.kl-sk{width:62px;height:20px;border-radius:999px;background:linear-gradient(90deg,var(--s2),color-mix(in srgb,var(--fg) 12%,var(--s2)),var(--s2));background-size:200% 100%;animation:klsk 1.2s linear infinite}
@keyframes klsk{to{background-position:-200% 0}}
@keyframes klpulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 60%,transparent)}70%,100%{box-shadow:0 0 0 6px transparent}}

/* моя оценка */
.kl-rate{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px;padding:6px 10px;border-radius:12px;border:1px solid var(--bd);background:var(--s2);color:var(--fg);cursor:pointer;font:inherit;text-align:left;transition:border-color .2s,transform .2s}
.kl-rate:hover{border-color:var(--rc,var(--ac))}
.kl-rate .n{font-weight:800;font-size:15px;line-height:1;color:var(--rc)}.kl-rate .n small{font-size:11px;color:var(--mu);font-weight:600}
.kl-rate .t{font-size:11.5px;color:var(--mu);white-space:nowrap}
.kl-rm{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;flex:1;min-width:50px}
.kl-rm i{height:6px;border-radius:3px;background:color-mix(in srgb,var(--fg) 14%,transparent)}.kl-rm i.on{background:var(--rc)}
.kl-rate.none{color:var(--mu);font-size:12.5px;border-style:dashed;background:transparent}
.r-s{--rc:#f5c518}.r-g{--rc:#4ade80}.r-m{--rc:#fb923c}.r-b{--rc:#f87171}
.lib .kl-rate{width:auto;max-width:280px}

/* бейдж оценки на обложке */
.kl-sc{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:8px;background:#000b;color:var(--rc,#fff);font-size:12px;font-weight:800;backdrop-filter:blur(4px)}
.kl-sc:before{content:"★"}

/* полоса прогресса */
.kl-pr{margin-top:8px;--pc:var(--ac)}
.kl-prt{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;color:var(--mu);margin-bottom:4px}
.kl-prt b{color:var(--fg);font-variant-numeric:tabular-nums}
.kl-prt em{font-style:normal;color:var(--pc);font-weight:700}
.kl-pb{position:relative;height:10px;border-radius:99px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden;box-shadow:inset 0 1px 2px #0006}
.kl-pa{position:absolute;inset:0 auto 0 0;width:var(--a,0%);border-radius:inherit;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--pc) 32%,transparent) 0 6px,transparent 6px 12px)}
.kl-pf{position:absolute;inset:0 auto 0 0;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 65%,#000),var(--pc));box-shadow:0 0 10px color-mix(in srgb,var(--pc) 55%,transparent);animation:klgrow .9s cubic-bezier(.2,.8,.2,1)}
.kl-pf:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#fff5,transparent 60%)}
.kl-pr.full .kl-pf:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff6 50%,transparent 70%);background-size:200% 100%;animation:klshine 2.6s linear infinite;z-index:1}
@keyframes klgrow{from{width:0}}
@keyframes klshine{from{background-position:200% 0}to{background-position:-200% 0}}
.kl-p-completed{--pc:#22c55e}.kl-p-watching,.kl-p-reading,.kl-p-rewatching,.kl-p-rereading{--pc:var(--ac)}.kl-p-planned{--pc:#60a5fa}.kl-p-hold{--pc:#f59e0b}.kl-p-dropped{--pc:#9ca3af}
.kl-new{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:99px;font-size:10.5px;font-weight:700;color:#fff;background:#22c55e}
.kl-pr.mini{position:absolute;left:0;right:0;bottom:0;margin:0;z-index:3}.kl-pr.mini .kl-pb{height:5px;border-radius:0;box-shadow:none}

/* плитки и список */
.grid.kl-tg{grid-template-columns:repeat(auto-fill,minmax(176px,1fr))!important}
.tile.kl-t{align-content:start}
.tile.kl-t .kl-ctr{display:flex;gap:4px;margin-top:8px}.tile.kl-t .kl-ctr .btn{flex:1}
.lib.kl-r{align-items:flex-start;padding:12px}
.lib.kl-r .cvw{width:72px!important;flex:none}.lib.kl-r .ph{width:100%}
.lib.kl-r .kl-main{flex:1 1 320px;min-width:200px}
.lib.kl-r .kl-pr{max-width:420px}
.lib.kl-r .kl-main>a{display:block}.kl-rl{display:inline-flex;align-items:center;gap:7px;margin-top:8px;padding:5px 13px;border-radius:99px;border:1px solid color-mix(in srgb,var(--rc) 45%,transparent);background:color-mix(in srgb,var(--rc) 14%,transparent);color:var(--rc);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}
.kl-rl:hover{transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--rc) 30%,transparent)}
.kl-rl .n{font-size:17px;font-weight:800;line-height:1}.kl-rl .w{font-weight:600}
.kl-rl.none{--rc:var(--mu);border-style:dashed;background:transparent;font-weight:600}
.kl-hd{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.kl-hd .kl-rl,.kl-hd .kl-chips{margin-top:0}
.lib.kl-r .kl-side{margin-left:auto;flex:0 1 auto;max-width:340px;min-width:0}
.lib.kl-r .kl-side .kl-chips{justify-content:flex-end;margin-top:0}
@media(max-width:760px){.lib.kl-r .kl-side{margin-left:0;flex-basis:100%}.lib.kl-r .kl-side .kl-chips{justify-content:flex-start}}
.kl-hv{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;gap:5px;padding:26px 8px 8px;background:linear-gradient(transparent,#000d);color:#fff;font-size:12.5px;font-weight:800;text-align:center;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;pointer-events:none;font-variant-numeric:tabular-nums;--pc:var(--ac)}
.kl-hv .kl-pb{height:6px;background:#fff3}
.cvw.cp:hover .kl-hv,.cvw.cp:focus-within .kl-hv{opacity:1;transform:none}
@media(hover:none){.kl-hv{opacity:1;transform:none}}

/* ================= kl-lib-theme ================= */
/* фон страницы: мягкое свечение акцентным цветом */
#app:has(#libc):before{content:"";position:fixed;inset:0 0 auto 0;height:420px;z-index:-1;pointer-events:none;
 background:radial-gradient(60% 100% at 15% 0%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 70%),radial-gradient(50% 90% at 90% 0%,color-mix(in srgb,var(--ac) 12%,transparent),transparent 70%)}

/* заголовок */
#app h1:has(+#libc){font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin-bottom:22px;display:flex;align-items:center;gap:14px}
#app h1:has(+#libc):after{content:"";flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--ac),transparent)}

/* боковая панель */
#libc .lib-side{display:grid;gap:14px;align-content:start}
#libc .stn{background:linear-gradient(180deg,var(--sf),color-mix(in srgb,var(--sf) 70%,var(--bg)));border:1px solid var(--bd);border-radius:20px;padding:10px;box-shadow:0 10px 30px #0004}
#libc .stn a{border-radius:12px;transition:background .2s,color .2s,transform .2s}
#libc .stn a:hover{background:var(--s2);color:var(--fg);transform:translateX(3px)}
#libc .stn a b{min-width:26px;text-align:center;padding:1px 8px;border-radius:99px;background:var(--s2);color:var(--fg);font-size:12px}
#libc .stn a:hover b{background:var(--ac);color:var(--ack)}
#libc .alb-box{background:var(--sf);border:1px solid var(--bd);border-radius:20px;padding:14px;box-shadow:0 10px 30px #0003}
#libc .alb-box h4{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--mu)}
#libc .lbf{display:grid;gap:4px;font-size:12.5px;color:var(--mu);margin-bottom:10px}
#libc .in{border-radius:12px;transition:border-color .2s,box-shadow .2s}
#libc .in:focus{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
#libc #lfs{padding:11px 16px;border-radius:99px}

/* переключатель вида */
#libc .vw{background:var(--sf);border:1px solid var(--bd);border-radius:99px;padding:4px}
#libc .vw button{border:0;background:transparent;border-radius:99px;padding:7px 14px;color:var(--mu);transition:.2s}
#libc .vw button:hover{color:var(--fg)}
#libc .vw button.on{background:var(--ac);color:var(--ack);box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 45%,transparent)}

/* секции-карточки */
#libc .stsec{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--sf) 96%,var(--ac)),var(--sf));border:1px solid var(--bd);border-radius:24px;padding:26px;margin-bottom:24px;box-shadow:0 16px 40px #0004;overflow:hidden}
#libc .stsec:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ac),transparent 70%)}
#libc .stsec h2{font-size:22px;font-weight:800;letter-spacing:-.01em}
#libc .stsec h2 .chip{background:color-mix(in srgb,var(--ac) 18%,transparent);color:var(--ac);font-weight:700;margin:0;padding:3px 12px}
#libc .stsec h2:before{width:5px;height:24px;background:linear-gradient(180deg,var(--ac),color-mix(in srgb,var(--ac) 30%,transparent))}

/* обложки */
#libc .ph{border-radius:14px!important;box-shadow:0 8px 20px #0006}
#libc .c:hover .ph{transform:translateY(-4px) scale(1.015);box-shadow:0 16px 32px #000a,0 0 0 2px color-mix(in srgb,var(--ac) 70%,transparent)}
#libc .tile .c b,#libc .lib b{font-weight:700}

/* карточки плиток */
#libc .tile.kl-t{background:var(--s2);border:1px solid var(--bd);border-radius:18px;padding:10px;transition:transform .25s,border-color .25s,box-shadow .25s}
#libc .tile.kl-t:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 55%,var(--bd));box-shadow:0 14px 30px #0006}
#libc .tile.kl-t .ph{box-shadow:none}

/* строки списка */
#libc .lib.kl-r{background:var(--s2);border:1px solid var(--bd);border-radius:18px;transition:border-color .25s,box-shadow .25s,transform .25s}
#libc .lib.kl-r:hover{border-color:color-mix(in srgb,var(--ac) 55%,var(--bd));box-shadow:0 12px 28px #0005;transform:translateY(-2px)}
#libc .lib.kl-r a b{font-size:16px}

/* кнопки */
#libc .btn.g{border:1px solid var(--bd);transition:.2s}#libc .btn.g:hover{border-color:var(--ac);color:var(--ac)}
#libc .btn:not(.g){box-shadow:0 4px 14px color-mix(in srgb,var(--ac) 35%,transparent)}
#libc .kl-rate{background:var(--sf)}

/* компактный вид */
#libc .cvw.cp .ph{border-radius:12px!important}

/* плавное появление */
#libc .stsec{animation:klfade .5s ease both}#libc .stsec:nth-child(2){animation-delay:.05s}#libc .stsec:nth-child(3){animation-delay:.1s}
@keyframes klfade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){#libc .stsec{padding:16px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){#libc .stsec,.kl-pf,.kl-chip.st:before{animation:none!important}}

/* ================= kl-lib-dd ================= */
.kl-dd{position:relative}
.kl-dd>select{display:none}
.kl-dd-b{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--bd);background:var(--bg);color:var(--fg);font:inherit;font-size:15px;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.kl-dd-b:hover{border-color:color-mix(in srgb,var(--ac) 60%,var(--bd))}
.kl-dd.open .kl-dd-b,.kl-dd-b:focus-visible{outline:0;border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 25%,transparent)}
.kl-dd-b .v{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kl-dd-b:after{content:"";width:8px;height:8px;border-right:2px solid var(--mu);border-bottom:2px solid var(--mu);transform:rotate(45deg) translateY(-2px);transition:transform .2s;flex:none}
.kl-dd.open .kl-dd-b:after{transform:rotate(225deg) translateY(-2px)}
.kl-dd-l{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);max-height:260px;overflow:auto;padding:6px;border-radius:14px;border:1px solid var(--bd);background:var(--sf);box-shadow:0 18px 40px #000a;display:none;transform-origin:top}
.kl-dd.open .kl-dd-l{display:grid;gap:2px;animation:kldd .16s ease-out}
.kl-dd.up .kl-dd-l{top:auto;bottom:calc(100% + 6px);transform-origin:bottom}
@keyframes kldd{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.kl-dd-o{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;border:0;background:transparent;color:var(--fg);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
.kl-dd-o:hover,.kl-dd-o.hl{background:var(--s2)}
.kl-dd-o.sel{background:color-mix(in srgb,var(--ac) 16%,transparent);font-weight:700}
.kl-dd-o.sel:after{content:"✓";margin-left:auto;color:var(--ac);font-weight:800}
.kl-dd .d{width:9px;height:9px;border-radius:50%;background:var(--dc,var(--mu));flex:none;box-shadow:0 0 8px color-mix(in srgb,var(--dc,transparent) 70%,transparent)}
.kl-dd .sn{font-weight:800;color:var(--dc)}
.kl-dd .st{color:var(--dc);flex:none}
.kl-dd-l::-webkit-scrollbar{width:8px}.kl-dd-l::-webkit-scrollbar-thumb{background:var(--bd);border-radius:8px}

/* ================= kl-lib-queue ================= */
.wdb{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.wdb em{font-style:normal;font-size:12px;font-weight:800;min-width:20px;padding:1px 7px;border-radius:99px;background:var(--ac);color:var(--ack);text-align:center}.wdb em[hidden]{display:none}
.wdo{position:fixed;inset:0;z-index:70;background:#0009;display:flex;justify-content:flex-end;animation:wdf .2s ease-out}
.wd{width:min(560px,100%);height:100%;background:var(--bg);border-left:1px solid var(--bd);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;box-shadow:-20px 0 60px #0006;animation:wds .28s cubic-bezier(.2,.8,.2,1)}
.wdo.out{animation:wdfo .18s forwards}.wdo.out .wd{animation:wdso .18s forwards}
@keyframes wdf{from{opacity:0}}@keyframes wdfo{to{opacity:0}}@keyframes wds{from{transform:translateX(40px);opacity:.6}}@keyframes wdso{to{transform:translateX(40px);opacity:0}}
.wd-hd{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:22px 22px 14px}
.wd-hd h2{margin:0;font-size:25px;letter-spacing:-.015em}
.wd-hd p{margin:6px 0 0;color:var(--mu);font-size:13.5px;font-variant-numeric:tabular-nums;min-height:1.3em}
.wd-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--bd);background:var(--sf);color:var(--fg);cursor:pointer;display:grid;place-items:center}
.wd-x:hover{border-color:var(--ac);color:var(--ac)}
.wd-tools{padding:0 22px 16px;display:grid;gap:12px;position:relative;border-bottom:1px solid var(--bd)}
.wd-pace{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--mu)}
.wd-st{display:inline-flex;align-items:center;border:1px solid var(--bd);border-radius:99px;background:var(--sf)}
.wd-st button{width:32px;height:32px;border:0;background:transparent;color:var(--fg);border-radius:50%;cursor:pointer;display:grid;place-items:center}
.wd-st button:hover{color:var(--ac)}.wd-st b{min-width:28px;text-align:center;color:var(--fg);font-variant-numeric:tabular-nums}
.wd-pace em{font-style:normal;margin-left:auto;color:var(--fg);text-align:right}
.wd-add{position:relative}
.wd-add .in{width:100%;padding:11px 14px 11px 42px;border-radius:14px}
.wd-add>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--mu);pointer-events:none}
.wd-dd{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;background:var(--sf);border:1px solid var(--bd);border-radius:16px;box-shadow:0 18px 50px #0008;padding:8px;display:grid;gap:6px;grid-template-rows:auto minmax(0,1fr);max-height:min(400px,52vh);animation:dppin .16s ease-out}
.wd-dd[hidden]{display:none}
.wd-fc{display:flex;gap:5px;flex-wrap:wrap;padding:2px}
.wd-fc button{border:1px solid var(--bd);background:var(--s2);color:var(--fg);border-radius:99px;padding:4px 11px;font:inherit;font-size:12px;cursor:pointer}
.wd-fc button.on{background:var(--ac);color:var(--ack);border-color:var(--ac)}
.wd-dl{overflow:auto;display:grid;gap:2px;align-content:start}
.wd-r{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;border:0;background:transparent;color:var(--fg);text-align:left;cursor:pointer;font:inherit;width:100%}
.wd-r:hover,.wd-r:focus-visible{background:var(--s2);outline:0}
.wd-r .wd-cv{width:30px}.wd-r span{flex:1;min-width:0;display:grid}.wd-r b{font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-r small{color:var(--mu);font-size:11.5px}
.wd-r i{flex:none;color:var(--ac);display:grid;place-items:center}
.wd-no{color:var(--mu);font-size:13px;text-align:center;padding:16px 8px}
.wd-body{overflow:auto;padding:20px 22px 26px;overscroll-behavior:contain}
.wd-tl{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:12px}
.wd-tl:before{content:"";position:absolute;left:15px;top:20px;bottom:20px;width:2px;border-radius:2px;background:linear-gradient(var(--ac),color-mix(in srgb,var(--ac) 15%,var(--bd)))}
.wd-it{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start}
.wd-nd{width:32px;height:32px;border-radius:50%;background:var(--ac);color:var(--ack);font-weight:800;font-size:14px;display:grid;place-items:center;box-shadow:0 0 0 5px var(--bg);position:relative;z-index:1;margin-top:12px;font-variant-numeric:tabular-nums}
.wd-cd{display:grid;grid-template-columns:auto 52px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 10px 11px 2px;background:var(--sf);border:1px solid var(--bd);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.wd-it.drag{z-index:6}.wd-it.drag .wd-cd{border-color:var(--ac);box-shadow:0 16px 38px #0008}
.wd-it.fresh .wd-cd{animation:wdfr 1.4s ease-out}
@keyframes wdfr{0%,40%{border-color:var(--ac);box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 28%,transparent)}}
.wd-gr{width:26px;height:44px;border:0;background:transparent;color:var(--mu);cursor:grab;display:grid;place-items:center;touch-action:none;border-radius:8px;align-self:center;padding:0}
.wd-gr:hover{color:var(--fg)}.wd-gr:focus-visible{outline:2px solid var(--ac)}.wd-it.drag .wd-gr{cursor:grabbing}
.wd-cv{display:block;width:52px;flex:none}.wd-cv .ph,.wd-cv img{width:100%;border-radius:9px}
.wd-tx{min-width:0;display:grid;gap:5px}
.wd-t{font-weight:800;font-size:14.5px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wd-t:hover{color:var(--ac)}
.wd-mt{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:var(--mu);font-variant-numeric:tabular-nums}
.wd-md{border:1px solid var(--bd);background:var(--s2);color:var(--fg);border-radius:99px;padding:2px 10px;font:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.wd-md:hover{border-color:var(--ac)}.wd-md.re{color:#a78bfa;border-color:color-mix(in srgb,#a78bfa 55%,transparent)}
.wd-dt{font-size:12.5px;font-weight:700;color:var(--ac);font-variant-numeric:tabular-nums}.wd-dt.mu{color:var(--mu);font-weight:600}
.wd-pb{height:4px;border-radius:9px;background:color-mix(in srgb,var(--fg) 10%,transparent);overflow:hidden}.wd-pb i{display:block;height:100%;background:var(--ac);border-radius:inherit}
.wd-nt{width:100%;resize:none;border:0;border-bottom:1px dashed var(--bd);background:transparent;color:var(--fg);font:inherit;font-size:13px;line-height:1.4;padding:4px 0;border-radius:0;outline:0;overflow:hidden;min-height:26px}
.wd-nt:focus{border-bottom-color:var(--ac)}.wd-nt::placeholder{color:var(--mu);opacity:.8}
.wd-rm{width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:var(--mu);cursor:pointer;display:grid;place-items:center}
.wd-rm:hover{background:var(--s2);color:#f87171}
.wd-em{padding:26px 18px;border:1.5px dashed var(--bd);border-radius:16px;text-align:center;color:var(--mu);font-size:14px;line-height:1.5}
.wd-em b{display:block;color:var(--fg);font-size:16px;margin-bottom:4px}
.wd-ft{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--bd);background:var(--bg)}
.wd-ft .sp{flex:1}
@media(max-width:560px){.wd-hd,.wd-tools,.wd-body,.wd-ft{padding-left:14px;padding-right:14px}.wd-cd{grid-template-columns:auto 44px minmax(0,1fr) auto}.wd-cv{width:44px}}
@media(prefers-reduced-motion:reduce){.wdo,.wd,.wd-dd,.wd-it.fresh .wd-cd{animation:none}}

/* ================= kl-fix-v29 ================= */
/* окно записи: прогресс серий справа от оценки */
#eom .eg{grid-template-columns:repeat(3,minmax(0,1fr))}
#eom .eg label.epl{grid-column:auto}
#eom .eprog{justify-content:flex-start;gap:6px;padding:0;flex-wrap:nowrap}
#eom .eprog .btn{width:42px;height:42px;flex:none;font-size:20px;border-radius:12px}
#eom .eprog .in{flex:1 1 48px;width:auto;min-width:40px;max-width:72px;height:42px;padding:0 4px;font-size:18px;border-radius:12px}
#eom .eprog>span{min-width:0;font-size:14px;white-space:nowrap}
@media(max-width:720px){#eom .eg{grid-template-columns:repeat(2,minmax(0,1fr))}#eom .eg label.epl{grid-column:1/-1}}
/* «Порядок просмотра»: список добавления как в поиске по сайту */
.wd-dd{display:block;grid-template-rows:none;max-height:none;padding:0;overflow:hidden;border-radius:14px;box-shadow:0 12px 30px #0009;top:calc(100% + 4px);animation:none}
.wd-dd .wd-r{gap:10px;padding:8px 12px;border-radius:0;align-items:center}
.wd-dd .wd-r:hover,.wd-dd .wd-r:focus-visible{background:var(--s2)}
.wd-dd .wd-r img{display:block;width:34px;height:48px;object-fit:cover;background:var(--s2);flex:none}
.wd-dd .wd-r span{flex:1;min-width:0;display:block}
.wd-dd .wd-r b{display:block;font-size:inherit;font-weight:700;line-height:1.3;white-space:normal;overflow:visible;text-overflow:clip}
.wd-dd .wd-r small{display:block;color:var(--mu);font-size:.8em}
.wd-dd .wd-no{padding:12px 14px;font-size:13px;text-align:left}
/* перетаскивание без дёрганий: соседи сдвигаются плавно, порядок меняется один раз при отпускании */
.wd-it.sh{transition:transform .2s cubic-bezier(.2,.8,.2,1)}
.wd-it.drag{transition:none;will-change:transform;z-index:6}
.wd-it.drag.drop{transition:transform .16s ease-out}
body.wd-dragging,body.wd-dragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}
/* новость сайта: карточка не растягивается, полный текст открывается в окне */
.nwm{position:fixed;inset:0;z-index:80;background:#000c;display:grid;place-items:center;padding:16px;overflow:auto;animation:nwmf .18s ease-out}
@keyframes nwmf{from{opacity:0}}
.nwm-p{position:relative;width:min(720px,100%);max-height:min(88vh,100%);overflow:auto;background:var(--bg);border:1px solid var(--bd);border-radius:18px;padding:22px 24px;display:grid;gap:12px;align-content:start;--c:var(--ac);overscroll-behavior:contain}
.nwm-p h2{margin:0;padding-right:44px;font-size:24px;line-height:1.25;overflow-wrap:anywhere}
.nwm-i{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px;background:var(--s2)}
.nwm-t{white-space:pre-line;overflow-wrap:anywhere;line-height:1.65;font-size:15px}
.nwm-x{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%}
@media(prefers-reduced-motion:reduce){.nwm{animation:none}.wd-it.sh,.wd-it.drag.drop{transition:none}}

/* ================= kl-v30 ================= */
.bdg{display:inline-flex;align-items:center;gap:4px;line-height:1.5}
.bdg svg{width:10px;height:10px;fill:currentColor;flex:none}
.bdg-awaken{box-shadow:0 0 10px color-mix(in srgb,var(--c) 40%,transparent)}
.bdg-eternity{background:linear-gradient(110deg,var(--c) 0%,color-mix(in srgb,var(--c) 45%,#fff) 50%,var(--c) 100%);background-size:220% 100%;animation:bdgSh 4s linear infinite;box-shadow:0 0 12px color-mix(in srgb,var(--c) 50%,transparent)}
@keyframes bdgSh{to{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.bdg-eternity{animation:none}}
.plh{max-width:720px;margin:0 auto 22px;text-align:center}.plh h1{margin-bottom:8px}
.plh .pli{color:var(--fg);font-size:15px;line-height:1.55;margin:0 0 8px}.plh .plm{color:var(--mu);font-size:12.5px;margin:0}
.pcard .pbd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;margin:2px 0 8px;border-radius:12px;background:var(--s2);font-weight:700;font-size:14px}
.pcard .pbd small{color:var(--mu);font-weight:500}

/* ================= libria-css ================= */
.lbr{position:absolute;inset:0;background:#000;z-index:2}
.lbr video{width:100%;height:100%;background:#000;display:block}
.lbr .lq,.lbr .lsk{position:absolute;z-index:3;font:600 13px/1 system-ui,sans-serif;color:#fff;background:#000a;border:1px solid #fff3;border-radius:8px;padding:8px 12px;cursor:pointer}
.lbr .lq{top:12px;right:12px;appearance:none}
.lbr .lq option{color:#000}
.lbr .lsk{right:14px;bottom:70px}
.lbr .lsk:hover,.lbr .lq:hover{background:#000d}
.lbr .lld{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font:14px system-ui,sans-serif;pointer-events:none}

/* ================= friends ================= */
.btn.fr-on{border-color:var(--ac);color:var(--ac)}
.btn[data-froff]{opacity:.5;cursor:not-allowed}
.fr-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ac);margin-left:6px;vertical-align:middle}
.fr-rq{margin:0 0 18px;padding:14px;border:1px solid var(--bd);border-radius:14px;background:var(--sf)}
.fr-rq h4{margin:0 0 10px;font-size:14px;display:flex;align-items:center;gap:8px}
.fr-rq h4 b{background:var(--ac);color:var(--ack);border-radius:999px;padding:1px 8px;font-size:12px}
.fr-acts{display:flex;gap:8px;margin-left:auto;flex-shrink:0}
.fr-rq .soc-r{display:flex;align-items:center;gap:10px}
.fr-chip{background:var(--ac);color:var(--ack);font-size:11px;padding:2px 8px;vertical-align:middle}
.fr-h{margin:22px 0 10px;font-size:15px;color:var(--mu)}
.fr-note{display:flex;flex-direction:column;gap:4px;margin:0 0 18px;padding:14px 16px;border:1px dashed var(--bd);border-radius:14px;color:var(--mu);font-size:14px}
.fr-note b{color:var(--fg)}
.fr-note a{text-decoration:underline}
.soc-sw .on .fr-dot{background:var(--ack,#fff)}
.soc-sw button:not(.on) .fr-dot{box-shadow:0 0 0 2px var(--sf)}

/* счётчик новых сообщений рядом со ссылкой «Чаты» */
nav a .nbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:99px;background:var(--ac);color:var(--ack,#fff);font-size:11px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;vertical-align:1px;animation:nbdPop .3s cubic-bezier(.2,1.4,.4,1)}
@keyframes nbdPop{from{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){nav a .nbd{animation:none}}

/* ===== v14: новые рамки профиля, эффекты и темы шапки ===== */

/* --- рамки аватара: Awaken --- */
.fr-rose{box-shadow:0 0 0 3px #fecdd3,0 0 0 5px #fb7185,0 0 18px 3px #fb718588}
.fr-ice{box-shadow:0 0 0 3px #e0f2fe,0 0 0 5px #38bdf8,0 0 20px 4px #38bdf877}
.fr-mint{box-shadow:0 0 0 3px #a7f3d0,0 0 0 5px #10b981,0 0 18px 3px #10b98177}
.fr-dusk{box-shadow:0 0 0 3px #fb7185,0 0 0 6px #fbbf24,0 0 20px 3px #fbbf2466}
.fr-duo{box-shadow:0 0 0 3px var(--sf),0 0 0 6px #f97316,0 0 0 8px var(--sf),0 0 0 10px #f9731666}

/* --- рамки аватара: Eternity (анимированные) --- */
.fr-rain{animation:frRain 6s linear infinite}
@keyframes frRain{
0%,100%{box-shadow:0 0 0 3px #f87171,0 0 0 6px #fbbf24,0 0 20px 3px #f8717188}
17%{box-shadow:0 0 0 3px #fbbf24,0 0 0 6px #4ade80,0 0 20px 3px #fbbf2488}
33%{box-shadow:0 0 0 3px #4ade80,0 0 0 6px #22d3ee,0 0 20px 3px #4ade8088}
50%{box-shadow:0 0 0 3px #22d3ee,0 0 0 6px #818cf8,0 0 20px 3px #22d3ee88}
67%{box-shadow:0 0 0 3px #818cf8,0 0 0 6px #e879f9,0 0 20px 3px #818cf888}
83%{box-shadow:0 0 0 3px #e879f9,0 0 0 6px #f87171,0 0 20px 3px #e879f988}}
.fr-fire{animation:frFire 1.4s ease-in-out infinite alternate}
@keyframes frFire{
from{box-shadow:0 0 0 3px #f97316,0 0 0 5px #dc2626,0 0 14px 3px #f97316aa,0 -6px 22px 2px #fde04777}
to{box-shadow:0 0 0 3px #fb923c,0 0 0 5px #b91c1c,0 0 24px 6px #ef4444aa,0 -10px 30px 4px #fbbf2477}}
.fr-gal{animation:frGal 5s ease-in-out infinite alternate}
@keyframes frGal{
from{box-shadow:0 0 0 3px #1e1b4b,0 0 0 5px #6366f1,0 0 20px 4px #6366f1aa,0 0 36px 8px #a855f755}
to{box-shadow:0 0 0 3px #312e81,0 0 0 5px #c084fc,0 0 26px 6px #c084fcaa,0 0 44px 12px #22d3ee44}}
.fr-sak{animation:frSak 3.5s ease-in-out infinite alternate}
@keyframes frSak{
from{box-shadow:0 0 0 3px #fff1f2,0 0 0 5px #f9a8d4,0 0 16px 3px #f9a8d488,0 0 0 0 #f472b600}
to{box-shadow:0 0 0 3px #fbcfe8,0 0 0 6px #f472b6,0 0 26px 7px #f472b699,0 0 0 0 #f472b600}}
.fr-glt{animation:frGlt 2.4s steps(1) infinite}
@keyframes frGlt{
0%,100%{box-shadow:0 0 0 3px #22d3ee,4px 3px 0 3px #e879f9aa}
20%{box-shadow:0 0 0 3px #22d3ee,-4px 3px 0 3px #e879f9aa}
40%{box-shadow:0 0 0 3px #22d3ee,4px -3px 0 3px #e879f9aa}
60%{box-shadow:0 0 0 3px #22d3ee,-3px -4px 0 3px #e879f9aa}
80%{box-shadow:0 0 0 3px #22d3ee,3px 4px 0 3px #e879f9aa}}
.fr-els{animation:frEls 2.8s steps(1) infinite}
@keyframes frEls{
0%,100%{box-shadow:0 0 0 3px #fef08a,0 0 0 5px #facc15,0 0 16px 4px #fde047aa}
6%{box-shadow:0 0 0 3px #fef9c3,0 0 0 5px #fde047,0 0 30px 8px #fde047ee}
9%{box-shadow:0 0 0 3px #fef08a,0 0 0 5px #ca8a04,0 0 8px 2px #fde04755}
12%{box-shadow:0 0 0 3px #ffffff,0 0 0 5px #fde047,0 0 34px 10px #facc15ee}
18%{box-shadow:0 0 0 3px #fef08a,0 0 0 5px #facc15,0 0 16px 4px #fde047aa}}

/* --- эффекты шапки --- */
.fxl{position:absolute;inset:0;display:block;pointer-events:none;z-index:0;border-radius:inherit}
.fxk-snow{background:radial-gradient(circle 2px at 20px 30px,#fff,#0000),radial-gradient(circle 3px at 90px 80px,#fffc,#0000),radial-gradient(circle 1.5px at 150px 20px,#fffd,#0000),radial-gradient(circle 2.5px at 60px 140px,#fff,#0000),radial-gradient(circle 2px at 180px 120px,#fffb,#0000);background-size:200px 200px,240px 240px,180px 180px,260px 260px,220px 220px;animation:fxSnow 16s linear infinite}
@keyframes fxSnow{to{background-position:200px 200px,-240px 240px,180px 180px,-260px 260px,220px 220px}}
.fxk-sak{background:radial-gradient(ellipse 6px 4px at 30px 40px,#fbcfe8f0,#f9a8d400),radial-gradient(ellipse 5px 3px at 120px 90px,#f9a8d4e0,#f472b600),radial-gradient(ellipse 7px 4px at 80px 150px,#fce7f3f0,#fbcfe800),radial-gradient(ellipse 4px 3px at 170px 30px,#f472b6d0,#ec489900);background-size:200px 200px,260px 260px,220px 220px,300px 300px;animation:fxSak 20s linear infinite}
@keyframes fxSak{to{background-position:-200px 200px,-260px 260px,-220px 220px,-300px 300px}}
.fxk-rain{background:radial-gradient(ellipse 1px 16px at 20px 20px,#bfe3ffaa,#0000),radial-gradient(ellipse 1px 12px at 70px 70px,#9bd4ff88,#0000),radial-gradient(ellipse 1px 18px at 130px 40px,#cfe9ffbb,#0000),radial-gradient(ellipse 1px 10px at 160px 110px,#9bd4ff77,#0000),linear-gradient(to bottom,#38bdf80f,#0000 60%);background-size:150px 120px,170px 140px,190px 110px,210px 130px,100% 100%;animation:fxRain 1s linear infinite}
@keyframes fxRain{to{background-position:0 120px,0 140px,0 110px,0 130px,0 0}}
.fxk-star{background:radial-gradient(circle 1.5px at 30px 40px,#fff,#0000),radial-gradient(circle 1px at 110px 20px,#fffc,#0000),radial-gradient(circle 2px at 170px 90px,#fde68a,#0000),radial-gradient(circle 1px at 60px 130px,#fffb,#0000),radial-gradient(circle 1.5px at 140px 160px,#bae6fd,#0000);background-size:190px 190px,150px 150px,230px 230px,170px 170px,210px 210px;animation:fxTw 3.2s ease-in-out infinite alternate}
@keyframes fxTw{from{opacity:.3}to{opacity:1}}
.fxk-ember{background:radial-gradient(circle 2px at 30px 150px,#fb923c,#0000),radial-gradient(circle 3px at 100px 60px,#f97316cc,#0000),radial-gradient(circle 1.5px at 160px 120px,#fde047,#0000),radial-gradient(circle 2px at 70px 20px,#ef4444cc,#0000),linear-gradient(to top,#f9731633,#0000 50%);background-size:170px 170px,230px 230px,200px 200px,260px 260px,100% 100%;animation:fxEmber 9s linear infinite}
@keyframes fxEmber{to{background-position:0 -170px,0 -230px,0 -200px,0 -260px,0 0}}
.fxk-grid{background:linear-gradient(#22d3ee2e 1px,#0000 1px),linear-gradient(90deg,#22d3ee2e 1px,#0000 1px),linear-gradient(to top,#22d3ee26,#0000 65%);background-size:36px 36px,36px 36px,100% 100%;animation:fxGrid 4s linear infinite}
@keyframes fxGrid{to{background-position:0 36px,36px 0,0 0}}
.fxk-sheen{background:linear-gradient(115deg,#0000 35%,#ffffff26 47%,#ffffff55 50%,#ffffff26 53%,#0000 65%);background-size:250% 100%;background-repeat:no-repeat;animation:fxSheen 5.5s ease-in-out infinite}
@keyframes fxSheen{from{background-position:130% 0}to{background-position:-30% 0}}
.fxk-bub{background:radial-gradient(circle 10px at 40px 120px,#0000 60%,#ffffff66 70%,#ffffff1a 90%,#0000 100%),radial-gradient(circle 6px at 130px 60px,#0000 60%,#ffffff55 70%,#ffffff18 90%,#0000 100%),radial-gradient(circle 14px at 90px 170px,#0000 60%,#ffffff44 70%,#ffffff12 90%,#0000 100%);background-size:180px 200px,160px 150px,220px 240px;animation:fxBub 12s linear infinite}
@keyframes fxBub{to{background-position:0 -200px,0 -150px,0 -240px}}

.fxk-aur{background:linear-gradient(120deg,#22d3ee33,#a78bfa33,#f472b633,#22d3ee33);background-size:300% 300%;animation:au 8s ease infinite}
.fxk-spk{background:radial-gradient(#fff9 1px,#0000 2px) 0 0/40px 40px,radial-gradient(#fff6 1px,#0000 2px) 20px 20px/40px 40px;animation:sp 6s linear infinite}
/* --- темы шапки --- */
.th-t4{background-image:radial-gradient(circle at 80% 0,#22d3ee55,#0000 55%),linear-gradient(160deg,#020c1f,#0b3b6f 55%,#0e7490)!important}
.th-t5{background-image:radial-gradient(circle at 15% 10%,#bef26433,#0000 50%),linear-gradient(150deg,#02140a,#14532d 55%,#3f6212)!important}
.th-t6{background-image:radial-gradient(circle at 85% 100%,#f7258566,#0000 55%),radial-gradient(circle at 10% 0,#4cc9f044,#0000 50%),linear-gradient(135deg,#10002b,#3c096c 60%,#240046)!important}
.th-t7{background-image:linear-gradient(135deg,#312e81,#7c3aed 55%,#f0abfc)!important}
.th-t8{background-image:radial-gradient(circle at 50% 120%,#fde04788,#0000 55%),linear-gradient(180deg,#1c0a00,#7c2d12 55%,#ea580c)!important}
.th-t9{background-image:linear-gradient(135deg,#042f2e,#0f766e 50%,#99f6e4)!important}
.th-t10{background-image:radial-gradient(circle 1px at 20px 30px,#fffb,#0000),radial-gradient(circle 1.5px at 90px 80px,#fff9,#0000),radial-gradient(circle 1px at 50px 120px,#bae6fdcc,#0000),linear-gradient(180deg,#02040f,#0b1230 60%,#172554)!important;background-size:130px 150px,170px 130px,110px 160px,100% 100%!important;background-repeat:repeat,repeat,repeat,no-repeat!important}
.th-t11{background-image:linear-gradient(135deg,#be185d,#fb7185 45%,#fdba74)!important}
.th-t12{background-image:radial-gradient(circle at 20% 0,#facc1544,#0000 50%),linear-gradient(135deg,#1c1917,#78350f 60%,#b45309)!important}
.th-t13{background-image:repeating-linear-gradient(45deg,#ffffff07 0 2px,#0000 2px 10px),linear-gradient(135deg,#09090b,#27272a 60%,#3f3f46)!important}
.th-t14{background-image:radial-gradient(circle at 0 100%,#e879f966,#0000 50%),linear-gradient(135deg,#05010f,#1e1b4b 55%,#0e7490)!important}
.th-t15,.th-t16,.th-t17{background-size:300% 100%!important;background-repeat:no-repeat!important;animation:thFlow 14s ease-in-out infinite alternate}
.th-t15{background-image:linear-gradient(120deg,#4c0519,#be123c,#f97316,#be123c,#4c0519)!important}
.th-t16{background-image:linear-gradient(120deg,#022c22,#0f766e,#6d28d9,#0e7490,#022c22)!important}
.th-t17{background-image:linear-gradient(120deg,#f9a8d4,#c4b5fd,#93c5fd,#a7f3d0,#fde68a)!important}
@keyframes thFlow{from{background-position:0% 50%}to{background-position:100% 50%}}

/* --- превью в редакторе --- */
.ed-ch .swt[class*="th-"],.ed-ch button[data-edo^="fx|"] .swt{width:46px;height:26px;border-radius:8px}
.ed-ch button[data-edo^="fx|"] .swt{background:#18181b}
.ed-ch .swt.av{width:24px;height:24px;margin:4px 6px 4px 4px}
:root{--blood-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 170' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='170'%3E%3Cstop offset='0' stop-color='%236b0710'/%3E%3Cstop offset='.45' stop-color='%23b3101c'/%3E%3Cstop offset='1' stop-color='%23ff4a52'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cpath d='M0,0H1000V14Q972,25 944,14Q914,15 884,14Q862,24 841,14Q816,14 792,14Q771,11 750,14Q720,22 691,14Q656,24 621,14Q591,15 561,14Q531,10 502,14Q469,26 436,14Q415,11 394,14Q373,16 353,14Q319,17 285,14Q255,10 226,14Q194,24 162,14Q137,24 112,14Q83,16 54,14Q27,17 0,14Z'/%3E%3Cpath d='M20.2,8V67a3.8,3.8 0 0 0 7.6,0V8Z'/%3E%3Ccircle cx='24.0' cy='69.3' r='7.2'/%3E%3Ccircle cx='24.0' cy='99.7' r='2.6'/%3E%3Cpath d='M145.9,8V71a3.1,3.1 0 0 0 6.1,0V8Z'/%3E%3Ccircle cx='149.0' cy='72.8' r='7.6'/%3E%3Cpath d='M284.1,8V56a3.9,3.9 0 0 0 7.8,0V8Z'/%3E%3Ccircle cx='288.0' cy='58.3' r='9.2'/%3E%3Cpath d='M404.4,8V72a2.6,2.6 0 0 0 5.1,0V8Z'/%3E%3Ccircle cx='407.0' cy='73.5' r='6.0'/%3E%3Cpath d='M520.8,8V60a4.2,4.2 0 0 0 8.4,0V8Z'/%3E%3Ccircle cx='525.0' cy='62.5' r='8.1'/%3E%3Ccircle cx='525.0' cy='95.2' r='2.9'/%3E%3Cpath d='M644.5,8V49a2.5,2.5 0 0 0 5.0,0V8Z'/%3E%3Ccircle cx='647.0' cy='50.5' r='6.1'/%3E%3Ccircle cx='647.0' cy='75.0' r='1.8'/%3E%3Cpath d='M769.5,8V61a4.5,4.5 0 0 0 8.9,0V8Z'/%3E%3Ccircle cx='774.0' cy='63.7' r='9.6'/%3E%3Cpath d='M873.1,8V79a2.9,2.9 0 0 0 5.8,0V8Z'/%3E%3Ccircle cx='876.0' cy='80.7' r='6.0'/%3E%3Ccircle cx='876.0' cy='103.5' r='2.0'/%3E%3Cpath d='M974.5,8V62a2.5,2.5 0 0 0 5.1,0V8Z'/%3E%3Ccircle cx='977.0' cy='63.5' r='6.0'/%3E%3Ccircle cx='977.0' cy='84.5' r='1.8'/%3E%3C/g%3E%3Cellipse cx='21.5' cy='67.8' rx='1.6' ry='3.2' fill='white' opacity='.35'/%3E%3Cellipse cx='146.3' cy='71.6' rx='1.7' ry='3.4' fill='white' opacity='.35'/%3E%3Cellipse cx='284.8' cy='56.8' rx='2.0' ry='4.1' fill='white' opacity='.35'/%3E%3Cellipse cx='404.9' cy='72.5' rx='1.3' ry='2.7' fill='white' opacity='.35'/%3E%3Cellipse cx='522.2' cy='60.8' rx='1.8' ry='3.7' fill='white' opacity='.35'/%3E%3Cellipse cx='644.8' cy='49.5' rx='1.4' ry='2.8' fill='white' opacity='.35'/%3E%3Cellipse cx='770.6' cy='61.9' rx='2.1' ry='4.3' fill='white' opacity='.35'/%3E%3Cellipse cx='873.9' cy='79.6' rx='1.3' ry='2.7' fill='white' opacity='.35'/%3E%3Cellipse cx='974.9' cy='62.5' rx='1.3' ry='2.7' fill='white' opacity='.35'/%3E%3C/svg%3E");--blood-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 170' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='170'%3E%3Cstop offset='0' stop-color='%236b0710'/%3E%3Cstop offset='.45' stop-color='%23b3101c'/%3E%3Cstop offset='1' stop-color='%23ff4a52'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cpath d='M0,0H1000V14Q980,17 960,14Q930,24 901,14Q867,10 833,14Q811,12 790,14Q759,25 728,14Q701,10 675,14Q647,23 619,14Q593,11 568,14Q545,11 522,14Q493,21 464,14Q433,15 403,14Q373,16 344,14Q312,21 281,14Q252,21 223,14Q188,19 153,14Q122,20 92,14Q63,12 34,14Q17,25 0,14Z'/%3E%3Cpath d='M36.1,8V97a2.9,2.9 0 0 0 5.7,0V8Z'/%3E%3Ccircle cx='39.0' cy='98.7' r='6.4'/%3E%3Cpath d='M108.2,8V59a3.8,3.8 0 0 0 7.6,0V8Z'/%3E%3Ccircle cx='112.0' cy='61.3' r='9.0'/%3E%3Cpath d='M168.2,8V102a3.8,3.8 0 0 0 7.7,0V8Z'/%3E%3Ccircle cx='172.0' cy='104.3' r='7.8'/%3E%3Ccircle cx='172.0' cy='127.2' r='2.7'/%3E%3Cpath d='M224.6,8V108a3.4,3.4 0 0 0 6.7,0V8Z'/%3E%3Ccircle cx='228.0' cy='110.0' r='6.9'/%3E%3Cpath d='M315.9,8V78a4.1,4.1 0 0 0 8.3,0V8Z'/%3E%3Ccircle cx='320.0' cy='80.5' r='8.1'/%3E%3Cpath d='M390.4,8V135a3.6,3.6 0 0 0 7.2,0V8Z'/%3E%3Ccircle cx='394.0' cy='137.2' r='7.8'/%3E%3Ccircle cx='394.0' cy='161.2' r='2.5'/%3E%3Cpath d='M473.3,8V136a2.7,2.7 0 0 0 5.4,0V8Z'/%3E%3Ccircle cx='476.0' cy='137.6' r='5.4'/%3E%3Cpath d='M551.5,8V78a3.5,3.5 0 0 0 7.0,0V8Z'/%3E%3Ccircle cx='555.0' cy='80.1' r='7.8'/%3E%3Cpath d='M639.3,8V85a3.7,3.7 0 0 0 7.4,0V8Z'/%3E%3Ccircle cx='643.0' cy='87.2' r='7.4'/%3E%3Cpath d='M717.4,8V89a2.6,2.6 0 0 0 5.2,0V8Z'/%3E%3Ccircle cx='720.0' cy='90.6' r='5.6'/%3E%3Ccircle cx='720.0' cy='110.5' r='1.8'/%3E%3Cpath d='M779.1,8V64a3.9,3.9 0 0 0 7.7,0V8Z'/%3E%3Ccircle cx='783.0' cy='66.3' r='9.2'/%3E%3Cpath d='M846.4,8V92a3.6,3.6 0 0 0 7.2,0V8Z'/%3E%3Ccircle cx='850.0' cy='94.1' r='8.4'/%3E%3Ccircle cx='850.0' cy='129.9' r='2.5'/%3E%3Cpath d='M918.7,8V60a3.3,3.3 0 0 0 6.5,0V8Z'/%3E%3Ccircle cx='922.0' cy='62.0' r='6.3'/%3E%3Ccircle cx='922.0' cy='88.3' r='2.3'/%3E%3C/g%3E%3Cellipse cx='36.7' cy='97.6' rx='1.4' ry='2.9' fill='white' opacity='.35'/%3E%3Cellipse cx='108.8' cy='59.8' rx='2.0' ry='4.1' fill='white' opacity='.35'/%3E%3Cellipse cx='169.3' cy='102.8' rx='1.7' ry='3.5' fill='white' opacity='.35'/%3E%3Cellipse cx='225.6' cy='108.7' rx='1.5' ry='3.1' fill='white' opacity='.35'/%3E%3Cellipse cx='317.2' cy='78.8' rx='1.8' ry='3.7' fill='white' opacity='.35'/%3E%3Cellipse cx='391.3' cy='135.7' rx='1.7' ry='3.5' fill='white' opacity='.35'/%3E%3Cellipse cx='474.1' cy='136.5' rx='1.2' ry='2.4' fill='white' opacity='.35'/%3E%3Cellipse cx='552.3' cy='78.7' rx='1.7' ry='3.5' fill='white' opacity='.35'/%3E%3Cellipse cx='640.4' cy='85.7' rx='1.6' ry='3.3' fill='white' opacity='.35'/%3E%3Cellipse cx='718.0' cy='89.5' rx='1.2' ry='2.5' fill='white' opacity='.35'/%3E%3Cellipse cx='779.8' cy='64.8' rx='2.0' ry='4.2' fill='white' opacity='.35'/%3E%3Cellipse cx='847.1' cy='92.7' rx='1.8' ry='3.8' fill='white' opacity='.35'/%3E%3Cellipse cx='919.8' cy='60.7' rx='1.4' ry='2.8' fill='white' opacity='.35'/%3E%3C/svg%3E");--blood-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 170' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='170'%3E%3Cstop offset='0' stop-color='%236b0710'/%3E%3Cstop offset='.45' stop-color='%23b3101c'/%3E%3Cstop offset='1' stop-color='%23ff4a52'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='url(%23g)'%3E%3Cpath d='M0,0H1000V14Q972,13 944,14Q913,24 883,14Q853,19 824,14Q789,22 755,14Q723,23 692,14Q665,14 638,14Q603,11 568,14Q547,23 526,14Q505,19 484,14Q449,21 415,14Q385,23 355,14Q322,21 289,14Q259,11 229,14Q196,26 164,14Q134,16 105,14Q77,23 49,14Q28,10 7,14Q3,26 0,14Z'/%3E%3Cpath d='M26.7,8V44a4.3,4.3 0 0 0 8.6,0V8Z'/%3E%3Ccircle cx='31.0' cy='46.6' r='10.0'/%3E%3Ccircle cx='31.0' cy='79.1' r='3.0'/%3E%3Cpath d='M136.8,8V56a3.2,3.2 0 0 0 6.4,0V8Z'/%3E%3Ccircle cx='140.0' cy='57.9' r='7.7'/%3E%3Ccircle cx='140.0' cy='79.9' r='2.2'/%3E%3Cpath d='M211.7,8V63a4.3,4.3 0 0 0 8.6,0V8Z'/%3E%3Ccircle cx='216.0' cy='65.6' r='10.1'/%3E%3Ccircle cx='216.0' cy='96.1' r='3.0'/%3E%3Cpath d='M322.5,8V74a3.5,3.5 0 0 0 7.0,0V8Z'/%3E%3Ccircle cx='326.0' cy='76.1' r='8.0'/%3E%3Ccircle cx='326.0' cy='109.8' r='2.5'/%3E%3Cpath d='M436.1,8V54a2.9,2.9 0 0 0 5.8,0V8Z'/%3E%3Ccircle cx='439.0' cy='55.7' r='5.9'/%3E%3Cpath d='M547.4,8V93a2.6,2.6 0 0 0 5.2,0V8Z'/%3E%3Ccircle cx='550.0' cy='94.6' r='5.1'/%3E%3Cpath d='M650.0,8V66a3.0,3.0 0 0 0 6.1,0V8Z'/%3E%3Ccircle cx='653.0' cy='67.8' r='5.9'/%3E%3Cpath d='M722.8,8V39a3.2,3.2 0 0 0 6.4,0V8Z'/%3E%3Ccircle cx='726.0' cy='40.9' r='6.2'/%3E%3Ccircle cx='726.0' cy='68.2' r='2.2'/%3E%3Cpath d='M834.2,8V100a2.8,2.8 0 0 0 5.6,0V8Z'/%3E%3Ccircle cx='837.0' cy='101.7' r='6.5'/%3E%3Cpath d='M927.9,8V39a3.1,3.1 0 0 0 6.2,0V8Z'/%3E%3Ccircle cx='931.0' cy='40.8' r='6.9'/%3E%3C/g%3E%3Cellipse cx='27.5' cy='44.9' rx='2.2' ry='4.5' fill='white' opacity='.35'/%3E%3Cellipse cx='137.3' cy='56.6' rx='1.7' ry='3.4' fill='white' opacity='.35'/%3E%3Cellipse cx='212.5' cy='63.9' rx='2.2' ry='4.5' fill='white' opacity='.35'/%3E%3Cellipse cx='323.2' cy='74.7' rx='1.8' ry='3.6' fill='white' opacity='.35'/%3E%3Cellipse cx='436.9' cy='54.6' rx='1.3' ry='2.7' fill='white' opacity='.35'/%3E%3Cellipse cx='548.2' cy='93.5' rx='1.1' ry='2.3' fill='white' opacity='.35'/%3E%3Cellipse cx='650.9' cy='66.6' rx='1.3' ry='2.7' fill='white' opacity='.35'/%3E%3Cellipse cx='723.8' cy='39.6' rx='1.4' ry='2.8' fill='white' opacity='.35'/%3E%3Cellipse cx='834.7' cy='100.6' rx='1.4' ry='2.9' fill='white' opacity='.35'/%3E%3Cellipse cx='928.6' cy='39.6' rx='1.5' ry='3.1' fill='white' opacity='.35'/%3E%3C/svg%3E");--splat-a:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cdefs%3E%3CradialGradient id='s' gradientUnits='userSpaceOnUse' cx='150' cy='150' r='130'%3E%3Cstop offset='0' stop-color='%237a0a12'/%3E%3Cstop offset='1' stop-color='%23c4161f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23s)'%3E%3Ccircle cx='150.0' cy='150.0' r='34'/%3E%3Ccircle cx='147.2' cy='97.4' r='19.4'/%3E%3Ccircle cx='146.3' cy='94.1' r='10.3'/%3E%3Ccircle cx='94.8' cy='162.2' r='16.5'/%3E%3Ccircle cx='178.3' cy='129.5' r='14.7'/%3E%3Ccircle cx='151.0' cy='196.1' r='15.7'/%3E%3Ccircle cx='187.5' cy='153.1' r='12.8'/%3E%3Ccircle cx='194.8' cy='123.8' r='11.6'/%3E%3Ccircle cx='168.5' cy='88.7' r='5.1'/%3E%3Ccircle cx='188.6' cy='189.4' r='6.4'/%3E%3Ccircle cx='167.4' cy='216.8' r='6.9'/%3E%3Ccircle cx='201.2' cy='96.8' r='6.8'/%3E%3Ccircle cx='53.9' cy='126.0' r='3.0'/%3E%3Ccircle cx='243.0' cy='113.5' r='6.8'/%3E%3Ccircle cx='208.3' cy='103.8' r='3.8'/%3E%3Ccircle cx='182.5' cy='205.7' r='2.3'/%3E%3Ccircle cx='120.2' cy='239.4' r='2.0'/%3E%3Cline x1='150.0' y1='150.0' x2='120.6' y2='89.9' stroke='url(%23s)' stroke-width='4.2' stroke-linecap='round'/%3E%3Ccircle cx='120.6' cy='89.9' r='3.8'/%3E%3Cline x1='150.0' y1='150.0' x2='180.7' y2='82.6' stroke='url(%23s)' stroke-width='4.3' stroke-linecap='round'/%3E%3Ccircle cx='180.7' cy='82.6' r='3.8'/%3E%3Cline x1='150.0' y1='150.0' x2='65.4' y2='160.2' stroke='url(%23s)' stroke-width='3.2' stroke-linecap='round'/%3E%3Ccircle cx='65.4' cy='160.2' r='2.9'/%3E%3Cline x1='150.0' y1='150.0' x2='200.5' y2='141.9' stroke='url(%23s)' stroke-width='6.0' stroke-linecap='round'/%3E%3Ccircle cx='200.5' cy='141.9' r='5.4'/%3E%3Cline x1='150.0' y1='150.0' x2='178.5' y2='107.8' stroke='url(%23s)' stroke-width='6.2' stroke-linecap='round'/%3E%3Ccircle cx='178.5' cy='107.8' r='5.5'/%3E%3Cline x1='150.0' y1='150.0' x2='97.4' y2='208.9' stroke='url(%23s)' stroke-width='3.0' stroke-linecap='round'/%3E%3Ccircle cx='97.4' cy='208.9' r='2.7'/%3E%3Cline x1='150.0' y1='150.0' x2='206.5' y2='167.1' stroke='url(%23s)' stroke-width='6.8' stroke-linecap='round'/%3E%3Ccircle cx='206.5' cy='167.1' r='6.1'/%3E%3C/g%3E%3Cellipse cx='136.0' cy='134.0' rx='8' ry='5' fill='white' opacity='.18'/%3E%3C/svg%3E");--splat-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cdefs%3E%3CradialGradient id='s' gradientUnits='userSpaceOnUse' cx='150' cy='150' r='130'%3E%3Cstop offset='0' stop-color='%237a0a12'/%3E%3Cstop offset='1' stop-color='%23c4161f'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg fill='url(%23s)'%3E%3Ccircle cx='150.0' cy='150.0' r='37'/%3E%3Ccircle cx='120.4' cy='124.6' r='11.9'/%3E%3Ccircle cx='131.8' cy='113.5' r='14.6'/%3E%3Ccircle cx='117.8' cy='125.2' r='19.4'/%3E%3Ccircle cx='134.2' cy='101.6' r='11.7'/%3E%3Ccircle cx='203.5' cy='131.0' r='14.2'/%3E%3Ccircle cx='166.4' cy='179.0' r='11.3'/%3E%3Ccircle cx='189.9' cy='108.2' r='10.6'/%3E%3Ccircle cx='109.7' cy='51.6' r='6.4'/%3E%3Ccircle cx='209.6' cy='116.5' r='3.1'/%3E%3Ccircle cx='179.8' cy='41.2' r='5.9'/%3E%3Ccircle cx='218.4' cy='107.1' r='3.7'/%3E%3Ccircle cx='247.4' cy='177.1' r='2.0'/%3E%3Ccircle cx='54.0' cy='210.1' r='6.2'/%3E%3Ccircle cx='195.2' cy='204.0' r='5.7'/%3E%3Ccircle cx='219.3' cy='54.9' r='2.0'/%3E%3Ccircle cx='156.0' cy='82.4' r='6.3'/%3E%3Cline x1='150.0' y1='150.0' x2='104.4' y2='232.9' stroke='url(%23s)' stroke-width='3.5' stroke-linecap='round'/%3E%3Ccircle cx='104.4' cy='232.9' r='3.2'/%3E%3Cline x1='150.0' y1='150.0' x2='215.1' y2='112.7' stroke='url(%23s)' stroke-width='5.3' stroke-linecap='round'/%3E%3Ccircle cx='215.1' cy='112.7' r='4.8'/%3E%3Cline x1='150.0' y1='150.0' x2='91.7' y2='136.1' stroke='url(%23s)' stroke-width='3.3' stroke-linecap='round'/%3E%3Ccircle cx='91.7' cy='136.1' r='2.9'/%3E%3Cline x1='150.0' y1='150.0' x2='181.4' y2='232.5' stroke='url(%23s)' stroke-width='5.8' stroke-linecap='round'/%3E%3Ccircle cx='181.4' cy='232.5' r='5.2'/%3E%3Cline x1='150.0' y1='150.0' x2='209.3' y2='226.7' stroke='url(%23s)' stroke-width='5.9' stroke-linecap='round'/%3E%3Ccircle cx='209.3' cy='226.7' r='5.3'/%3E%3Cline x1='150.0' y1='150.0' x2='211.4' y2='166.2' stroke='url(%23s)' stroke-width='5.7' stroke-linecap='round'/%3E%3Ccircle cx='211.4' cy='166.2' r='5.2'/%3E%3Cline x1='150.0' y1='150.0' x2='202.0' y2='79.9' stroke='url(%23s)' stroke-width='5.9' stroke-linecap='round'/%3E%3Ccircle cx='202.0' cy='79.9' r='5.4'/%3E%3C/g%3E%3Cellipse cx='136.0' cy='134.0' rx='8' ry='5' fill='white' opacity='.18'/%3E%3C/svg%3E")}

/* ===== v15: комбинируемые эффекты, тёмные темы с кровью, затемнение баннера ===== */

/* выбор эффектов в панели редактирования */
.fxpk{display:inline-block;position:relative}
.fxpk summary{cursor:pointer;list-style:none;background:var(--s2);border:1px solid var(--bd);border-radius:10px;padding:8px 12px;font-weight:600;font-size:14px}
.fxpk summary::-webkit-details-marker{display:none}
.fxpl{display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:4px 14px;padding:10px 12px;margin-top:6px;background:var(--sf);border:1px solid var(--bd);border-radius:12px;min-width:240px}
.fxpl label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}

/* затемнение баннера снизу */
.pbn2:after{background:linear-gradient(to bottom,#0005 0,#0000 24%,#0000 38%,rgb(0 0 0/.3) 58%,rgb(0 0 0/.62) 78%,rgb(0 0 0/.82) 92%,color-mix(in srgb,var(--sf) 70%,#000) 100%)!important}
.phd[class*="th-"] .pbn2:after{background:linear-gradient(to bottom,#0005 0,#0000 28%,#0000 42%,rgb(0 0 0/.35) 64%,rgb(0 0 0/.68) 86%,rgb(0 0 0/.78) 100%)!important}
.ban.pbn:before{background:linear-gradient(to top,var(--bg) 0,color-mix(in srgb,var(--bg) 60%,#000) 10%,rgb(0 0 0/.62) 30%,rgb(0 0 0/.28) 55%,transparent 82%),linear-gradient(to bottom,#0004 0,#0000 38%)!important}

/* --- тёмные темы шапки --- */
.th-t18{background-image:radial-gradient(circle at 84% 18%,#fca5a5 0,#dc2626 2.2%,#0000 2.5%),radial-gradient(circle at 84% 18%,#ff3b3b66 0,#b91c1c33 9%,#0000 34%),linear-gradient(165deg,#070000,#2b0606 58%,#120202)!important}
.th-t21{background-image:radial-gradient(circle at 50% 140%,#be123c77,#0000 55%),radial-gradient(circle at 100% 0,#4c051966,#0000 40%),linear-gradient(180deg,#050304,#12060a)!important}
.th-t22{background-image:radial-gradient(circle at 50% -20%,#0e749044,#0000 55%),linear-gradient(180deg,#00080a,#02222a 60%,#031c22)!important}
.th-t23{background-image:radial-gradient(ellipse at 50% 120%,#f9731633,#0000 55%),repeating-linear-gradient(135deg,#ffffff05 0 1px,#0000 1px 6px),linear-gradient(180deg,#0b0b0c,#1a1a1c 60%,#26211e)!important}
.th-t24{background-image:radial-gradient(ellipse at 20% 100%,#86efac22,#0000 55%),radial-gradient(ellipse at 80% 110%,#a7f3d018,#0000 50%),linear-gradient(180deg,#030604,#0d1a12 60%,#16251b)!important}
.th-t25{background-image:repeating-radial-gradient(circle at 80% 50%,#0000 0 28px,#dc262633 29px 30px),radial-gradient(circle at 80% 50%,#7f1d1d66,#0000 45%),linear-gradient(135deg,#060000,#1c0404)!important}
.th-t26{background-image:radial-gradient(circle at 50% 110%,#ef4444bb,#7f1d1d55 45%,#0000 70%),linear-gradient(180deg,#0c0000,#240303)!important;background-repeat:no-repeat!important;background-position:50% 100%,0 0;animation:thRage 3.5s ease-in-out infinite alternate}
@keyframes thRage{from{background-size:50% 70%,100% 100%}to{background-size:130% 150%,100% 100%}}
.th-t27{background-image:linear-gradient(180deg,#040001,#1a0204 70%,#2c0305)!important}
.th-t28{background-image:radial-gradient(circle at 70% 0,#16a34a22,#0000 45%),linear-gradient(180deg,#010503,#06180e 60%,#0a2415)!important}
.th-t29{background-image:linear-gradient(135deg,#ffffff0d,#0000 40%),linear-gradient(115deg,#050507 0 38%,#0e0e14 38% 62%,#08080b 62%)!important}

/* кровь поверх шапки (капли, брызги) */
.th-t18:after,.th-t21:after,.th-t26:after,.th-t27:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;border-radius:inherit;background-repeat:no-repeat;filter:drop-shadow(0 3px 5px #0009)}
.th-t18:after{background-image:var(--blood-a);background-position:top;background-size:100% clamp(60px,7vw,120px)}
.th-t21:after{background-image:var(--splat-b),var(--splat-a);background-position:left -50px top -50px,right -60px bottom -60px;background-size:clamp(160px,18vw,240px),clamp(140px,16vw,210px)}
.th-t26:after{background-image:var(--blood-c);background-position:top;background-size:100% clamp(80px,9vw,140px)}
.th-t27:after{background-image:var(--blood-b);background-position:top;background-size:100% 70px;animation:bloodGrow 8s ease-in-out infinite alternate}
@keyframes bloodGrow{from{background-size:100% 60px}to{background-size:100% clamp(110px,13vw,190px)}}
.ed-ch .swt[class*="th-"]:after{background-size:100% 100%!important;animation:none!important}
.ed-ch .swt.th-t21:after{background-size:70% auto,60% auto!important}
@media(prefers-reduced-motion:reduce){.fxl,.th-t26,.th-t26:after,.th-t27:after,[class*="fr-"].av{animation:none!important}}


/* ===== v16: плавный переход баннера в тему шапки, своё фото темы, переливающийся цвет подписки, рамки без пропажи ===== */

/* Баннер растворяется в фоне шапки (в тему, в своё фото или в цвет карточки): переход всегда совпадает с темой */
.phd .pbn2{
 -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 44%,rgba(0,0,0,.94) 54%,rgba(0,0,0,.8) 64%,rgba(0,0,0,.58) 74%,rgba(0,0,0,.32) 84%,rgba(0,0,0,.12) 93%,transparent 100%);
 mask-image:linear-gradient(to bottom,#000 0,#000 44%,rgba(0,0,0,.94) 54%,rgba(0,0,0,.8) 64%,rgba(0,0,0,.58) 74%,rgba(0,0,0,.32) 84%,rgba(0,0,0,.12) 93%,transparent 100%)
}
.phd .pbn2:after,.phd[class*="th-"] .pbn2:after{background:linear-gradient(to bottom,#0004 0,#0000 26%)!important}

/* своё фото в качестве темы шапки (Eternity) */
.phd.th-img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.phd.th-img:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,#0000 0,#0003 50%,#0007 100%)}
.pfw.th-img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.ed-thi{display:flex;gap:14px;align-items:center;margin-top:14px;flex-wrap:wrap}
.ed-thi.lk{opacity:.6}
.ed-thp{width:132px;height:56px;border-radius:12px;border:1px dashed var(--bd);background:var(--s2) center/cover no-repeat;color:var(--mu);font-size:12px;display:grid;place-items:center;flex:none}
.ed-thb{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
.ed-thb small{flex-basis:100%;color:var(--mu);font-size:12px}

/* переливающийся значок подписки (Eternity): цвета выбирает пользователь */
.bdg.bdg-gr{background:linear-gradient(100deg,var(--gs));background-size:200% 100%;background-repeat:repeat-x;animation:bdgGr 5s linear infinite;box-shadow:0 0 12px color-mix(in srgb,var(--g0) 50%,transparent)}
@keyframes bdgGr{to{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){.bdg.bdg-gr{animation:none}}
.bcg{display:grid;gap:10px;padding:12px;border:1px solid var(--bd);border-radius:14px}
.bcg small{color:var(--mu);font-size:12px}
.bcgp{display:flex;flex-wrap:wrap;gap:8px}
.bcgb{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:99px;border:1px solid var(--bd);background:var(--s2);color:var(--fg);font-size:13px;font-weight:600;cursor:pointer}
.bcgb i{width:34px;height:18px;border-radius:99px;background:linear-gradient(90deg,var(--gp));flex:none}
.bcgb.on{border-color:var(--fg)}
.bcgc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bcsw input[type=color]{opacity:0;position:absolute;inset:0;width:100%;height:100%;cursor:pointer;border:0;padding:0}

/* рамка аватара не пропадает, даже если браузер отключил анимацию: статичное состояние по умолчанию */
.fr-rain{box-shadow:0 0 0 3px #f87171,0 0 0 6px #fbbf24,0 0 20px 3px #f8717188}
.fr-fire{box-shadow:0 0 0 3px #f97316,0 0 0 5px #dc2626,0 0 14px 3px #f97316aa,0 -6px 22px 2px #fde04777}
.fr-gal{box-shadow:0 0 0 3px #1e1b4b,0 0 0 5px #6366f1,0 0 20px 4px #6366f1aa,0 0 36px 8px #a855f755}
.fr-sak{box-shadow:0 0 0 3px #fff1f2,0 0 0 5px #f9a8d4,0 0 16px 3px #f9a8d488}
.fr-glt{box-shadow:0 0 0 3px #22d3ee,4px 3px 0 3px #e879f9aa}
.fr-els{box-shadow:0 0 0 3px #fef08a,0 0 0 5px #facc15,0 0 16px 4px #fde047aa}

/* ===== v17: страница «Друзья» и карточка пользователя при наведении на аватарку ===== */
.amn .amcnt{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:99px;background:var(--fg);color:var(--bg);font-size:11px;font-weight:800;vertical-align:middle}
.frp{max-width:980px;margin:0 auto}
.frp h1{margin:0}
.frp-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:18px;border-bottom:1px solid var(--bd)}
.frp-tabs button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--mu);font:inherit;font-weight:600;cursor:pointer}
.frp-tabs button:hover{color:var(--fg)}
.frp-tabs button.on{color:var(--fg);border-bottom-color:var(--fg)}
.frp-tabs button b{font-size:12px;padding:1px 7px;border-radius:99px;background:var(--s2);color:var(--fg)}
.frp-s{margin-bottom:14px;max-width:420px}
.frp-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.frp-c{display:flex;flex-direction:column;border:1px solid var(--bd);background:var(--sf);border-radius:18px;overflow:hidden;transition:transform .15s,border-color .15s}
.frp-c:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--fg) 30%,var(--bd))}
.frp-b{display:block;height:84px;background-size:cover!important;background-position:center!important;background-color:var(--s2)}
.frp-i{display:flex;gap:12px;align-items:flex-end;padding:0 14px;margin-top:-26px;position:relative}
.frp-a .av{width:58px;height:58px;font-size:22px;border:3px solid var(--sf);flex:none}
.frp-t{min-width:0;padding-bottom:2px;display:grid;gap:1px}
.frp-t b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.frp-t small{color:var(--mu);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.frp-bd{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.frp-x{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px 14px;margin-top:auto}

.hvc{position:fixed;z-index:9999;width:292px;border:1px solid var(--bd);background:var(--sf);border-radius:18px;box-shadow:0 18px 50px #0007;overflow:hidden;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .14s,transform .14s}
.hvc.on{opacity:1;transform:none}
.hvc-b{height:86px;background-size:cover!important;background-position:center!important;background-color:var(--s2)}
.hvc-i{display:flex;gap:12px;align-items:flex-end;padding:0 14px;margin-top:-28px;position:relative}
.hvc-a .av{width:62px;height:62px;font-size:24px;border:3px solid var(--sf);flex:none}
.hvc-t{min-width:0;padding-bottom:3px;display:grid}
.hvc-t b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.hvc-t small{color:var(--mu);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hvc-r{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 14px 0}
.hvc-d{padding:8px 14px 14px;color:var(--mu);font-size:12.5px}
[data-uid]{cursor:pointer}

/* рецензии: аватар не сжимается, ник → уровень/ранг → тариф, «Друг» под ником */
.rh .av{flex:none;aspect-ratio:1/1;min-width:44px}
.rh .rv-id{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}
.rh .rv-l1{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}
.rh .rv-l1 .rv-rk,.rh .rv-l1 .bdg{margin-left:0}
.rh .rv-id .fr-chip{margin:0}
.rh .tt{flex:none}
/* затемнение снизу баннера: друзья и мини-профиль */
.frp-b,.hvc-b{position:relative}
.frp-b:after,.hvc-b:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 15%,color-mix(in srgb,var(--sf) 55%,transparent) 65%,var(--sf) 100%)}

/* рецензии: всё в одну строку */
.rh .rv-l1{flex-wrap:nowrap}
.rh .rv-l1>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rh .rv-l1 .bdg,.rh .rv-l1 .rv-rk,.rh .rv-l1 .lvb{flex:none;white-space:nowrap}
.rh .rv-id{flex:1 1 auto}
.rh .tt{flex:0 1 auto;max-width:42%}
.rh .tt span{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 0}
/* подсказка у правил */
.rvp-ra{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.rvp-rn{color:var(--mu);font-size:13.5px;max-width:300px;text-align:right;line-height:1.35}
@media(max-width:560px){.rvp-ra{width:100%;justify-content:flex-start}.rvp-rn{text-align:left;max-width:none}}

/* рецензии: горизонтальные списки */
.rvsec .rwp{margin:0 calc(-1*var(--pad))}
.rvsec .rvrow{margin:0;padding:14px var(--pad) 10px;gap:14px;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - var(--pad)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--pad),#000 calc(100% - var(--pad)),transparent 100%)}
.rvsec .rvrow>.rev{flex:0 0 min(400px,86vw);margin:0;max-width:none;scroll-snap-align:start}
.rvsec .rnv{top:14px}
/* страница рецензий на аниме: колонка по центру, листается вниз */
.rvcol{max-width:860px;margin:0 auto}.rvcol .rev{max-width:none}
/* страница рецензий аниме: без лайков */
.rvhd-st{grid-template-columns:repeat(2,minmax(0,1fr));max-width:320px}
/* окно «Поделиться» */
.shr{width:min(420px,100%)}
.shr-h{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.shr-t{color:var(--mu);font-size:13.5px;margin:6px 0 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shr-l{display:flex;flex-direction:column;gap:4px;max-height:44vh;overflow:auto;margin-bottom:12px}
.shr-r{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:var(--s2)}
.shr-r b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shr-a .av{width:36px;height:36px;flex:none;aspect-ratio:1/1}
.shr-e{color:var(--mu);margin:4px 0;font-size:14px}
.shr-c{width:100%}

/* ===== Страница «Смотреть» v2 ===== */
.wp2{position:relative;isolation:isolate;padding-top:14px}
.w2bg{position:absolute;z-index:-1;left:-24px;right:-24px;top:-24px;height:460px;background-size:cover;background-position:center;filter:blur(46px) saturate(1.4);opacity:.3;pointer-events:none;-webkit-mask-image:linear-gradient(#000 25%,transparent);mask-image:linear-gradient(#000 25%,transparent)}
.w2top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.w2top .wback{margin:0}
.w2cs{display:flex;gap:6px;flex-wrap:wrap}
.w2c{display:inline-block;padding:5px 11px;border-radius:999px;background:var(--sf);border:1px solid var(--bd);font-size:12px;font-weight:600;color:var(--mu)}
a.w2c.g{color:var(--fg)}a.w2c.g:hover{border-color:var(--ac)}
.w2h{margin:4px 0 16px}
.w2h h1{font-size:clamp(22px,3vw,34px);letter-spacing:-.01em}
.w2h small{display:block;margin-top:4px;font-size:14px}
.w2main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.wp2 .wfr{border-radius:18px;box-shadow:0 26px 60px -22px #000b,0 0 0 1px var(--bd)}
.wp2 .wmsg{background:radial-gradient(120% 120% at 50% 0,#1b1b24,#000);z-index:3}
.w2ld{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:440px}
.w2ld b{font-size:16px;color:#fff}.w2ld small{color:#aaa}
.w2cd{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.w2cd .btn{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w2sp{width:34px;height:34px;border-radius:50%;border:3px solid #fff3;border-top-color:var(--ac);animation:w2spin .8s linear infinite}
@keyframes w2spin{to{transform:rotate(360deg)}}
.w2bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px;padding:12px 16px;background:var(--sf);border:1px solid var(--bd);border-radius:16px}
.w2now{flex:1;min-width:150px}
.w2now small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.w2now b{font-size:18px}
.w2ctl{display:flex;gap:8px;flex-wrap:wrap}
.w2ctl .btn:disabled{opacity:.4;cursor:default}
.w2info{display:flex;gap:18px;margin-top:16px;padding:18px;background:var(--sf);border:1px solid var(--bd);border-radius:16px}
.w2pos{width:104px;flex:none}
.w2tx{min-width:0}
.w2tx h2{margin:0 0 8px;font-size:18px}
.w2d{margin:0;color:var(--mu);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.w2nx{margin-top:12px;padding:10px 12px;border-radius:12px;background:var(--s2);font-size:13px}
.w2nx b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);margin-bottom:2px}
.w2side{position:sticky;top:76px}
.wp2 .wbox{border-radius:16px}
.wp2 .wpl button em{font-style:normal;font-size:10px;margin-left:6px;padding:2px 6px;border-radius:999px;background:#0002;text-transform:uppercase;letter-spacing:.04em}
.wp2 .wpl button.on em{background:#0003}
.w2vb{margin-top:14px;padding-top:14px;border-top:1px solid var(--bd)}
.w2vb .btn{margin-top:8px}
.w2n{float:right;color:var(--ac);font-weight:700}
.w2pg{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.w2pg button{background:var(--s2);border:1px solid transparent;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}
.w2pg button.on{background:var(--ac);color:var(--ack)}
.wp2 .wep{max-height:min(46vh,420px)}
@media(max-width:1000px){.w2main{grid-template-columns:1fr}.w2side{position:static}}
@media(max-width:560px){.w2info{flex-direction:column}.w2pos{width:90px}.w2ctl{width:100%}.w2ctl .btn{flex:1}}

/* ===== друзья: 2 столбца, постраничный поиск ===== */
.frp-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.soc-rs{max-height:none;overflow:visible}
.soc-cols{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}
.soc-cols .soc-r{min-width:0}
.soc-cols .soc-l{min-width:0;flex:1}
.soc-cols .soc-l span{min-width:0}
.soc-cols .soc-l b,.soc-cols .soc-l small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.soc-pg{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:var(--mu);font-size:13px}
.soc-pg .btn:disabled{opacity:.4;cursor:default}
@media(max-width:720px){.frp-g{grid-template-columns:1fr}.soc-cols{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:1fr}.soc-pg span{text-align:center;flex:1}}

/* RU-GEO */
.ru-note{display:flex;flex-direction:column;gap:4px;margin:12px 0;padding:12px 16px;border:1px solid var(--bd,rgba(128,128,128,.35));border-radius:10px;background:rgba(128,128,128,.1)}
.ru-note span{color:var(--mu)}
.ru-blk{max-width:560px;margin:40px auto}
.ru-off{opacity:.55;cursor:not-allowed;pointer-events:none}