:root{--bg:#F4F3FB;--sf:#fff;--sf2:#FAF9FF;--ink:#16123A;--mute:#6B6890;--line:#E6E3F5;--nv:#17103F;--nv2:#251A5E;--ac:#7C4DFF;--acs:#ECE8FF;--hot:#FF4D8D;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0E0B24;--sf:#171235;--sf2:#130F2D;--ink:#EEEBFF;--mute:#A29EC9;--line:#2A2352;--nv:#09061C;--nv2:#1B1546;--ac:#8B72FF;--acs:#2A2160;--hot:#FF7BA4}}
:root[data-theme="dark"]{--bg:#0E0B24;--sf:#171235;--sf2:#130F2D;--ink:#EEEBFF;--mute:#A29EC9;--line:#2A2352;--nv:#09061C;--nv2:#1B1546;--ac:#8B72FF;--acs:#2A2160;--hot:#FF7BA4}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 15.5px/1.6 Heebo,Arial,sans-serif}
h1,h2,h3,.logo{font-family:Rubik,Heebo,Arial,sans-serif;margin:0}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--nv);color:#fff;box-shadow:0 2px 12px rgba(8,18,36,.25)}
.hd{max-width:1100px;margin:0 auto;display:flex;gap:14px;align-items:center;padding:12px 18px}
.logo{font-weight:800;font-size:25px;background:none;border:0;color:#fff;cursor:pointer;padding:0;display:flex;align-items:center;gap:10px}
.logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#60A5FA,#1D4ED8);display:block}
.search{flex:1;max-width:400px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 14px;color:#fff;margin-inline-start:auto}
.search::placeholder{color:#B5C2D9}
.btn{background:var(--ac);color:#fff;border:0;border-radius:10px;padding:9px 18px;font-weight:700;cursor:pointer}
.btn.ghost{background:var(--acs);color:var(--ac)}
.stats{background:var(--nv2);color:#C9D5EA;font-size:13.5px}
.stats div{max-width:1100px;margin:0 auto;padding:7px 18px;display:flex;gap:22px;flex-wrap:wrap}
.stats b{color:#fff}
.wrap{max-width:1100px;margin:0 auto;padding:20px 18px;display:grid;grid-template-columns:1fr 280px;gap:20px}
.wrap.one{grid-template-columns:1fr}
.crumb{font-size:14px;color:var(--mute);margin-bottom:12px}
.crumb button{background:none;border:0;color:var(--ac);cursor:pointer;padding:0;font-weight:500}
.card{background:var(--sf);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:18px;box-shadow:0 1px 3px rgba(16,37,66,.05)}
.card>h2{background:var(--nv2);color:#fff;font-size:15.5px;font-weight:600;padding:11px 18px}
.fr,.tr{display:grid;gap:14px;align-items:center;padding:14px 18px;border-top:1px solid var(--line);width:100%;background:none;border-inline:0;border-bottom:0;text-align:start;cursor:pointer}
.card>h2+.fr,.card>h2+.tr{border-top:0}
.fr{grid-template-columns:44px 1fr 70px 70px 190px}
.tr{grid-template-columns:40px 1fr 70px 70px 150px}
.fr:hover,.tr:hover{background:var(--sf2)}
.ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font:800 19px Rubik,sans-serif}
.fr h3,.tr h3{font-size:16px;font-weight:700;line-height:1.35}
.sub{color:var(--mute);font-size:13.5px}
.n{text-align:center}.n b{display:block;font:800 17px Rubik,sans-serif}.n span{font-size:12px;color:var(--mute)}
.last{font-size:13.5px;min-width:0}.last b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 16px Rubik,sans-serif}
.pill{background:#FCEBD9;color:#B35A0C;border-radius:6px;padding:1px 8px;font-size:12px;font-weight:700;margin-inline-end:8px}
:root[data-theme="dark"] .pill{background:#3B2A18;color:#F2A862}
.side h2{font-size:15.5px;font-weight:600;padding:11px 18px;border-bottom:1px solid var(--line)}
.side button{display:block;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:11px 18px;cursor:pointer}
.side h2+button{border-top:0}
.side button:hover{background:var(--sf2)}
.side button b{display:block;font-weight:500;line-height:1.4}
.bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.bar h1{font-size:24px}
.post{display:grid;grid-template-columns:150px 1fr;background:var(--sf);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:12px}
.pu{background:var(--sf2);padding:18px 12px;text-align:center;border-inline-end:1px solid var(--line);font-size:13px;color:var(--mute)}
.pu .av{width:60px;height:60px;font-size:24px;margin:0 auto 8px}
.pu b{display:block;color:var(--ink);font-size:15px}
.pc{padding:16px 20px}
.pc p{margin:8px 0 12px;max-width:70ch;white-space:pre-wrap;overflow-wrap:anywhere}
.like{background:var(--sf2);border:1px solid var(--line);border-radius:8px;padding:3px 12px;cursor:pointer;font-size:14px}
.like[aria-pressed="true"]{background:var(--acs);color:var(--ac);border-color:var(--ac)}
.reply{display:grid;gap:10px;padding:18px}
textarea,.in{width:100%;background:var(--sf);border:1px solid var(--line);border-radius:10px;padding:10px 14px}
textarea{min-height:90px;resize:vertical}
dialog{border:0;border-radius:16px;padding:22px;width:min(480px,92vw);background:var(--sf);color:var(--ink)}
dialog::backdrop{background:rgba(8,18,36,.6)}
dialog form{display:grid;gap:10px}
.empty{text-align:center;color:var(--mute);padding:34px 18px}
@media (max-width:820px){
.wrap{grid-template-columns:1fr;padding:14px 12px}
.search{display:none}.hd{justify-content:space-between}
.fr{grid-template-columns:44px 1fr}.tr{grid-template-columns:40px 1fr}
.fr .n,.fr .last,.tr .n,.tr .last{display:none}
.post{grid-template-columns:1fr}
.pu{display:flex;gap:12px;align-items:center;text-align:start;border-inline-end:0;border-bottom:1px solid var(--line);padding:10px 16px}
.pu .av{width:38px;height:38px;font-size:16px;margin:0}
}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
.card>h2+.mrow{border-top:0}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.acts .btn,.mb .btn{padding:5px 12px;font-size:13.5px}
.in.sm{width:auto;padding:5px 10px}
.rk{display:inline-block;border-radius:6px;padding:0 8px;font-size:12px;font-weight:700;background:var(--acs);color:var(--ac);margin-top:2px}
.rk.r-owner{background:#102542;color:#fff}
.rk.r-admin{background:#FCEBD9;color:#B35A0C}
.mb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--acs);border-radius:12px;padding:8px 14px;margin-bottom:12px;font-size:14px}
.mb .btn.ghost{background:var(--sf)}
.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tabs button{background:var(--sf);border:1px solid var(--line);border-radius:999px;padding:6px 16px;cursor:pointer}
.tabs button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.lnk{background:none;border:0;color:var(--ac);font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
#lerr{color:#C0392B;min-height:1.4em}
.ann{background:var(--acs);color:var(--ac);border:1px solid var(--line);border-radius:12px;padding:10px 16px;margin-bottom:16px;font-weight:500}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:16px}
.tile{background:var(--sf);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.tile b{display:block;font:800 26px Rubik,sans-serif;color:var(--ac)}
.tile span{color:var(--mute);font-size:13px}
.card>h2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.card>h2 .hin{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);color:#fff;width:220px}
input[type=color]{width:38px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--sf)}
.ic svg{display:block}
.fh{display:none}
@media(min-width:821px){
.fr,.tr{gap:0;padding:0;align-items:stretch}
.fr{grid-template-columns:76px 1fr 96px 96px 240px}
.tr{grid-template-columns:64px 1fr 90px 90px 180px}
.fr>*,.tr>*{padding:14px 16px;min-width:0}
.fr>.n,.fr>.last,.tr>.n,.tr>.last{border-inline-start:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.fr>.ic{width:auto;height:auto;border-radius:0;padding:0}
.tr>.av{width:40px;height:40px;padding:0;margin:12px auto;align-self:center}
.fh{display:grid;grid-template-columns:76px 1fr 96px 96px 240px;background:var(--sf2);border-top:1px solid var(--line);font-size:12.5px;color:var(--mute);font-weight:500}
.fh span{padding:7px 16px}.fh .c{text-align:center}
}
[hidden]{display:none!important}
body{background:radial-gradient(1000px 340px at 88% -60px,rgba(106,76,255,.12),transparent 70%),var(--bg)}
header{background:linear-gradient(100deg,#150E3A 0%,#2A1A78 55%,#4B1D8C 100%);box-shadow:0 4px 20px rgba(21,14,58,.35)}
.hd{gap:10px;padding:10px 18px}
.logo{gap:10px}
.logo svg{display:block;flex:none}
.wm{display:flex;flex-direction:column;align-items:flex-start;line-height:1}
.wm b{font:800 27px Rubik,Heebo,sans-serif;letter-spacing:-.5px;color:#fff}
.wm small{font-size:11.5px;color:#BDB4F5;margin-top:4px;font-weight:500}
.search{height:40px;border-radius:12px;padding:0 16px;font-size:14.5px}
.hb,.who{height:40px;border-radius:12px;padding:0 18px;font-size:14.5px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.btn{background:linear-gradient(135deg,#7C4DFF,#A04DFF)}
header .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
header .btn.ghost:hover{background:rgba(255,255,255,.2)}
.who{background:rgba(255,255,255,.1);color:#fff;font-weight:700;padding:0 14px}
.who .rk{margin:0;background:rgba(255,255,255,.18)!important;color:#fff!important}
.stats{background:rgba(8,5,30,.35);color:#CFC8F7;border-top:1px solid rgba(255,255,255,.08)}
.card>h2{background:linear-gradient(100deg,#241862,#3A2793)}
.tabs button[aria-pressed="true"]{background:var(--ac);color:#fff;border-color:var(--ac)}
.pill{background:#FFE3EC;color:#C2185B}
.rk.r-owner{background:linear-gradient(135deg,#7C4DFF,#00D4FF);color:#fff}
.rk.r-admin{background:#FFE3EC;color:#C2185B}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pill{background:#4A1730;color:#FF9DBB}}
:root[data-theme="dark"] .pill{background:#4A1730;color:#FF9DBB}
@media(max-width:820px){.hd{gap:6px;padding:8px 10px}.wm small,.who{display:none}.wm b{font-size:23px}.hb{height:38px;padding:0 12px;font-size:13.5px}.logo svg{width:34px;height:34px}.stats div{gap:14px;font-size:12.5px;padding:6px 12px}}
.pcn{display:block;margin-top:4px;font-size:12px;color:var(--mute)}
.pu .rk{margin-top:3px}
button.who{border:0;cursor:pointer;font-family:inherit}
footer{max-width:1100px;margin:0 auto;padding:0 18px calc(24px + env(safe-area-inset-bottom,0px))}
.lg{background:var(--sf);border:1px solid var(--line);border-radius:14px;padding:12px 16px;font-size:12.5px;color:var(--mute)}
.lg>b{display:block;color:var(--ink);font-size:13px;margin-bottom:8px}
.lgr{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;direction:ltr;margin-bottom:8px}
.lgi{direction:rtl;display:flex;flex-direction:column;align-items:flex-start;gap:5px;line-height:1.45}
#toast{position:fixed;inset-inline:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:90vw;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:20}
#toast.show{opacity:1}
.lg1{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;direction:ltr;font-size:13.5px;padding:4px 0}
.lg1 b{font-weight:700}
.lg1 i{font-style:normal;color:var(--mute);letter-spacing:-1px}
.lg1 span{direction:rtl;color:var(--mute);font-size:12.5px;margin-inline-start:6px}
.lgt{text-align:center;font-size:10.5px;color:var(--mute);margin-bottom:2px}
.lg1{flex-wrap:nowrap;gap:6px;font-size:11.5px;padding:0;white-space:nowrap}
.lg1 i{letter-spacing:-2px;font-size:11px}
@media(max-width:400px){.lg1{font-size:10.5px;gap:4px}}
button.lnk[data-rep^="u:"]{float:left;font-size:9.5px;font-weight:400;text-decoration:none;color:#A9A9B4;margin:4px 0 0 0!important;line-height:1}
button.lnk[data-rep^="u:"]:hover{color:var(--mute);text-decoration:underline}
.pa{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.pa .lnk{margin:0!important;font-size:12.5px;font-weight:500}
.pa button.lnk[data-rep^="u:"]{float:none;margin-inline:auto 0!important;font-size:10px;color:#A9A9B4;font-weight:400;text-decoration:none}
.sig{margin-top:12px;padding-top:8px;border-top:1px dashed var(--line);font-size:12px;color:var(--mute);font-style:italic;max-width:60ch;overflow-wrap:anywhere}
.lg1 i{letter-spacing:0;font-size:8px;color:#A9A9B4}
.lg1 i{letter-spacing:0;font-size:13px;line-height:1;color:#A9A9B4}
.lg1{gap:7px}
.lg1 i{font-size:0;line-height:0;width:5px;height:5px;border-radius:50%;background:#A9A9B4;display:block;flex:none}
.lg1{align-items:center}
.lg1 b{line-height:1.2}
.lg1 i{width:4px;height:4px;align-self:center;transform:translateY(-.5px)}
.sf{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);text-align:center}
.sfl{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 18px}
.sfl button{background:none;border:0;color:var(--mute);font-size:12.5px;cursor:pointer;padding:4px 0}
.sfl button:hover{color:var(--ac);text-decoration:underline}
.sfc{font-size:11.5px;color:var(--mute);margin-top:4px}
.lb{padding:18px 22px;max-width:75ch}
.lb h3{font-size:16px;margin:18px 0 4px}
.lb p{margin:0 0 6px}
.note{background:var(--acs);color:var(--ac);border-radius:10px;padding:8px 12px;font-size:13px}
.rg{display:grid;gap:8px;padding:18px 22px;max-width:480px}
.rg label{font-weight:500;margin-top:6px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;font-weight:400!important}
.chk input{margin-top:5px}
.cprow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cpimg{background:#F3F2FB;border:1px solid var(--line);border-radius:10px;line-height:0;overflow:hidden}
#rgerr{color:#C0392B;min-height:1.4em;font-size:14px}
.mw{position:relative}
.mbtn{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:inherit;font-weight:700;padding:0 14px}
.mbtn:hover{background:rgba(255,255,255,.2)}
.mbtn svg{width:18px;height:18px;flex:none}
.mn{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:230px;background:var(--sf);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 32px rgba(21,14,58,.28);padding:6px;z-index:30}
.mh{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.mi{display:block;width:100%;text-align:start;background:none;border:0;border-radius:8px;padding:9px 12px;font-size:14.5px;cursor:pointer;color:var(--ink)}
.mi:hover{background:var(--acs)}
.mi.out{color:#C0392B}
.msep{height:1px;background:var(--line);margin:4px 0}
.annwrap{max-width:1100px;margin:0 auto;padding:0 18px}
.annwrap:empty{display:none}
.ann2{margin-top:12px;display:flex;align-items:center;gap:10px;background:var(--sf);border:1px solid var(--line);border-inline-start:4px solid var(--k);border-radius:12px;padding:8px 12px;box-shadow:0 1px 3px rgba(21,14,58,.06)}
.kd{background:var(--k);color:#fff;border-radius:6px;padding:1px 9px;font-size:12px;font-weight:700;flex:none}
.at{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14.5px}
.ax{background:none;border:0;color:var(--mute);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
header #regBtn,header #auth{background:none;border:0;border-radius:0;padding:0 10px;color:#fff;font-weight:600}
header #regBtn:hover,header #auth:hover{background:none;text-decoration:underline}
@media(min-width:821px){.fr>.n,.tr>.n{align-items:center;text-align:center}}
header #regBtn,header #auth{padding:0 6px}
header #regBtn{margin-inline-end:-8px}
@media(max-width:820px){.hd{justify-content:flex-start}.logo{margin-inline-end:auto}}
.rt{display:block;font-size:12.5px;font-weight:700;margin-top:2px}
.mh b{display:block}
#main.pm{display:grid;grid-template-columns:220px 1fr;gap:0 20px;align-items:start}
#main.pm>.crumb,#main.pm>.bar{grid-column:1/-1}
#main.pm>.tabs{grid-column:1;grid-row:3/span 40;position:sticky;top:112px;flex-direction:column;flex-wrap:nowrap;gap:2px;background:var(--sf);border:1px solid var(--line);border-radius:12px;padding:8px;margin:0}
#main.pm>:not(.crumb):not(.bar):not(.tabs){grid-column:2;min-width:0}
.pm .tabs button{border:0;background:none;border-radius:8px;padding:10px 12px;text-align:start;color:var(--ink);font-weight:500;border-inline-start:3px solid transparent}
.pm .tabs button:hover{background:var(--sf2)}
.pm .tabs button[aria-pressed="true"]{background:var(--acs);color:var(--ac);font-weight:700;border-inline-start-color:var(--ac)}
.pm .bar{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
.pm .card{border-radius:12px;box-shadow:none}
.pm .card>h2{background:var(--sf2);color:var(--ink);border-bottom:1px solid var(--line);font-size:14.5px}
.pm .mrow{padding:14px 18px}
.pm .mrow:hover{background:var(--sf2)}
.pm .btn{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;background:var(--ac);color:#fff;border:1px solid var(--ac)}
.pm .btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.pm .btn.ghost:hover{border-color:var(--ac);color:var(--ac);background:var(--acs)}
.pm .btn[data-act="del"],.pm .btn[data-delf],.pm .btn[data-delu],.pm .btn[data-andel],.pm .btn[data-rkdel],.pm .btn[data-ban]{color:#D6453D}
.pm .btn[data-act="del"]:hover,.pm .btn[data-delf]:hover,.pm .btn[data-delu]:hover,.pm .btn[data-andel]:hover,.pm .btn[data-rkdel]:hover,.pm .btn[data-ban]:hover{border-color:#D6453D;background:rgba(214,69,61,.08);color:#D6453D}
.pm .in,.pm select,.pm textarea{border-radius:8px}
.pm .tile{border-radius:12px}
@media(max-width:820px){#main.pm{display:block}#main.pm>.tabs{position:static;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;margin-bottom:12px}.pm .tabs button{white-space:nowrap;border-inline-start:0;border-bottom:3px solid transparent;border-radius:6px}.pm .tabs button[aria-pressed="true"]{border-bottom-color:var(--ac)}}
.rd{color:var(--mute);font-weight:400}
#main,#aside{min-width:0}
@media(max-width:820px){
html,body{overflow-x:hidden}
.wrap{padding:12px 10px}
#main.pm>.tabs{position:sticky;top:96px;z-index:4;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px;margin:0 0 12px;box-shadow:0 2px 8px rgba(21,14,58,.08)}
#main.pm>.tabs::-webkit-scrollbar{display:none}
.pm .tabs button{flex:none;padding:9px 12px;font-size:14px}
.pm .bar{flex-direction:column;align-items:flex-start}
.pm .bar h1{font-size:21px}
.pm .card>h2{flex-wrap:wrap}
.pm .card>h2 .hin{width:auto;flex:1;min-width:0}
.pm .mrow{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px}
.pm .mrow>div{min-width:0!important;width:100%}
.pm .acts{width:100%;gap:6px}
.pm .acts .btn{flex:1 1 auto;min-height:38px}
.pm .acts select.in.sm{flex:1 1 140px;min-width:0;min-height:38px}
.pm .acts label{flex:1 1 100%}
.pm .in.sm{max-width:100%;width:100%}
.pm .reply{padding:14px}
.pm .tiles{grid-template-columns:repeat(2,1fr);gap:8px}
.pm .tile{padding:10px}
.pm .tile b{font-size:22px}
}
.st2{display:block;font-size:12px;color:var(--mute);margin-top:3px;font-weight:500}
.unl{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;text-align:inherit}
.unl:hover b,.unl:hover{text-decoration:underline}
.pu .unl{display:block;margin:0 auto}
.wb{display:inline-flex;gap:3px;margin:3px 4px 0;vertical-align:middle}
.wb i{font-style:normal;font-size:10.5px;font-weight:700;min-width:16px;height:16px;border-radius:4px;display:inline-grid;place-items:center;padding:0 3px}
.wy,.wl.y{background:#FACC15;color:#422006}.wr,.wl.r{background:#EF4444;color:#fff}
.wl{display:inline-block;border-radius:5px;padding:0 8px;font-size:12px;font-weight:700}
.wform.y{border-inline-start:4px solid #FACC15}.wform.r{border-inline-start:4px solid #EF4444}
.wbtn.y{border:1px solid #EAB308!important;color:#A16207!important}.wbtn.r{border:1px solid #EF4444!important;color:#DC2626!important}
.ph{display:flex;gap:14px;align-items:center;padding:18px 18px 6px}.ph .av{width:64px;height:64px;font-size:26px;flex:none}
.phn b{font-size:20px;display:block}
.tiles.pt{padding:8px 18px 0;margin-bottom:12px}
.pacts{padding:0 18px 16px;align-items:center}
.hr{display:block;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 18px;cursor:pointer}
.card>h2+.hr{border-top:0}.hr:hover{background:var(--sf2)}
.hr b{display:block;font-weight:600}.hr span{color:var(--mute);font-size:13.5px}
.pmr{display:flex;gap:12px;align-items:center;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 16px;cursor:pointer}
.pmr:first-child{border-top:0}.pmr:hover{background:var(--sf2)}.pmr.un{background:var(--acs)}
.pmt{flex:1;min-width:0}.pmt>.sub{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmh{display:flex;justify-content:space-between;gap:8px}
.ub{background:#FF3D8B;color:#fff;border-radius:999px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;margin-inline-start:6px;line-height:1}
.chat{display:flex;flex-direction:column;gap:10px;padding:16px;max-height:60vh;overflow-y:auto}
.msg{max-width:78%;background:var(--sf2);border:1px solid var(--line);border-radius:14px;padding:8px 12px;align-self:flex-end}
.msg.mine{align-self:flex-start;background:var(--acs);border-color:transparent}
.msg p{margin:0 0 2px;white-space:pre-wrap;overflow-wrap:anywhere}.msg span{font-size:11.5px;color:var(--mute)}
.wrules{margin:6px 0 0;padding-inline-start:18px;display:grid;gap:6px;font-size:14px}
.wrules .wl{margin-inline-end:6px}
.wset{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:8px}
.wset label{display:grid;gap:4px;font-size:13px;color:var(--mute)}
.wset .in.sm{width:100%}
.pa .pml{margin-inline-start:12px!important}
@media(max-width:820px){.ph .av{width:52px;height:52px}.tiles.pt{grid-template-columns:repeat(2,1fr)}.msg{max-width:90%}.pacts .btn{flex:1 1 auto}}

/* ===== v2 design ===== */
:root{--r:16px;--sh:0 1px 2px rgba(23,16,64,.05),0 12px 32px -20px rgba(23,16,64,.3);--grad:linear-gradient(120deg,#7C4DFF 0%,#A04DFF 55%,#00D4FF 100%)}
body{background:radial-gradient(1200px 420px at 85% -140px,rgba(106,76,255,.16),transparent 70%),radial-gradient(900px 380px at -10% 0%,rgba(255,90,138,.07),transparent 65%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.stats{display:none}
header{background:linear-gradient(100deg,rgba(21,14,58,.95),rgba(42,26,120,.95) 60%,rgba(75,29,140,.95));-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -14px rgba(10,6,40,.7)}
.search{background:rgba(255,255,255,.09) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C9C2F2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat right 14px center/17px;padding-inline-start:40px;transition:background-color .15s,border-color .15s}
.search:focus{background-color:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);outline:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;box-shadow:0 8px 18px -10px rgba(106,76,255,.85);transition:transform .15s,box-shadow .15s,filter .15s}
.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px)}
.btn.ghost{box-shadow:none}
.btn.ghost2{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none}
.btn.sm{padding:6px 14px;font-size:13.5px;border-radius:10px}
.card{border-radius:var(--r);box-shadow:var(--sh)}
.crumb{font-size:13.5px;margin-bottom:14px}
.crumb span{color:var(--mute)}
.pill.hot{background:#FFE3EC;color:#C2185B}
dialog{border-radius:20px;box-shadow:0 30px 80px -20px rgba(10,6,40,.55)}
#dlg{width:min(760px,95vw)}
/* hero */
.hero{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#1B1150 0%,#3B1F95 45%,#7B2FBF 78%,#E0457F 125%);color:#fff;padding:30px 30px 26px;margin-bottom:20px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;box-shadow:0 24px 50px -26px rgba(59,31,149,.75)}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 15% 0%,rgba(255,255,255,.12),transparent 70%);pointer-events:none}
.hero h1{font-size:30px;line-height:1.2;margin:0 0 8px;font-weight:800;letter-spacing:-.3px}
.hero p{margin:0;color:#DCD6FF;max-width:46ch}
.hero-a{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.hero .btn:not(.ghost2){background:#fff;color:#3B1F95;box-shadow:0 10px 24px -12px rgba(0,0,0,.6)}
.hero-t,.hero-s{position:relative;z-index:1}
.hero-s{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px}
.hs{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:10px 14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.hs b{display:block;font:800 22px Rubik,sans-serif}.hs span{font-size:12.5px;color:#DCD6FF;display:inline-flex;align-items:center}
.hero svg.mt{position:absolute;inset-inline-end:-10px;bottom:-8px;width:430px;opacity:.13;pointer-events:none}
.live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3EE89A;box-shadow:0 0 0 4px rgba(62,232,154,.25);margin-inline-end:7px}
/* categories */
.cat>h2{background:linear-gradient(100deg,#1E1450,#3A2793 60%,#5B2BA6);padding:12px 18px;font-size:15.5px;align-items:center}
.colb{background:rgba(255,255,255,.12);border:0;color:#fff;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.colb:hover{background:rgba(255,255,255,.22)}
.colb svg{transition:transform .2s}
.cat.col .colb svg{transform:rotate(90deg)}
.ict{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);transition:background .2s,color .2s,transform .2s}
.fr:hover .ict{background:var(--c);color:#fff;transform:translateY(-1px)}
.fr .ic{background:none!important}
.fr:hover h3{color:var(--ac)}
.lp{display:flex;gap:10px;align-items:center;min-width:0}.lp>div{min-width:0}
.av.xs{width:30px;height:30px;font-size:13px;border-radius:50%;flex:none}
@media(min-width:821px){.fr>.ic{display:grid;place-items:center;padding:0}}
@media(max-width:820px){.ict{width:42px;height:42px;border-radius:12px}.fr .ic{width:auto;height:auto}}
/* sidebar */
.side h2{display:flex;align-items:center;gap:8px}
.side .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;vertical-align:1px}
.team{padding:6px}
.side .tm{display:flex;align-items:center;gap:10px;border:0;border-radius:10px;padding:8px 10px}
.tm>span{display:flex;flex-direction:column;line-height:1.3;min-width:0}.tm small{font-size:12px;font-weight:600}
/* forum page */
.fhead{display:flex;gap:16px;align-items:center;background:var(--sf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px 22px;margin-bottom:14px;position:relative;overflow:hidden}
.fhead::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:var(--c)}
.fic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);flex:none}
.fic svg{width:30px;height:30px}
.fht{flex:1;min-width:0}.fht h1{font-size:24px}.fht p{margin:2px 0 4px;color:var(--mute)}
.th-cols{display:none}
@media(min-width:821px){.th-cols{display:grid;grid-template-columns:64px 1fr 90px 90px 180px;background:var(--sf2);border-bottom:1px solid var(--line);font-size:12.5px;color:var(--mute);font-weight:500}.th-cols span{padding:8px 16px}.th-cols .c{text-align:center}.tl .th-cols+.tr{border-top:0}}
@media(max-width:820px){.fhead{flex-wrap:wrap;padding:16px}.fhead .btn{width:100%}}
/* thread */
.thead{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px 22px 18px;display:flex;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:14px;position:relative;overflow:hidden}
.thead::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--grad)}
.tht{min-width:0}
.thchips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.chip{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:3px 12px 3px 10px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--c);cursor:pointer;font-family:inherit}
.chip svg{width:15px;height:15px}
.thead h1{font-size:27px;line-height:1.3;margin:0 0 12px;letter-spacing:-.2px}
.thm{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--mute);font-size:13.5px;align-items:center}
.thm span{display:inline-flex;align-items:center;gap:5px}
.thu{display:inline-flex;align-items:center;gap:8px}
.tha{display:flex;gap:8px;align-items:center;flex:none}
.rep{background:none;border:0;padding:5px;border-radius:8px;cursor:pointer;display:inline-grid;place-items:center;line-height:0;opacity:.7;transition:opacity .15s,background .15s}
.rep:hover{opacity:1;background:rgba(229,72,77,.1)}
.rep.wide{display:inline-flex;gap:6px;line-height:1;color:var(--mute);font-size:13.5px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;opacity:1;font-family:inherit}
.mb{background:var(--sf);border:1px dashed color-mix(in srgb,var(--ac) 45%,var(--line));border-radius:14px;padding:8px 12px;margin-bottom:14px}
.mb .btn{border-radius:8px;padding:5px 12px;font-size:13px;box-shadow:none}
.posts{display:grid;gap:14px;margin-bottom:16px}
.post{grid-template-columns:172px 1fr;margin:0;border-radius:var(--r);box-shadow:var(--sh);scroll-margin-top:120px}
.post.op{border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.post.flash{animation:fl 1.8s ease}
@keyframes fl{0%,45%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 50%,transparent)}100%{box-shadow:var(--sh)}}
.pu{background:linear-gradient(180deg,var(--sf2),var(--sf));padding:22px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.pu .pav{line-height:0;border-radius:50%;padding:3px;background:var(--grad)}
.pu .pav .av{width:66px;height:66px;font-size:26px;border:3px solid var(--sf);margin:0}
.pui{display:flex;flex-direction:column;align-items:center;gap:4px}
.pn b{font-size:15.5px}
.pc{padding:0;display:flex;flex-direction:column;min-width:0}
.phd{display:flex;align-items:center;gap:10px;padding:11px 20px;border-bottom:1px solid var(--line);font-size:13px;min-height:46px}
.pno{background:var(--acs);color:var(--ac);border:0;border-radius:7px;padding:2px 8px;font:700 12.5px Heebo,sans-serif;cursor:pointer}
.pbody{padding:16px 20px 8px;flex:1;font-size:15.5px}
.pc .sig{margin:6px 20px 0;padding:10px 0 12px}
.pa{margin:0;padding:8px 12px;border-top:1px solid var(--line);gap:2px;flex-wrap:wrap}
.lk,.pab{display:inline-flex;align-items:center;gap:6px;background:none;border:0;border-radius:9px;padding:7px 10px;color:var(--mute);font:500 13.5px Heebo,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.lk:hover,.pab:hover{background:var(--sf2);color:var(--ink)}
.lk.on{color:var(--ac);background:var(--acs)}.lk.on svg{fill:currentColor;fill-opacity:.2}
.pab.mq.on{color:var(--ac);background:var(--acs)}
.pab.del{color:#D6453D}.pab.del:hover{background:rgba(214,69,61,.08);color:#D6453D}
.pa .sp{flex:1}
.wcards{margin-inline-start:auto;display:inline-flex;gap:6px;align-items:center;padding:3px 6px;border-radius:8px}
.wcards:hover{background:var(--sf2)}
.wcards span{width:15px;height:21px;border-radius:3px;display:grid;place-items:center;font:800 10px Rubik,sans-serif;box-shadow:0 2px 5px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.35);transform:rotate(-8deg)}
.wcards .card-y{background:linear-gradient(160deg,#FFE45C,#F2B500);color:#5C4300}
.wcards .card-r{background:linear-gradient(160deg,#FF6166,#D22A2F);color:#fff;transform:rotate(7deg)}
#replybox{margin-top:4px}
#replybox h3{display:flex;align-items:center;gap:8px}
.mqbar{position:fixed;z-index:20;inset-inline:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:8px;background:#1B1546;color:#fff;border-radius:16px;padding:8px;box-shadow:0 18px 40px -10px rgba(10,6,40,.65);flex-wrap:wrap;justify-content:center}
.mqbar>span{display:inline-flex;align-items:center;gap:6px;font-size:14px;padding-inline:8px 4px}
@media(max-width:820px){
.thead{flex-direction:column;align-items:stretch;padding:18px 16px 14px}.thead h1{font-size:21px}.tha .btn{flex:1}
.post{grid-template-columns:1fr}
.pu{flex-direction:row;align-items:center;text-align:start;padding:12px 14px;border-inline-end:0;border-bottom:1px solid var(--line);gap:12px;background:var(--sf2)}
.pu .pav .av{width:44px;height:44px;font-size:18px;border-width:2px}
.pui{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:4px 8px}
.pui .pcn{width:100%;margin:0}
.phd{padding:9px 14px;min-height:40px}.pbody{padding:12px 14px 6px}.pc .sig{margin:4px 14px 0}
.pa{padding:6px 6px}.pa .hm{display:none}
}
/* rich content */
.bb{line-height:1.75;overflow-wrap:anywhere}
.bb strong{font-weight:700}
.bb ul{margin:6px 0;padding-inline-start:22px}
.al-center{text-align:center}.al-left{text-align:left}.al-right{text-align:right}
.fs1{font-size:.85em}.fs3{font-size:1.3em}.fs4{font-size:1.75em;line-height:1.35}
.ff-heebo{font-family:Heebo,sans-serif}.ff-rubik{font-family:Rubik,sans-serif}.ff-assistant{font-family:Assistant,sans-serif}.ff-varela{font-family:"Varela Round",sans-serif}.ff-secular{font-family:"Secular One",sans-serif}.ff-frank{font-family:"Frank Ruhl Libre",serif}.ff-mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.bbl{color:var(--ac);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;word-break:break-word}
.bbl svg{vertical-align:-1px;margin-inline-start:3px;opacity:.7}
.bbi{display:block;max-width:100%;max-height:520px;border-radius:12px;margin:8px 0;cursor:zoom-in;border:1px solid var(--line)}
.bbc{direction:ltr;text-align:left;background:#14112B;color:#E6E3FF;border-radius:12px;padding:12px 14px;overflow-x:auto;font:13px/1.6 ui-monospace,Menlo,Consolas,monospace;margin:8px 0;white-space:pre}
.spl{border:1px solid var(--line);border-radius:12px;margin:8px 0;background:var(--sf2)}
.spl summary{cursor:pointer;padding:8px 12px;font-weight:600;color:var(--ac);font-size:14px}
.spl>div{padding:0 12px 10px}
.qt{margin:8px 0 12px;border:1px solid var(--line);border-inline-start:4px solid var(--ac);background:var(--sf2);border-radius:12px;overflow:hidden}
.qh{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;color:var(--mute);background:color-mix(in srgb,var(--ac) 7%,transparent);border-bottom:1px solid var(--line)}
.qh b{color:var(--ink)}.qh svg{color:var(--ac);flex:none}
.qj{margin-inline-start:auto;background:none;border:0;color:var(--mute);cursor:pointer;border-radius:6px;padding:3px;line-height:0}
.qj:hover{color:var(--ac);background:var(--acs)}
.qb{padding:9px 12px;font-size:14.5px}
.qt .qt{background:var(--sf)}
.sig .bbi{max-height:110px}
.msg .bb{margin:0 0 2px}
/* editor */
.ed{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--sf);transition:border-color .15s,box-shadow .15s;text-align:start}
.ed:focus-within{border-color:color-mix(in srgb,var(--ac) 55%,var(--line));box-shadow:0 0 0 4px color-mix(in srgb,var(--ac) 12%,transparent)}
.tb{display:flex;align-items:center;gap:4px;padding:6px;border-bottom:1px solid var(--line);background:var(--sf2);border-radius:14px 14px 0 0;overflow-x:auto;scrollbar-width:thin}
.tg{display:flex;gap:2px;align-items:center;padding-inline-end:6px;margin-inline-end:2px;border-inline-end:1px solid var(--line);flex:none}
.tbb{min-width:32px;height:32px;display:inline-grid;place-items:center;border:0;background:none;border-radius:8px;color:var(--ink);cursor:pointer;font:600 15px/1 Heebo,sans-serif;padding:0 6px;flex:none;transition:background .12s,color .12s}
.tbb:hover{background:var(--acs);color:var(--ac)}
.tbb b{font-weight:800}.tbb i{font-family:Georgia,serif;font-style:italic;font-weight:700}
.tbb.txt{display:inline-flex;gap:5px;font-size:13px;padding:0 9px}
.tcol{font-weight:800;padding-bottom:1px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#E5484D,#F5B800,#30A46C,#0090FF,#7C4DFF) 1;line-height:1.1}
.tbs{height:32px;border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:8px;padding:0 6px;font:13px Heebo,sans-serif;cursor:pointer;flex:none}
.pvb{margin-inline-start:auto;border:1px solid var(--line);background:var(--sf)}
.ed .ta{border:0;border-radius:0 0 14px 14px;box-shadow:none;background:transparent;min-height:130px;padding:12px 14px;width:100%;resize:vertical;outline:none;line-height:1.7;display:block}
.ed .pv{padding:12px 14px;min-height:130px}
.ed.pvm .tg{opacity:.35;pointer-events:none}
.pop{position:absolute;z-index:40;background:var(--sf);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -12px rgba(23,16,64,.38);padding:12px;width:max-content;max-width:min(330px,calc(100vw - 32px))}
.sw{display:grid;grid-template-columns:repeat(6,28px);gap:6px}
.sw button{width:28px;height:28px;border-radius:8px;border:2px solid var(--sf);box-shadow:0 0 0 1px var(--line);cursor:pointer;transition:transform .12s}
.sw button:hover{transform:scale(1.12)}
.cc{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--mute)}
.pf{display:grid;gap:9px;width:280px;max-width:100%}
.pf label{display:grid;gap:4px;font-size:12.5px;color:var(--mute)}
.pfa{display:flex}
.or{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:12px}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.emo{width:304px;max-width:100%;max-height:270px;overflow-y:auto}
.emo h4{margin:6px 0 4px;font-size:12px;color:var(--mute);font-weight:500}
.eg{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}
.eg button{font-size:21px;line-height:1;padding:5px 0;border:0;background:none;border-radius:8px;cursor:pointer;transition:transform .1s,background .1s}
.eg button:hover{background:var(--acs);transform:scale(1.18)}
.eh{font-size:11.5px;color:var(--mute);margin-top:8px;border-top:1px solid var(--line);padding-top:6px}
/* lightbox */
.lb{position:fixed;inset:0;z-index:60;background:rgba(8,5,25,.9);display:grid;place-items:center;padding:24px;cursor:zoom-out}
.lb img{max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lbx{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));inset-inline-end:16px;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;font-size:24px;cursor:pointer}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding:22px 18px;border-radius:18px;gap:18px}.hero h1{font-size:23px}.hero-s{grid-template-columns:repeat(2,1fr)}.hero svg.mt{width:300px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.reply>*,dialog form>*{min-width:0}
.ed{min-width:0;max-width:100%}
@media(max-width:820px){.pui{flex:1}.pui .rk{margin-inline-start:auto}}
.card.reply,.card:has(.ed){overflow:visible}

/* v3 */
.av.hasp{background:#E9E6F7!important;overflow:hidden;padding:0}
.av img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.av.xl{width:88px;height:88px;font-size:34px}
.mb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mb>b{display:inline-flex;align-items:center;gap:6px;margin-inline-end:6px;color:var(--ac)}
.mb .btn,.acts .btn[data-act]{gap:6px}
.btn[data-act="del"]{color:#D6453D}
.btn[data-act="del"]:hover{border-color:#D6453D;background:rgba(214,69,61,.08)}
.post{display:block}
.ptop{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--sf2),var(--sf))}
.ptop .pav{line-height:0;border-radius:50%;padding:2.5px;background:var(--grad);flex:none;transition:transform .15s}
.ptop .pav:hover{transform:scale(1.04)}
.ptop .pav .av{width:50px;height:50px;font-size:20px;border:2.5px solid var(--sf)}
.pid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.pnl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pnl .pn b{font-size:16.5px}
.pnl .rk{margin:0}
.opb{font-size:11.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:6px;padding:1px 8px}
.pmeta{font-size:12.5px;color:var(--mute);display:flex;flex-wrap:wrap;gap:2px 8px;line-height:1.4}
.pmeta span+span::before{content:"·";margin-inline-end:8px;opacity:.6}
.ptl{display:flex;align-items:center;gap:8px;flex:none;align-self:flex-start}
.ptl .wcards{margin:0}
.pp{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ppv{padding:3px;border-radius:50%;background:var(--grad);line-height:0}
.ppv .av{border:3px solid var(--sf)}
.ppa{display:flex;gap:8px;flex-wrap:wrap}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px}
.gi{padding:0;border:0;background:none;border-radius:50%;cursor:pointer;line-height:0;transition:transform .15s,box-shadow .15s}
.gi img{width:100%;aspect-ratio:1;border-radius:50%;display:block}
.gi:hover{transform:scale(1.07)}
.gi.on{box-shadow:0 0 0 3px var(--sf),0 0 0 5px var(--ac)}
.urow{display:flex;gap:8px}.urow .in{flex:1;min-width:0}
@media(max-width:820px){.ptop{padding:12px 14px;gap:12px}.ptop .pav .av{width:44px;height:44px;font-size:18px}.pnl .pn b{font-size:15.5px}}

/* v4 */
body{background:var(--bg)}
body::after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(38% 32% at 88% 6%,rgba(106,76,255,.17),transparent 70%),radial-gradient(34% 30% at 6% 28%,rgba(255,90,138,.10),transparent 70%),radial-gradient(42% 38% at 62% 98%,rgba(14,165,233,.09),transparent 70%)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420' fill='none' stroke='%236A4CFF' stroke-opacity='.10' stroke-width='1.1'%3E%3Cpath d='M0 54C70 24 140 84 210 54S350 24 420 54'/%3E%3Cpath d='M0 74C70 46 140 102 210 74S350 46 420 74'/%3E%3Cpath d='M0 94C70 68 140 120 210 94S350 68 420 94'/%3E%3Cpath d='M0 214C80 244 150 184 230 214S360 244 420 214'/%3E%3Cpath d='M0 234C80 262 150 206 230 234S360 262 420 234'/%3E%3Cpath d='M0 344C60 320 130 372 210 344S350 318 420 344'/%3E%3Cpath d='M0 364C60 342 130 390 210 364S350 340 420 364'/%3E%3Cellipse cx='96' cy='150' rx='48' ry='22'/%3E%3Cellipse cx='96' cy='150' rx='30' ry='13'/%3E%3Cellipse cx='96' cy='150' rx='13' ry='5'/%3E%3Cellipse cx='320' cy='290' rx='42' ry='19'/%3E%3Cellipse cx='320' cy='290' rx='24' ry='10'/%3E%3C/svg%3E");background-size:420px 420px;-webkit-mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.45) 55%,rgba(0,0,0,.15));mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.45) 55%,rgba(0,0,0,.15))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body::before{opacity:.6;filter:brightness(1.6)}:root:not([data-theme="light"]) body::after{opacity:.7}}
.annwrap{display:grid;gap:8px;padding-top:12px}
.ann2{margin-top:0;background:color-mix(in srgb,var(--k) 7%,var(--sf));border-color:color-mix(in srgb,var(--k) 25%,var(--line))}
.at small{display:block;font-size:11.5px;color:var(--mute);margin-top:1px}
.trw{display:grid;grid-template-columns:1fr 124px;border-top:1px solid var(--line)}
.trw>.tr{border-top:0}
.thw{border-top:0}.thw+.trw{border-top:0}
.rtools{display:flex;align-items:center;justify-content:center;gap:2px;border-inline-start:1px solid var(--line);background:color-mix(in srgb,var(--sf2) 60%,transparent)}
.rtb{width:34px;height:34px;display:grid;place-items:center;border:0;background:none;border-radius:9px;color:var(--mute);cursor:pointer;transition:background .15s,color .15s}
.rtb:hover{background:var(--acs);color:var(--ac)}
.rtb[aria-pressed="true"]{color:var(--ac);background:var(--acs)}
.rtb.del:hover{background:rgba(229,72,77,.1);color:#E5484D}
.rtb.arm,.rtb.arm:hover{background:#E5484D;color:#fff;animation:pulse 1s ease infinite}
@keyframes pulse{50%{box-shadow:0 0 0 4px rgba(229,72,77,.25)}}
.rth{background:var(--sf2);border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);font-size:12.5px;color:var(--mute);font-weight:500;display:grid;place-items:center}
@media(max-width:820px){.thw{display:none}.trw{grid-template-columns:1fr 44px}.rtools{flex-direction:column;gap:0;padding:2px 0}.rtb{width:36px;height:30px}}
.bsel{border-color:color-mix(in srgb,#E5484D 40%,var(--line))!important;color:#D6453D;font-weight:600}
/* panel nav */
#main.pm>.ptabs{gap:0;padding:10px 8px}
.tgp{display:flex;flex-direction:column;gap:2px}
.tgp+.tgp{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.tgh{font-size:11.5px;color:var(--mute);font-weight:700;padding:4px 12px 2px;letter-spacing:.2px}
.pm .ptabs button{display:flex;align-items:center;gap:10px;width:100%}
.pm .ptabs button svg{flex:none;opacity:.8}
.pm .ptabs button span{flex:1}
.tc{font-style:normal;background:#FF3D8B;color:#fff;border-radius:999px;font-size:11px;font-weight:700;min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 6px}
@media(max-width:820px){#main.pm>.ptabs{flex-direction:row;padding:4px}.tgp{flex-direction:row;flex:none}.tgh{display:none}.tgp+.tgp{margin:0;padding:0 0 0;border-top:0;border-inline-start:1px solid var(--line);padding-inline-start:4px;margin-inline-start:4px}.pm .ptabs button{width:auto}.pm .ptabs button span{flex:none}}
.ufb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ufb .in{flex:1 1 220px;width:auto}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.fchip{border:1px solid var(--line);background:var(--sf);border-radius:999px;padding:6px 14px;font:500 13.5px Heebo,sans-serif;cursor:pointer;color:var(--ink);transition:background .15s}
.fchip:hover{background:var(--sf2)}
.fchip[aria-pressed="true"]{background:var(--ac);color:#fff;border-color:var(--ac)}
.ugh{display:flex;align-items:center;gap:8px;padding:10px 18px 7px;font-size:12.5px;font-weight:700;color:var(--mute);background:var(--sf2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ugh em{font-style:normal;background:var(--acs);color:var(--ac);border-radius:999px;padding:0 8px;font-size:11.5px}
.ulist .ugh:first-child{border-top:0}
.ulist .ugh+.mrow{border-top:0}
.uinfo{display:flex;gap:12px;align-items:center;min-width:0}
.av.sm2{width:40px;height:40px;font-size:16px;flex:none}
/* team */
.tgt{font-size:16px;margin:20px 0 10px;display:flex;align-items:center;gap:8px}
.tgt span{background:var(--acs);color:var(--ac);border-radius:999px;font-size:12px;padding:0 9px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tcard{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;position:relative;overflow:hidden;transition:transform .2s}
.tcard:hover{transform:translateY(-2px)}
.tcard::before{content:"";position:absolute;inset-inline:0;top:0;height:58px;background:linear-gradient(135deg,color-mix(in srgb,var(--c) 32%,transparent),color-mix(in srgb,var(--c) 8%,transparent))}
.tav{position:relative;line-height:0;border-radius:50%;padding:3px;background:var(--sf);margin-bottom:6px;box-shadow:0 6px 16px -8px rgba(0,0,0,.35)}
.av.tlg{width:74px;height:74px;font-size:28px}
.tnm b{font-size:16px}
.trk{font-weight:700;font-size:13.5px}
.tsc{font-size:12px;background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:1px 10px;margin:3px 0}
.tcard .btn{margin-top:8px}
@media(max-width:820px){.tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tcard{padding:18px 10px 14px}.av.tlg{width:62px;height:62px;font-size:24px}}

/* v5: header not sticky */
header{position:relative;top:auto}
#main.pm>.tabs{top:12px}
@media(max-width:820px){#main.pm>.tabs{top:8px}}
.post{scroll-margin-top:20px}

/* v6: no sideways scroll, responsive */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden;max-width:100%}
@supports (overflow:clip){html,body{overflow-x:clip}}
img,svg,video,canvas{max-width:100%}
h1,h2,h3,.tr h3,.fr h3,.at,.pmt,.last b,.sub,.thm,.crumb{overflow-wrap:anywhere;min-width:0}
.wrap>*,.tr>*,.fr>*,.mrow>*,.pid,.tht,.fht,.hero-t,.hero-s{min-width:0}
.hd{min-width:0}.logo{min-width:0;flex-shrink:0}
@media(max-width:820px){input,select,textarea,.in,.tbs{font-size:16px!important}.search{font-size:16px}}
@media(min-width:821px) and (max-width:1100px){.wrap{grid-template-columns:1fr 240px;gap:16px;padding:18px 16px}.fr{grid-template-columns:68px 1fr 84px 84px 200px}.hero{grid-template-columns:1fr}.hero-s{grid-template-columns:repeat(4,1fr)}#main.pm{grid-template-columns:200px 1fr}}
@media(min-width:821px) and (max-width:960px){.wrap{grid-template-columns:1fr}#aside{display:none}.fr{grid-template-columns:64px 1fr 80px 80px 180px}.tr,.th-cols{grid-template-columns:56px 1fr 80px 80px 150px}}
@media(max-width:380px){.wrap{padding:10px 8px}.hero{padding:18px 14px}.hero h1{font-size:21px}.hs b{font-size:19px}.btn{padding:9px 14px}.wm b{font-size:21px}.mbtn{padding:0 10px}.mn{max-width:70px}.tbb{min-width:30px}}
@media(max-width:820px){.annwrap{padding:10px 12px 0}}@media(max-width:380px){.annwrap{padding:8px 8px 0}}

#lform .fgl{justify-self:start;font-size:13.5px;font-weight:500;margin-top:-4px}
.fgd{justify-items:center;text-align:center;max-width:520px;margin:0 auto}
.fgd p{margin:0}
.fgi{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:var(--acs);color:var(--ac);margin-bottom:4px}
.fgd .acts{justify-content:center;margin-top:6px}
#fgerr{color:#C0392B;min-height:1.4em;font-size:14px}
.fgback{justify-self:start;font-size:13.5px;margin-top:4px}

/* v8 profile */
.prof-h{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);overflow:hidden;margin-bottom:14px}
.cover{height:124px;position:relative;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 80%,#1B1150),color-mix(in srgb,var(--c) 55%,#00D4FF))}
.cover svg{position:absolute;inset:0;width:100%;height:100%}
.phb{display:flex;gap:16px;align-items:flex-end;padding:0 22px 16px;margin-top:-50px;position:relative;flex-wrap:wrap}
.phav{padding:4px;border-radius:50%;background:var(--sf);line-height:0;box-shadow:0 8px 22px -10px rgba(0,0,0,.45);flex:none}
.phav .av{width:104px;height:104px;font-size:40px}
.phn2{flex:1;min-width:180px;padding-top:56px}
.phn2 h1{font-size:25px;margin:0 0 2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.phn2 .rt{font-size:14px}
.phmeta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--mute);font-size:13.5px;margin-top:8px}
.phmeta span{display:inline-flex;align-items:center;gap:5px}
.pha{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pcrow{padding:0 22px 12px}
.pstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));border-top:1px solid var(--line)}
.pstats div{padding:12px 8px;text-align:center}
.pstats div+div{border-inline-start:1px solid var(--line)}
.pstats b{display:block;font:800 20px Rubik,sans-serif}
.pstats span{font-size:12.5px;color:var(--mute)}
.seg{display:flex;width:max-content;max-width:100%;background:var(--sf);border:1px solid var(--line);border-radius:14px;padding:4px;gap:2px;margin-bottom:14px;overflow-x:auto;box-shadow:var(--sh)}
.seg button{border:0;background:none;padding:8px 14px;border-radius:10px;font:600 14px Heebo,sans-serif;color:var(--mute);cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;transition:background .15s,color .15s}
.seg button:hover{color:var(--ink);background:var(--sf2)}
.seg button[aria-pressed="true"]{background:var(--ac);color:#fff}
.seg.in2{margin:12px 14px;box-shadow:none}
.pgrid{display:grid;grid-template-columns:320px 1fr;gap:14px;align-items:start}
.pcol{min-width:0}
.about{padding:16px 18px;display:grid;gap:14px}
.bio{margin:0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
.dl{display:grid;gap:11px}
.dl>div{display:grid;grid-template-columns:20px 74px 1fr;gap:8px;align-items:start;font-size:14px}
.dl svg{color:var(--ac);margin-top:2px}
.dlk{color:var(--mute)}
.dlv{overflow-wrap:anywhere}
.vtag{font-style:normal;display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--mute);background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:0 7px;margin-inline-start:4px;vertical-align:1px}
.soc{display:flex;flex-wrap:wrap;gap:8px}
.soc>a,.soc>span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13.5px;color:var(--ink);text-decoration:none;background:var(--sf2);transition:border-color .15s,color .15s}
.soc>a:hover{border-color:var(--ac);color:var(--ac)}
.soc svg{color:var(--ac)}
.card.reply h3{display:flex;align-items:center;gap:8px}
.card.reply h3 svg{color:var(--ac)}
.pform{display:grid;gap:14px}
.frow{display:grid;grid-template-columns:1fr 130px;gap:10px;align-items:start}
.fl,.vl{display:grid;gap:5px;font-size:13.5px;color:var(--ink);font-weight:600}
.vl{color:var(--mute);font-weight:500;font-size:12.5px}
.vl .in{padding:9px 10px}
.lbi{display:inline-flex;align-items:center;gap:6px}.lbi svg{color:var(--ac)}
.fnote{font-size:12.5px;color:var(--mute);font-weight:400}
.warnnote{color:#B45309}
.ferr{color:#C0392B;min-height:1.2em;font-size:14px}
@media(max-width:900px){.pgrid{grid-template-columns:1fr}}
@media(max-width:600px){.cover{height:96px}.phb{padding:0 14px 14px;margin-top:-44px;gap:10px}.phav .av{width:86px;height:86px;font-size:34px}.phn2{padding-top:0;min-width:100%}.phn2 h1{font-size:21px}.pha{width:100%}.pha .btn{flex:1 1 auto}.pcrow{padding:0 14px 12px}.frow{grid-template-columns:1fr}.seg{width:100%}.seg button{flex:1;justify-content:center;padding:8px 8px}.pstats b{font-size:18px}}
.pstats{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
@media(max-width:600px){.pstats div{padding:10px 4px}.pstats span{font-size:11.5px}}

/* v9 feed + community strip */
.feed{margin-bottom:18px}
.fdh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.fdh h2{font-size:17px;margin:0;display:flex;align-items:center;gap:4px}
.fsw{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--sf2);border:1px solid var(--line);border-radius:12px;padding:3px;isolation:isolate}
.fsl{position:absolute;z-index:-1;top:3px;bottom:3px;inset-inline-start:3px;width:calc(50% - 3px);border-radius:9px;background:var(--grad);box-shadow:0 6px 14px -8px rgba(106,76,255,.9);transition:transform .38s cubic-bezier(.4,.1,.2,1)}
.feed[data-cur="hot"] .fsl{transform:translateX(-100%)}
.fsw button{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:9px;font:600 13.5px Heebo,sans-serif;color:var(--mute);cursor:pointer;transition:color .3s;white-space:nowrap}
.fsw button[aria-selected="true"]{color:#fff}
.fdb{display:grid;overflow:hidden}
.fdp{grid-area:1/1;display:grid;grid-template-columns:1fr 1fr;transition:opacity .35s ease,transform .38s cubic-bezier(.4,.1,.2,1),visibility .38s}
.fdp[aria-hidden="true"]{opacity:0;visibility:hidden;pointer-events:none}
.feed[data-cur="hot"] .fdp[data-p="new"]{transform:translateX(28px)}
.feed[data-cur="new"] .fdp[data-p="hot"]{transform:translateX(-28px)}
.tpi{display:grid;grid-template-columns:40px 1fr auto;gap:12px;align-items:center;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 18px;cursor:pointer;min-width:0;transition:background .15s}
.fdp .tpi:nth-child(-n+2){border-top:0}
.fdp .tpi:nth-child(odd){border-inline-end:1px solid var(--line)}
.tpi:hover{background:var(--sf2)}
.tpi:hover b{color:var(--ac)}
.tpic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c)}
.tpic svg{width:21px;height:21px}
.tpt{display:flex;flex-direction:column;min-width:0}
.tpt b{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.tpt .sub{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tpr{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:3px 9px}
.cstat{margin:22px 0 4px;display:flex;align-items:center;gap:20px;padding:18px 22px;border-radius:var(--r);background:color-mix(in srgb,var(--sf) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);position:relative;overflow:hidden;flex-wrap:wrap}
.cstat::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad)}
.csg{flex:1 1 260px;display:flex;flex-direction:column;gap:3px;min-width:0}
.csw{font:800 19px Rubik,Heebo,sans-serif;letter-spacing:-.2px}
.csd{color:var(--mute);font-size:14px}
.csn{font-size:13px;color:var(--mute)}
.csa{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.css{display:flex;flex:2 1 460px;justify-content:space-between;gap:0}
.csi{display:flex;align-items:center;gap:10px;flex:1;padding:4px 14px;min-width:0}
.csi+.csi{border-inline-start:1px solid var(--line)}
.csic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
.csic .live{margin:0}
.csi b{display:block;font:800 18px Rubik,sans-serif;line-height:1.2}
.csi div span{font-size:12.5px;color:var(--mute);white-space:nowrap}
@media(max-width:820px){.fdp{grid-template-columns:1fr}.fdp .tpi:nth-child(odd){border-inline-end:0}.fdp .tpi:nth-child(2){border-top:1px solid var(--line)}.fdh{padding:12px 14px}.fsw{width:100%}.tpi{padding:11px 14px;grid-template-columns:36px 1fr auto;gap:10px}.tpic{width:36px;height:36px}
.cstat{padding:16px 14px;gap:14px}.css{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.csi{padding:8px 10px;background:var(--sf2);border-radius:12px}.csi+.csi{border:0}}
@media(prefers-reduced-motion:reduce){.fsl,.fdp{transition:none}}
@media(max-width:820px){.tpt b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}}

/* v10 community bar */
.cbar{display:flex;align-items:stretch;margin:26px 0 0;border-radius:14px;background:color-mix(in srgb,var(--sf) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 1px 2px rgba(23,16,64,.04)}
.cbi{flex:1;display:flex;align-items:center;gap:10px;padding:12px 16px;min-width:0}
.cbi+.cbi{border-inline-start:1px solid var(--line)}
.cbic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
.cbic .live{margin:0}
.cbi b{display:block;font:800 17px Rubik,sans-serif;line-height:1.2}
.cbi span{font-size:12px;color:var(--mute);white-space:nowrap}
.cbn{flex:1.3}
.cbn .av.xs{width:34px;height:34px}
.cbn b{font-size:14.5px}
@media(max-width:820px){.cbar{display:grid;grid-template-columns:1fr 1fr}.cbi{padding:11px 12px}.cbi+.cbi{border-inline-start:0}.cbi:nth-child(even){border-inline-start:1px solid var(--line)}.cbi:nth-child(n+3){border-top:1px solid var(--line)}.cbn{grid-column:1/-1;border-inline-start:0!important;justify-content:center}}
.cbn>div{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}.cbn>div .unl b{font-size:15px}

/* v11: community bar title + accent line */
.cbt{display:flex;align-items:center;gap:14px;margin:30px 0 12px}
.cbt h2{margin:0;font:800 15px Rubik,Heebo,sans-serif;letter-spacing:.2px;white-space:nowrap;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cbtl{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.cbtl:last-child{background:linear-gradient(90deg,var(--line),transparent)}
.cbar{margin-top:0;position:relative;overflow:hidden}
.cbar::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--grad)}
.cbtl{height:2px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,#00D4FF 55%,transparent),transparent)}
.cbtl:last-child{background:linear-gradient(90deg,transparent,color-mix(in srgb,#7C4DFF 55%,transparent))}
.cbt h2{font-size:16px}

/* v12 icons */
.icimg{width:26px;height:26px;object-fit:contain;display:block}
.chip .icimg{width:15px;height:15px}.fic .icimg{width:32px;height:32px}.tpic .icimg{width:22px;height:22px}
.cth{display:inline-flex;align-items:center;gap:10px}
.cati{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;flex:none;overflow:hidden}
.cati img{width:20px;height:20px;object-fit:contain}
.fmc{overflow:visible}
.fmh{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(100deg,#1E1450,#3A2793 60%,#5B2BA6);border-radius:var(--r) var(--r) 0 0;color:#fff;flex-wrap:wrap}
.fmh .in{flex:1 1 180px;width:auto;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff;font-weight:700}
.fmh .sub{color:#CFC8F7}
.fmh .btn.del{background:rgba(255,255,255,.12);color:#FFC2C4;border-color:rgba(255,255,255,.2)}
.icb{position:relative;border:0;background:none;padding:0;cursor:pointer;border-radius:12px;line-height:0;flex:none}
.icb i{position:absolute;bottom:-4px;inset-inline-start:-4px;width:18px;height:18px;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 2px var(--sf);opacity:0;transition:opacity .15s}
.icb:hover i,.icb:focus-visible i,.icb[aria-expanded="true"] i{opacity:1}
.icb.cat i{box-shadow:0 0 0 2px #3A2793}
.icb[aria-expanded="true"] .ict,.icb[aria-expanded="true"] .cati{box-shadow:0 0 0 2px var(--sf),0 0 0 4px var(--ac)}
.fmr+.fmr,.fmh+.fmr,.icwrap+.fmr{border-top:1px solid var(--line)}
.fmrow{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap}
.fmf{flex:1 1 260px;display:grid;gap:6px;min-width:0}
.fmf .in{padding:8px 12px}
.fmf .in+.in{font-size:13.5px;color:var(--mute)}
.fma{display:flex;align-items:center;gap:10px}
.clr input,.fcl input{width:38px;height:34px;border:1px solid var(--line);border-radius:9px;padding:2px;background:var(--sf);cursor:pointer}
.fcl{grid-template-columns:auto;justify-items:start}
.btn.del{color:#D6453D}
.icwrap{padding:4px 16px 16px;background:var(--sf2);border-top:1px solid var(--line)}
.icp{display:grid;gap:10px;margin-top:6px}
.icg{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}
.ici{height:44px;border:1px solid var(--line);background:var(--sf);border-radius:11px;display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:background .12s,color .12s,border-color .12s,transform .12s}
.ici:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}
.ici[aria-checked="true"]{background:var(--ac);border-color:var(--ac);color:#fff;box-shadow:0 6px 14px -8px rgba(106,76,255,.9)}
.icu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.icprev{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ac);font-weight:600}
.icprev img{width:34px;height:34px;object-fit:contain;border-radius:9px;background:var(--sf);border:2px solid var(--ac);padding:3px}
.fmadd{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.fmadd .fl{font-weight:600}
@media(max-width:1000px){.fmadd{grid-template-columns:1fr}}
@media(max-width:600px){.fmrow{padding:12px}.fma{width:100%;justify-content:space-between}.icg{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.ici{height:40px}}
.sfl{flex-wrap:nowrap;white-space:nowrap}
@media(max-width:600px){.sfl{gap:2px 12px}.sfl button{font-size:12px}}
@media(max-width:370px){.sfl{gap:2px 8px}.sfl button{font-size:11px}}
@media(max-width:330px){.sfl{gap:2px 6px}.sfl button{font-size:10.5px}}

/* v13 design studio */
.dsw{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}
.dsmain{min-width:0}
.dsn{flex-wrap:nowrap}
.dsk{margin-bottom:14px}
.dsk h3{display:flex;align-items:center;gap:8px;margin:0;padding:14px 18px;border-bottom:1px solid var(--line);font-size:15.5px}
.dsk h3 svg{color:var(--ac)}
.dsb{padding:6px 18px 12px}
.dsr{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);min-width:0}
.dsb>.dsr:first-child,.dsb>p+.dsr{border-top:0}
.dsr.col{flex-direction:column;align-items:stretch;gap:6px}
.dsl{font-size:14px;font-weight:600;display:flex;flex-direction:column;gap:1px;min-width:0}
.dsl small{font-size:12px;font-weight:400;color:var(--mute)}
.dsc{display:flex;align-items:center;gap:8px;flex:none}
.dsc input[type=color]{width:42px;height:36px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--sf);cursor:pointer}
.dsh{width:96px!important;padding:7px 10px;font:500 13.5px ui-monospace,Menlo,monospace!important;text-transform:uppercase}
.dsg{display:flex;align-items:center;gap:10px;flex:0 1 260px}
.dsg input[type=range]{flex:1;accent-color:var(--ac);min-width:0}
.dsg output{min-width:52px;text-align:center;font:700 13px Rubik,sans-serif;color:var(--ac);background:var(--acs);border-radius:8px;padding:3px 6px}
.dss{width:auto;min-width:170px;padding:8px 10px}
.swt{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;cursor:pointer;flex:none;transition:background .2s}
.swt::after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.swt:checked{background:var(--ac)}
.swt:checked::after{transform:translateX(-18px)}
.swt:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.dspr{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;padding:6px 0 4px}
.dspi{border:1px solid var(--line);background:var(--sf);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;align-items:stretch;font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;color:var(--ink);transition:border-color .15s,transform .15s}
.dspi:hover{transform:translateY(-2px);border-color:var(--ac)}
.dspi.on{border-color:var(--ac);box-shadow:0 0 0 3px var(--acs)}
.dspv{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;height:34px;border-radius:9px;overflow:hidden;border:1px solid var(--line)}
.dslg{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0}
.dslp{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--sf2);border:1px solid var(--line);overflow:hidden}
.dslp img{width:56px;height:56px;object-fit:contain}
.dsfp{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin-top:6px;background:var(--sf2);border:1px dashed var(--line);border-radius:12px}
.dsfp b{font-size:20px}
.dsj{font:12.5px/1.5 ui-monospace,Menlo,monospace;margin:8px 0}
.dsside{position:sticky;top:12px}
.dsprev{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg);box-shadow:var(--sh)}
.dsp-h{display:flex;align-items:center;gap:8px;padding:10px 12px;color:#fff;font-size:14px}
.dsp-h i{margin-inline-start:auto;width:46px;height:18px;border-radius:7px;background:rgba(255,255,255,.18)}
.dsp-lg{width:22px;height:22px;border-radius:7px;background:var(--grad)}
.dsp-body{padding:12px}
.dsp-card{background:var(--sf);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.dsp-ch{color:#fff;font-weight:700;font-size:13.5px;padding:9px 12px}
.dsp-cb{padding:12px;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.dsp-t{font-size:15px}
.dsp-cb p{margin:6px 0;font-size:.95em}
.dsp-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dsp-f{font-size:11.5px;color:var(--mute);text-align:center;padding:0 12px 10px}
.lgimg{width:38px;height:38px;object-fit:contain;border-radius:10px;flex:none}
.btn.del{color:#D6453D}
@media(max-width:1180px){.dsw{grid-template-columns:1fr}.dsside{position:static;order:-1}.dsprev{max-width:420px}}
@media(max-width:600px){.dsr{flex-wrap:wrap}.dsg{flex:1 1 100%}.dss{flex:1 1 100%;min-width:0}.dsb{padding:4px 14px 10px}.dsk h3{padding:12px 14px}.lgimg{width:34px;height:34px}}
@media(min-width:601px){.dsn{flex-wrap:wrap;width:100%;overflow:visible}}

/* v14 legal pages */
.lb{max-width:none}
.lgnav{width:100%;flex-wrap:wrap}
.lgw{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}
.lgtoc{position:sticky;top:12px}
.lgtoc h2{background:none!important;color:var(--ink)!important;font-size:14px;padding:14px 16px 6px}
.lgtoc ol{list-style:none;margin:0;padding:4px 8px 10px;counter-reset:t}
.lgtoc li{counter-increment:t}
.lgtoc button{display:flex;gap:8px;width:100%;text-align:start;background:none;border:0;border-radius:8px;padding:7px 8px;font-weight:500;font-size:13.5px;font-family:inherit;color:var(--mute);cursor:pointer;line-height:1.4}
.lgtoc button::before{content:counter(t);flex:none;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;font:700 11px Rubik,sans-serif;background:var(--sf2);color:var(--ac);border:1px solid var(--line)}
.lgtoc button:hover{background:var(--sf2);color:var(--ink)}
.lgb{padding:8px 26px 20px}
.lgnote{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ac);background:var(--acs);border-radius:10px;padding:9px 12px;margin:14px 0 6px}
.lgs{padding:16px 0;border-top:1px solid var(--line);scroll-margin-top:16px;max-width:72ch}
.lgnote+.lgs{border-top:0}
.lgs h2{display:flex;align-items:center;gap:10px;font-size:17px;margin:0 0 6px;background:none!important;color:var(--ink)!important;padding:0}
.lgn{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--grad);color:#fff;font:800 13px Rubik,sans-serif;flex:none}
.lgs p{margin:0;line-height:1.85;color:var(--ink);padding-inline-start:38px}
.lgs.flash{animation:lgf 1.6s ease}
@keyframes lgf{0%,40%{background:var(--acs)}100%{background:transparent}}
.lgend{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--mute)}
.ctg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}
.ctc{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ctc h2{background:none!important;color:var(--ink)!important;padding:0;font-size:17px;margin:4px 0 0}
.ctc p{margin:0;color:var(--mute);line-height:1.7;font-size:14.5px}
.ctc .btn{margin-top:6px}
.cti{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 13%,transparent);color:var(--c)}
.cti svg{width:24px;height:24px}
.ctm{font-weight:600;color:var(--ac);background:var(--acs);border-radius:10px;padding:8px 12px;margin-top:6px}
.lgfaq{padding-bottom:6px}
.faq{border-top:1px solid var(--line)}
.lgfaq h2+.faq{border-top:0}
.faq summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 20px Rubik,sans-serif;color:var(--ac);transition:transform .2s}
.faq[open] summary::after{transform:rotate(45deg)}
.faq p{margin:0;padding:0 18px 14px;color:var(--mute);line-height:1.7}
@media(max-width:900px){.lgw{grid-template-columns:1fr}.lgtoc{position:static}.ctg{grid-template-columns:1fr}}
@media(max-width:600px){.lgb{padding:6px 16px 16px}.lgs p{padding-inline-start:0;margin-top:4px}.lgnav{flex-wrap:nowrap}.lgnav button{flex:none}}
@media(min-width:821px){.fdp .tpi:last-child:nth-child(odd){grid-column:1/-1;border-inline-end:0}}
.pvrow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pvmv{font-weight:600}

/* v16 online status + cover */
.av[data-st]{position:relative;overflow:visible}
.av.hasp[data-st]{overflow:visible}
.av[data-st]::after{content:"";position:absolute;bottom:1%;inset-inline-end:1%;width:24%;height:24%;min-width:9px;min-height:9px;max-width:18px;max-height:18px;border-radius:50%;background:#A3A8BC;border:2px solid var(--sf);box-sizing:border-box}
.av[data-st="on"]::after{background:#22C55E;box-shadow:0 0 0 2px color-mix(in srgb,#22C55E 25%,transparent)}
.av.xs[data-st]::after{display:none}
.ston{display:inline-flex;align-items:center;gap:5px;color:var(--mute);font-weight:500}
.ston i{width:8px;height:8px;border-radius:50%;background:#A3A8BC;flex:none}
.ston.on{color:#15803D}
.ston.on i{background:#22C55E;box-shadow:0 0 0 3px color-mix(in srgb,#22C55E 22%,transparent);animation:stp 2.4s ease-in-out infinite}
@keyframes stp{50%{box-shadow:0 0 0 5px color-mix(in srgb,#22C55E 8%,transparent)}}
:root[data-theme="dark"] .ston.on{color:#4ADE80}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ston.on{color:#4ADE80}}
.pmeta .ston{font-size:12.5px}
.phmeta .ston{font-size:13.5px}
.tcard .ston{font-size:12.5px;margin-top:2px}
.stg{color:#15803D;font-weight:600}
.cover .cvimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cover.hasc svg{display:none}
.cover.hasc{height:190px}
.cover.hasc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,6,30,.35))}
.cvbtn{position:absolute;z-index:2;top:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:7px 12px;background:rgba(10,6,30,.45);color:#fff;font:600 13px Heebo,sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .15s}
.cvbtn:hover{background:rgba(10,6,30,.65)}
.cvprev{position:relative;height:130px;border-radius:14px;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 80%,#1B1150),color-mix(in srgb,var(--c) 55%,#00D4FF));display:grid;place-items:center;margin-bottom:26px}
.cvprev>span{color:rgba(255,255,255,.85);font-size:13.5px;font-weight:500}
.cvprev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cvprev{overflow:visible}
.cvprev img{border-radius:14px}
.cvav{position:absolute;bottom:-22px;inset-inline-start:18px;padding:3px;border-radius:50%;background:var(--sf);line-height:0}
.cvav .av{width:56px;height:56px;font-size:22px}
.cvgal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cvi{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;line-height:0;background:none;transition:transform .15s,border-color .15s}
.cvi img{width:100%;aspect-ratio:4/1;object-fit:cover;display:block}
.cvi:hover{transform:translateY(-2px)}
.cvi.on{border-color:var(--ac);box-shadow:0 0 0 3px var(--acs)}
.tcard.hc::before{background:center/cover var(--cv);height:70px}
@media(max-width:600px){.cover.hasc{height:132px}.cvbtn span{display:none}.cvbtn{padding:8px}.cvgal{grid-template-columns:repeat(2,minmax(0,1fr))}.cvprev{height:104px}}

/* v17 forum manager */
.fmtop{overflow:visible;margin-bottom:16px;position:relative;z-index:3}
.fmtop-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap}
.fmtop-t{display:flex;flex-direction:column;gap:2px}
.fmtop-t h3{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}
.fmtop-t h3 svg{color:var(--ac)}
.fmtop-a{display:flex;gap:8px;flex-wrap:wrap}
.fmform{display:grid;grid-template-columns:minmax(150px,1fr) minmax(170px,1.2fr) minmax(200px,2fr) auto auto;gap:12px;align-items:end;padding:16px 18px;border-top:1px solid var(--line);background:var(--sf2);border-radius:0 0 var(--r) var(--r);animation:fmin .22s ease}
.fmform.fc{grid-template-columns:minmax(220px,2fr) auto}
@keyframes fmin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.fmform .fl{display:grid;gap:6px;font-size:13px;font-weight:600;min-width:0}
.fmform .in{padding:9px 12px}
.fmbtn{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.icdd{position:relative}
.icdd-t{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 10px 0 6px;border:1px solid var(--line);border-radius:12px;background:var(--sf);color:var(--ink);font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;transition:border-color .15s}
.icdd-t:hover,.icdd-t[aria-expanded="true"]{border-color:var(--ac)}
.icdd-t .ict{width:32px;height:32px;border-radius:9px}
.icdd-t .ict svg{width:18px;height:18px}
.icdd-t>svg{color:var(--mute);transition:transform .2s}
.icdd-t[aria-expanded="true"]>svg{transform:rotate(180deg)}
.icdd-t .icimg{width:20px;height:20px}
.icdd-pop{position:absolute;z-index:50;top:calc(100% + 8px);inset-inline-start:0;width:372px;max-width:calc(100vw - 32px);background:var(--sf);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -16px rgba(23,16,64,.42);padding:12px;animation:fmin .16s ease;color:var(--ink);font-weight:400}
.icph{display:flex;gap:8px;align-items:center}
.icph .in{flex:1;padding:8px 12px}
.icx{width:34px;height:34px;flex:none;border:0;border-radius:9px;background:var(--sf2);color:var(--mute);font-size:20px;cursor:pointer}
.icx:hover{color:var(--ink)}
.icgc{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px;scrollbar-width:none}
.icgc::-webkit-scrollbar{display:none}
.icgc .fchip{flex:none;padding:4px 11px;font-size:12.5px}
.icdd-pop .icg{grid-template-columns:repeat(8,1fr);gap:5px;max-height:232px;overflow-y:auto;padding:2px;margin:0}
.icdd-pop .ici{height:38px;border-radius:10px}
.icdd-pop .ici svg{width:20px;height:20px}
.icdd-pop .ici[aria-pressed="true"]{background:var(--ac);border-color:var(--ac);color:#fff}
.icdd-pop .ici[hidden]{display:none}
.icempty{text-align:center;color:var(--mute);font-size:13px;padding:18px 0}
.icdd-pop .icu{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.fmh .icdd-pop{color:var(--ink)}
.fmplus{gap:4px;background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.fmh .btn.del{background:rgba(255,255,255,.12)!important}
.fmc{position:relative}
.fmc:has(.icdd-pop:not([hidden])){z-index:5}
@media(max-width:1000px){.fmform{grid-template-columns:1fr 1fr}.fmform .fwide{grid-column:1/-1}}
@media(max-width:600px){.fmform,.fmform.fc{grid-template-columns:1fr 1fr}.fmform .fl:nth-child(1),.fmform .fl:nth-child(2){grid-column:1/-1}.fmform.fc .fl:first-child{grid-column:1/-1}.fmtop-a{width:100%}.fmtop-a .btn{flex:1}.fmbtn .btn{flex:1}
.icdd-pop{position:fixed;top:auto!important;bottom:8px;inset-inline:8px!important;width:auto;max-width:none;max-height:78vh;overflow-y:auto;border-radius:18px}
.icdd-pop .icg{grid-template-columns:repeat(7,1fr);max-height:42vh}
.fmplus span{display:none}}

/* v18 permissions */
.no-newTopic [data-new],.no-pm [data-pmto],.no-pm [data-go="pm"],.no-pm .pml,.no-report [data-rep],.no-img [data-pop="img"]{display:none!important}
.no-like .lk{pointer-events:none;opacity:.55}
.prchips{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 16px}
.prc{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--sf);border-radius:12px;padding:8px 12px;font-weight:600;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.prc i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.prc em{font-style:normal;font-size:11.5px;color:var(--mute);background:var(--sf2);border-radius:999px;padding:1px 7px}
.prc:hover{border-color:var(--c)}
.prc.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,var(--sf));box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 16%,transparent)}
.prhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;flex-wrap:wrap;border-inline-start:5px solid var(--c)}
.prhead h3{display:flex;align-items:center;gap:8px;margin:0 0 2px;font-size:19px;color:var(--c)}
.prhead h3 i{width:12px;height:12px;border-radius:50%;background:var(--c)}
.prnote{display:flex;align-items:center;gap:8px;background:var(--sf2);border:1px dashed var(--line);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:13.5px;color:var(--mute)}
.prg{margin-bottom:14px}
.prgh{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--sf2)}
.prgh h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px;flex:1}
.prgh h3 svg{color:var(--ac)}
.prga{display:flex;gap:12px;font-size:12.5px}
.prr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;cursor:pointer;transition:background .12s}
.prr+.prr{border-top:1px solid var(--line)}
.prr:hover{background:var(--sf2)}
.prr.dis{cursor:default}
.prr.dis .prt{opacity:.75}
.prt{display:flex;flex-direction:column;gap:2px;min-width:0}
.prt b{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prt>span{font-size:12.5px;color:var(--mute)}
.prwhy{display:inline-flex!important;align-items:center;gap:4px;color:#B45309!important;font-size:11.5px!important}
.psens{font-style:normal;font-size:10.5px;font-weight:700;color:#C2410C;background:#FFEDD5;border-radius:999px;padding:1px 7px}
.swt:disabled{opacity:.45;cursor:not-allowed}
.prsec{font-size:16px;margin:22px 0 12px}
.ptw{overflow:hidden}
.ptscroll{overflow-x:auto;max-width:100%}
.ptab{border-collapse:separate;border-spacing:0;width:100%;min-width:760px;font-size:13.5px}
.ptab th,.ptab td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:center}
.ptab thead th{position:sticky;top:0;background:var(--sf2);font-size:12.5px;white-space:nowrap}
.ptab thead th span{color:var(--c);font-weight:800}
.ptab thead th:first-child,.ptab tbody th{text-align:start;position:sticky;inset-inline-start:0;background:var(--sf);z-index:1}
.ptab thead th:first-child{background:var(--sf2);z-index:2}
.ptab tbody th{font-weight:500;min-width:190px}
.ptab tbody th b{font-weight:600}
.ptab tbody th .psens{margin-inline-start:6px}
.ptg td{text-align:start!important;background:var(--acs);color:var(--ac);font-weight:700;font-size:13px;position:sticky;inset-inline-start:0}
.ptg td svg{vertical-align:-2px}
.pcb{display:inline-grid;place-items:center;cursor:pointer}
.pcb input{position:absolute;opacity:0;pointer-events:none}
.pcb span{width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;transition:background .12s,border-color .12s}
.pcb input:checked+span{background:var(--ac);border-color:var(--ac)}
.pcb input:checked+span::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.pcb input:focus-visible+span{outline:3px solid var(--ac);outline-offset:2px}
.pcb.dis{cursor:not-allowed}
.pcb.dis span{opacity:.5}
@media(max-width:600px){.prr{padding:12px 14px}.prgh{padding:12px 14px;flex-wrap:wrap}.prchips{padding:0 14px 14px}.prc{padding:7px 10px;font-size:13px}}
.ptscroll{position:relative;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.pcb{position:relative}
.pcb input{inset:0;width:100%;height:100%;margin:0}
.ptw{contain:paint}
@media(max-width:820px){.ptab{min-width:640px;font-size:12.5px}.ptab tbody th{min-width:150px}.ptab th,.ptab td{padding:8px 6px}}
.ptg td{position:static!important}
.ptgl{position:sticky;inset-inline-start:10px;display:inline-flex;align-items:center;gap:6px}

/* v19 permissions draft */
.pcb.chg span{box-shadow:0 0 0 3px var(--sf),0 0 0 5px #22C55E}
.pcb.chg.rem span{box-shadow:0 0 0 3px var(--sf),0 0 0 5px #E5484D;border-style:dashed;border-color:#E5484D}
.prr.chg{background:color-mix(in srgb,#22C55E 8%,var(--sf));box-shadow:inset 3px 0 0 #22C55E}
.prr.chg.rem{background:color-mix(in srgb,#E5484D 7%,var(--sf));box-shadow:inset 3px 0 0 #E5484D}
.prr.chg .prt b::after{content:"שינוי ממתין";font-size:10.5px;font-weight:700;color:#15803D;background:#DCFCE7;border-radius:999px;padding:1px 7px}
.prr.chg.rem .prt b::after{color:#B91C1C;background:#FEE2E2}
.pbar{position:fixed;z-index:25;inset-inline:0;bottom:calc(14px + env(safe-area-inset-bottom,0px));margin:auto;width:max-content;max-width:calc(100vw - 20px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;background:#1B1546;color:#fff;border-radius:16px;padding:9px 10px 9px 12px;box-shadow:0 18px 44px -10px rgba(10,6,40,.7);animation:fmin .2s ease}
.pbar[hidden]{display:none}
.pbi{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding-inline-start:4px}
.pbi em{font-style:normal;font-size:12px;font-weight:700;border-radius:999px;padding:1px 8px}
.pba{background:rgba(34,197,94,.22);color:#86EFAC}
.pbr{background:rgba(229,72,77,.22);color:#FCA5A5}
.pbb{display:flex;gap:8px}
#main.pm:has(#pbar:not([hidden])){padding-bottom:70px}
@media(max-width:600px){.pbar{gap:8px;padding:8px}.pbb{width:100%}.pbb .btn{flex:1}}

/* v21 delete user */
.btn.dang{color:#D6453D!important;border:1px solid color-mix(in srgb,#E5484D 45%,var(--line))!important;background:transparent!important}
.btn.dang:hover{background:rgba(229,72,77,.08)!important;border-color:#E5484D!important}
.dudlg{width:min(480px,94vw);padding:0;border-top:4px solid #E5484D}
.dud{display:grid;gap:14px;padding:22px}
.dudh{display:flex;gap:14px;align-items:flex-start}
.dudi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(229,72,77,.12);color:#E5484D;flex:none}
.dudh h2{margin:0 0 2px;font-size:19px}
.dudh p{margin:0;color:#D6453D;font-size:14px;font-weight:600}
.dudu{display:flex;gap:12px;align-items:center;background:var(--sf2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.dudu .av{width:42px;height:42px;font-size:17px}
.dudu b{display:block}
.dudu span{font-size:13px;color:var(--mute)}
.dudl{margin:0;padding-inline-start:20px;display:grid;gap:6px;font-size:14px;line-height:1.55;color:var(--ink)}
.dud .fl{display:grid;gap:6px;font-size:14px;font-weight:500}
.dudb{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}
.btn.dudel{white-space:nowrap;background:#E5484D!important;box-shadow:0 8px 18px -10px rgba(229,72,77,.9)!important}
.btn.dudel:disabled{opacity:.4;cursor:not-allowed;box-shadow:none!important;filter:grayscale(.3)}
@media(max-width:600px){.dudb .btn{flex:1}}
.ducc{background:rgba(229,72,77,.06);border:1px solid color-mix(in srgb,#E5484D 30%,var(--line));border-radius:12px;padding:10px 12px}
.ducc span{display:flex;flex-direction:column;gap:2px}
.ducc small{font-size:12.5px;color:var(--mute);font-weight:400}
#ducont.dur{color:#D6453D;font-weight:600}

/* v22 rank dialog */
.rkb{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--c) 40%,var(--line))!important;color:var(--ink)!important;background:color-mix(in srgb,var(--c) 7%,var(--sf))!important}
.rkb i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.rkb span{font-weight:700;color:var(--c)}
.rkb small{font-size:12px;color:var(--mute);font-weight:500}
.rkb svg{color:var(--mute)}
.rkdlg{border-top-color:var(--ac)}
.rki{background:var(--acs)!important;color:var(--ac)!important}
.rksub{color:var(--mute)!important;font-weight:400!important}
.rkol{display:grid;gap:8px;max-height:46vh;overflow-y:auto;padding:2px}
.rko{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}
.rko:hover{border-color:var(--c)}
.rko input{position:absolute;opacity:0;pointer-events:none}
.rko>i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center}
.rko input:checked~i{border-color:var(--c);background:var(--c);box-shadow:inset 0 0 0 3px var(--sf)}
.rko:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 8%,var(--sf))}
.rko input:focus-visible~i{outline:3px solid var(--ac);outline-offset:2px}
.rko span{display:flex;flex-direction:column;flex:1;min-width:0}
.rko b{color:var(--c)}
.rko small{font-size:12.5px;color:var(--mute)}
.rko em{font-style:normal;font-size:11px;font-weight:700;background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;color:var(--mute)}
#rkscope:empty{display:none}
#rkscope .fl{display:grid;gap:6px;font-size:14px;font-weight:600}
.rkne{font-size:13.5px;color:#B45309;background:#FFFBEB;border:1px solid #FDE68A;border-radius:10px;padding:8px 12px}
.mrow.flash{animation:lgf 1.8s ease}
.dudb .btn{white-space:nowrap}
.rko:focus-within{outline:none}

/* v23 */
.ufb{flex-wrap:nowrap}
.useg{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;scrollbar-width:none;padding:2px}
.useg::-webkit-scrollbar{display:none}
.usb{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--sf);border-radius:12px;padding:8px 12px;font-weight:600;font-size:14px;font-family:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.usb svg{color:var(--mute)}
.usb em{font-style:normal;font-size:11.5px;font-weight:700;min-width:22px;text-align:center;background:var(--sf2);color:var(--mute);border-radius:999px;padding:1px 7px}
.usb:hover{border-color:var(--ac)}
.usb[aria-pressed="true"]{background:var(--ac);border-color:var(--ac);color:#fff}
.usb[aria-pressed="true"] svg{color:#fff}
.usb[aria-pressed="true"] em{background:rgba(255,255,255,.22);color:#fff}
.usb.ub2 em{background:rgba(229,72,77,.12);color:#D6453D}
.usb.ub2[aria-pressed="true"]{background:#E5484D;border-color:#E5484D}
.usb.ub2[aria-pressed="true"] em{background:rgba(255,255,255,.25);color:#fff}
.ubn{display:flex;align-items:center;gap:8px;background:rgba(229,72,77,.06);border:1px solid color-mix(in srgb,#E5484D 25%,var(--line));color:#B42318;border-radius:12px;padding:10px 14px;margin-bottom:12px;font-size:13.5px}
dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
html.mdl,html.mdl body{overflow:hidden}
dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.useg{flex-wrap:wrap;overflow:visible}
@media(max-width:600px){.usb{padding:7px 10px;font-size:13.5px}}

/* v24 theme switch */
.thmw{position:relative}
.thbtn{width:40px;padding:0!important;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;display:inline-grid;place-items:center;transition:background .15s}
.thbtn:hover{background:rgba(255,255,255,.2)}
.thm{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;width:280px;max-width:calc(100vw - 24px);background:var(--sf);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -12px rgba(23,16,64,.4);padding:6px;animation:fmin .16s ease}
.thh{font-size:12px;font-weight:700;color:var(--mute);padding:8px 10px 4px}
.tho{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:none;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--ink);font:inherit}
.tho:hover{background:var(--sf2)}
.tho[aria-checked="true"]{background:var(--acs)}
.toi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--sf2);color:var(--ac);flex:none}
.tho[aria-checked="true"] .toi{background:var(--ac);color:#fff}
.tho>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.tho b{font-size:14px}.tho small{font-size:12px;color:var(--mute)}
.tok{color:var(--ac)}
.thsep{height:1px;background:var(--line);margin:6px 4px}
.thsw{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;cursor:pointer}
.thsw>span{display:flex;flex-direction:column}.thsw b{font-size:14px}.thsw small{font-size:12px;color:var(--mute)}
@media(max-width:820px){.thbtn{width:38px;height:38px}}
/* v24 chat */
.chw{position:fixed;z-index:35;inset-inline-end:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px))}
.chw[hidden]{display:none}
.chl{position:relative;display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 18px 0 16px;border:0;border-radius:999px;background:var(--grad);color:#fff;font-weight:700;font-size:15px;font-family:inherit;cursor:pointer;box-shadow:0 14px 30px -10px rgba(106,76,255,.75);transition:transform .15s,box-shadow .15s}
.chl:hover{transform:translateY(-2px)}
.chl[aria-expanded="true"]{transform:scale(.92);opacity:.0;pointer-events:none}
.chl em{position:absolute;top:-4px;inset-inline-start:-4px;min-width:22px;height:22px;border-radius:999px;background:#FF3B5C;color:#fff;font:700 11.5px Rubik,sans-serif;display:grid;place-items:center;padding:0 6px;border:2px solid var(--bg);font-style:normal}
.chp{position:absolute;bottom:0;inset-inline-end:0;width:370px;height:min(560px,calc(100dvh - 110px));display:flex;flex-direction:column;background:var(--sf);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 70px -20px rgba(23,16,64,.5);overflow:hidden;animation:chin .22s cubic-bezier(.3,1.2,.5,1);transform-origin:bottom left}
.chp[hidden]{display:none}
@keyframes chin{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.chh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(110deg,#1E1450,#3A2793 60%,#5B2BA6);color:#fff}
.chht{display:flex;flex-direction:column;gap:3px;min-width:0}
.chht b{font:800 16px Rubik,Heebo,sans-serif}
.chon{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#DCD6FF!important}
.chon .live{margin-inline-end:5px}
.chstack{display:inline-flex}
.chstack .av{width:22px;height:22px;font-size:10px;border:2px solid #3A2793;margin-inline-start:-7px}
.chstack .av:first-child{margin-inline-start:0}
.chha{display:flex;gap:4px}
.chi{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.chi:hover{background:rgba(255,255,255,.22)}
.chtabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--sf2)}
.chtabs button{flex:1;border:0;background:none;border-radius:9px;padding:7px;font-weight:600;font-size:13px;font-family:inherit;color:var(--mute);cursor:pointer}
.chtabs button[aria-pressed="true"]{background:var(--sf);color:var(--ac);box-shadow:0 1px 3px rgba(23,16,64,.1)}
.chlist{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:2px;overscroll-behavior:contain;background:radial-gradient(400px 200px at 100% 0,color-mix(in srgb,var(--ac) 5%,transparent),transparent)}
.chday{text-align:center;margin:10px 0 6px}
.chday span{font-size:11.5px;color:var(--mute);background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:2px 10px}
.chsys{text-align:center;font-size:12.5px;color:var(--mute);margin:6px 0;padding:6px 10px;background:var(--acs);border-radius:10px}
.chm{display:flex;gap:8px;align-items:flex-end;margin-top:8px;position:relative}
.chm.cont{margin-top:2px}
.chav{width:30px;flex:none;line-height:0}
.chav .av{width:30px;height:30px;font-size:12px}
.chb{max-width:78%;background:var(--sf2);border:1px solid var(--line);border-radius:16px 16px 16px 6px;padding:6px 11px 5px;min-width:0}
.chm.cont .chb{border-radius:16px 6px 6px 16px}
.chn{display:flex;align-items:baseline;gap:6px;margin-bottom:1px}
.chn b{font-size:13px}
.chr{font-size:11px;font-weight:700}
.chx{font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.chmn{color:var(--ac);font-weight:700}
.cht{display:block;font-size:10.5px;color:var(--mute);text-align:end;margin-top:1px}
.chm.mine{flex-direction:row-reverse}
.chm.mine .chb{background:var(--grad);color:#fff;border:0;border-radius:16px 16px 6px 16px}
.chm.mine .cht{color:rgba(255,255,255,.8)}
.chm.mine .bbl,.chm.mine .chmn{color:#fff}
.chm.ment .chb{border-color:#F5B800;background:color-mix(in srgb,#F5B800 12%,var(--sf))}
.chdel{opacity:0;border:0;background:none;color:var(--mute);cursor:pointer;padding:4px;border-radius:7px;align-self:center;transition:opacity .15s}
.chm:hover .chdel,.chdel:focus-visible{opacity:1}
.chdel:hover{color:#E5484D;background:rgba(229,72,77,.08)}
@media(hover:none){.chdel{opacity:.55}}
.chtyp{min-height:22px;padding:0 14px;font-size:12px;color:var(--mute);display:flex;align-items:center;gap:6px}
.dots{display:inline-flex;gap:3px}
.dots i{width:5px;height:5px;border-radius:50%;background:var(--ac);animation:dt 1.2s infinite}
.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}
@keyframes dt{0%,60%,100%{opacity:.25;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.chf{position:relative;display:flex;gap:6px;align-items:center;padding:10px;border-top:1px solid var(--line)}
.chf[hidden]{display:none}
.chf .chi{background:var(--sf2);color:var(--mute)}
.chf .chi:hover{color:var(--ac)}
.chf .in{flex:1;min-width:0;border-radius:999px;padding:10px 14px}
.chs{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 14px -6px rgba(106,76,255,.8)}
.chs:disabled,.chf .in:disabled{opacity:.5;cursor:not-allowed}
.chemo{position:absolute;bottom:calc(100% + 6px);inset-inline-start:10px;width:260px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:var(--sf);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:0 14px 30px -10px rgba(23,16,64,.35)}
.chemo[hidden]{display:none}
.chemo button{border:0;background:none;font-size:20px;line-height:1;padding:5px 0;border-radius:8px;cursor:pointer}
.chemo button:hover{background:var(--acs)}
.chul{display:grid;gap:4px}
.chu{display:flex;align-items:center;gap:10px;border:0;background:none;border-radius:12px;padding:8px;cursor:pointer;text-align:start;width:100%}
.chu:hover{background:var(--sf2)}
.chu>span{display:flex;flex-direction:column;line-height:1.3}
.chu small{font-size:12px;color:var(--mute)}
@media(max-width:600px){.chw{inset-inline-end:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chl{height:50px;padding:0 14px}.chlt{display:none}
.chp{position:fixed;inset:0;width:auto;height:100dvh;border-radius:0;border:0}.chh{padding-top:calc(12px + env(safe-area-inset-top,0px))}.chf{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}
@media(prefers-reduced-motion:reduce){.chp,.chl,.dots i{animation:none!important;transition:none!important}}
@media(max-width:600px){.hd{position:relative}.thmw{position:static}.thm{top:calc(100% + 4px);inset-inline:10px;width:auto;max-width:none}}
.thm{text-align:start}.tho>span:nth-child(2),.thsw>span{align-items:flex-start;text-align:start}

/* v25 view as member */
.vamrow{padding:0 22px 14px}
.vamc{display:inline-flex;align-items:flex-start;gap:9px;cursor:pointer;background:var(--sf2);border:1px dashed var(--line);border-radius:12px;padding:9px 12px;max-width:100%}
.vamc input{margin-top:3px;width:17px;height:17px;accent-color:var(--ac);flex:none;cursor:pointer}
.vamc span{display:flex;flex-direction:column;gap:1px}
.vamc b{font-size:14px}
.vamc small{font-size:12px;color:var(--mute)}
.vamc:has(input:checked){border-style:solid;border-color:#F5B800;background:color-mix(in srgb,#F5B800 10%,var(--sf))}
.vamb{position:sticky;top:0;z-index:30;background:linear-gradient(90deg,#FFF4CC,#FFE9A8);color:#5C4300;border-bottom:1px solid #F5D06B;box-shadow:0 4px 14px -8px rgba(92,67,0,.4)}
.vamb[hidden]{display:none}
.vambi{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 18px;font-size:13.5px;flex-wrap:wrap}
.vambi>span{flex:1;min-width:200px}
.vambi .btn{background:#5C4300!important;box-shadow:none!important;color:#fff}
@media(max-width:600px){.vamrow{padding:0 14px 12px}.vambi{padding:8px 12px}.vambi .btn{width:100%}}

/* v26 own chat bubbles: soft tint */
.chm.mine .chb{background:color-mix(in srgb,var(--ac) 13%,var(--sf));color:var(--ink);border:1px solid color-mix(in srgb,var(--ac) 26%,var(--line));border-radius:16px 16px 6px 16px}
.chm.mine.cont .chb{border-radius:16px 6px 6px 16px}
.chm.mine .cht{color:color-mix(in srgb,var(--ac) 70%,var(--mute))}
.chm.mine .bbl,.chm.mine .chmn{color:var(--ac)}
.chm.mine .chb{background:color-mix(in srgb,var(--ac) 19%,var(--sf));border-color:color-mix(in srgb,var(--ac) 38%,var(--line));box-shadow:inset -3px 0 0 color-mix(in srgb,var(--ac) 70%,transparent)}
.chm.mine .cht{font-weight:600}

/* v27 header icons + notifications */
.hicon{position:relative;width:40px;padding:0!important;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;cursor:pointer;display:inline-grid;place-items:center;transition:background .15s}
.hicon[hidden]{display:none}
.hicon:hover{background:rgba(255,255,255,.2)}
.hicon em{position:absolute;top:-6px;inset-inline-start:-6px;min-width:19px;height:19px;border-radius:999px;background:#FF3B5C;color:#fff;font:700 10.5px Rubik,sans-serif;font-style:normal;display:grid;place-items:center;padding:0 5px;border:2px solid #2A1A78}
.hicon em[hidden]{display:none}
.ntw{position:relative}
.ntp{position:absolute;z-index:40;top:calc(100% + 8px);inset-inline-end:0;width:360px;max-width:calc(100vw - 24px);background:var(--sf);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -12px rgba(23,16,64,.42);overflow:hidden;animation:fmin .16s ease;text-align:start}
.nth{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}
.nth b{font-size:15px}.nth .lnk{font-size:12.5px}
.ntl2{max-height:min(420px,60vh);overflow-y:auto;overscroll-behavior:contain}
.nti{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:11px 14px;cursor:pointer;color:var(--ink);font:inherit;position:relative}
.ntl2 .nti:first-child{border-top:0}
.nti:hover{background:var(--sf2)}
.nti.un{background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.nti.un::before{content:"";position:absolute;inset-inline-end:10px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--ac)}
.nti .av{flex:none;width:38px;height:38px}
.ntt2{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;padding-inline-end:12px}
.ntl{font-size:13.5px;line-height:1.45}
.ntq{font-size:12.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-inline-start:2px solid var(--line);padding-inline-start:7px}
.nti small{font-size:11.5px;color:var(--ac);font-weight:600}
.ntk{position:absolute;top:34px;inset-inline-start:40px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;border:2px solid var(--sf);background:var(--ac)}
.ntk.quote{background:#0EA5E9}.ntk.mention{background:#F59E0B}
.nte{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:28px 20px;color:var(--mute)}
.nte svg{color:var(--ac);opacity:.6}
.nte b{color:var(--ink)}
.nte span{font-size:13px}
.nttoast{position:fixed;z-index:45;top:calc(14px + env(safe-area-inset-top,0px));inset-inline-end:14px;width:340px;max-width:calc(100vw - 28px);background:var(--sf);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px -12px rgba(23,16,64,.45);overflow:hidden}
.nttoast[hidden]{display:none}
.nttoast.in{animation:ntin .35s cubic-bezier(.3,1.3,.5,1)}
@keyframes ntin{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.nttoast .nti{border-top:0;background:none;padding-inline-start:34px}
.nttoast .nti::before{display:none}
.ntx{position:absolute;z-index:1;top:8px;inset-inline-start:8px;width:24px;height:24px;border:0;border-radius:7px;background:var(--sf2);color:var(--mute);display:grid;place-items:center;cursor:pointer}
.nttoast::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--grad);transform-origin:left;animation:ntbar 6.5s linear forwards}
@keyframes ntbar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
/* PM inbox/outbox */
.pmbar{flex-wrap:wrap;gap:10px}
.pmseg{margin:4px 0 12px}
.pmseg .ub{margin-inline-start:4px}
.pmr2{display:flex;gap:12px;align-items:center;width:100%;text-align:start;background:none;border:0;border-top:1px solid var(--line);padding:12px 16px;cursor:pointer;color:var(--ink);font:inherit}
.card>.pmr2:first-child{border-top:0}
.pmr2:hover{background:var(--sf2)}
.pmr2.un{background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.pmr2.un .pmh b{font-weight:800}
.pmr2 .av{flex:none}
.udot{width:9px;height:9px;border-radius:50%;background:var(--ac);flex:none}
.bcr{cursor:default}
.bcav{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
.bct{font-style:normal;font-size:10.5px;font-weight:700;color:#B45309;background:#FEF3C7;border-radius:999px;padding:1px 8px;vertical-align:1px}
.msg .bct{display:inline-block;margin-bottom:4px}
.bca{display:flex;gap:8px;flex-wrap:wrap}
.bco{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:9px 12px;cursor:pointer;flex:1 1 150px}
.bco:has(input:checked){border-color:var(--ac);background:var(--acs)}
.bco input{accent-color:var(--ac)}
.bco span{display:flex;flex-direction:column}
.bco small{font-size:12px;color:var(--mute)}
@media(max-width:600px){.ntw{position:static}.ntp{inset-inline:10px;width:auto;max-width:none}.hicon{width:38px;height:38px}.pmbar .acts{width:100%}.pmbar .acts .btn{flex:1}}
@media(max-width:440px){.mn{display:none}.hd{gap:5px}.mbtn{padding:0 10px}}

/* v28 chat settings */
.chsv{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:var(--sf);animation:chsvin .18s ease}
.chsv[hidden]{display:none}
@keyframes chsvin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.chsv .chht b{display:inline-flex;align-items:center;gap:7px}
.chsub{font-size:12px;color:#DCD6FF}
.chsb{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 16px}
.chsec{padding-top:8px}
.chsec h4{display:flex;align-items:center;gap:7px;margin:8px 0 2px;font:800 13px Rubik,Heebo,sans-serif;color:var(--ac);letter-spacing:.2px}
.chsec h4 em{font-style:normal;font-weight:600;font-size:11px;color:var(--mute);background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-inline-start:auto}
.chadm{margin-top:10px;border-top:1px dashed var(--line);padding-top:10px}
.chrow{padding:10px 0;border-top:1px solid var(--line);flex-wrap:nowrap}
.chsec h4+.chrow{border-top:0}
.chrow .dsl{font-size:13.5px;flex:1}
.chrow .dsl small{font-size:11.5px}
.chseg{display:inline-flex;background:var(--sf2);border:1px solid var(--line);border-radius:10px;padding:2px;flex:none}
.chseg button{border:0;background:none;border-radius:8px;padding:5px 10px;font-weight:600;font-size:12.5px;font-family:inherit;color:var(--mute);cursor:pointer;white-space:nowrap}
.chseg button[aria-pressed="true"]{background:var(--sf);color:var(--ac);box-shadow:0 1px 3px rgba(23,16,64,.12)}
.chselx{width:auto;max-width:150px;flex:none;padding:7px 10px;font-size:13px;border-radius:10px}
.chcol{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.chcol textarea{width:100%;resize:vertical;min-height:58px;font-size:13.5px;border-radius:12px}
.chact{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.chact .chselx{max-width:none;flex:1;min-width:0}
.chgh{background:var(--sf2)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.chdanger{display:flex;align-items:center;justify-content:space-between;gap:12px}
.chclr{background:transparent!important;color:#E5484D!important;border:1px solid color-mix(in srgb,#E5484D 40%,transparent)!important;box-shadow:none!important;white-space:nowrap;flex:none}
.chclr:hover,.chclr.arm{background:#E5484D!important;color:#fff!important}
.chpin{display:flex;gap:9px;align-items:flex-start;padding:8px 12px;background:color-mix(in srgb,var(--ac) 7%,var(--sf));border-bottom:1px solid var(--line);font-size:13px;line-height:1.45}
.chpin[hidden]{display:none}
.chpin>i{color:var(--ac);flex:none;margin-top:2px;transform:rotate(30deg)}
.chpin>div{flex:1;min-width:0;max-height:62px;overflow:auto;overflow-wrap:anywhere}
.chpin b{display:block;font-size:11px;color:var(--ac);font-weight:700}
.chpx{border:0;background:none;color:var(--mute);cursor:pointer;padding:3px;border-radius:7px;flex:none}
.chpx:hover{color:#E5484D;background:rgba(229,72,77,.08)}
.choff{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 12px;background:color-mix(in srgb,#F59E0B 13%,var(--sf));border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink)}
.choff[hidden]{display:none}
.choff span{display:inline-flex;align-items:center;gap:6px}
.chw.off .chl{filter:grayscale(.85);opacity:.85}
.chw.side-s{inset-inline-end:auto;inset-inline-start:18px}
.chw.side-s .chp{inset-inline-end:auto;inset-inline-start:0;transform-origin:bottom right}
.chw.side-s .chl em{inset-inline-start:auto;inset-inline-end:-4px}
.chw.fs-s .chx{font-size:13px}
.chw.fs-l .chx{font-size:16.5px}
.chw.fs-l .chf .in{font-size:16px}
.chw.dense .chm{margin-top:4px;gap:6px}
.chw.dense .chm.cont{margin-top:1px}
.chw.dense .chb{padding:3px 9px 3px;border-radius:12px 12px 12px 5px}
.chw.dense .chm.mine .chb{border-radius:12px 12px 5px 12px}
.chw.dense .chav,.chw.dense .chav .av{width:24px;height:24px;font-size:10px}
.chw.dense .chx{line-height:1.38}
.chw.dense .cht{display:inline;margin-inline-start:8px;font-size:10px}
.chw.dense .chday{margin:6px 0 3px}
.chm.chfl .chb{animation:chfl 1.8s ease}
@keyframes chfl{0%,45%{box-shadow:0 0 0 3px color-mix(in srgb,#F5B800 55%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.ntk.chat{background:#12A36B}
@media(max-width:600px){.chw.side-s{inset-inline-start:12px}.chsv .chh{padding-top:calc(12px + env(safe-area-inset-top,0px))}.chsb{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(max-width:380px){.chrow{flex-wrap:wrap}.chselx{max-width:none;width:100%}}

/* v29 compact user button */
.hd .mbtn#mnu{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 4px;padding-inline-end:11px;border-radius:12px;font-weight:600}
#mnu .mav{line-height:0;flex:none}
#mnu .mav .av{width:30px;height:30px;font-size:12.5px;border-radius:9px;box-shadow:0 0 0 1.5px rgba(255,255,255,.35)}
#mnu .mav .av::after{display:none}
#mnu .mn{display:inline;font-size:13px;font-weight:600;letter-spacing:.1px;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.95}
#mnu svg{width:16px;height:16px;opacity:.8;flex:none}
#mnu[aria-expanded="true"]{background:rgba(255,255,255,.22)}
@media(max-width:820px){.hd .mbtn#mnu{height:38px;gap:6px;padding-inline-end:9px}#mnu .mav .av{width:28px;height:28px}}
@media(max-width:440px){#mnu .mn{display:inline;max-width:58px;font-size:12.5px}.hd .mbtn#mnu{gap:5px;padding-inline-end:8px}#mnu svg{width:15px;height:15px}}
@media(max-width:370px){#mnu .mn{display:none}}

/* v30 thread hero */
.tx{position:relative;overflow:hidden;background:var(--sf);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);margin-bottom:14px;isolation:isolate}
.tx::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 45%,#00D4FF));z-index:2}
.txglow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(640px 240px at 88% -30%,color-mix(in srgb,var(--c) 17%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--c) 5%,transparent),transparent 55%)}
.txbig{position:absolute;z-index:-1;top:-34px;inset-inline-end:-26px;color:var(--c);opacity:.07;transform:rotate(-12deg);pointer-events:none;line-height:0}
.txbig svg,.txbig .icimg{width:230px;height:230px}
.txbig .icimg{opacity:.6;border-radius:40px}
.txin{position:relative;padding:26px 28px 20px}
.txtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.txbd{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font:700 12px/1 Rubik,Heebo,sans-serif;--k:#64748B;background:color-mix(in srgb,var(--k) 13%,transparent);color:var(--k)}
.txbd.pin{--k:#2563EB}.txbd.lock{--k:#8A8FA3}.txbd.hot{--k:#EA4A2A}
.txh{font:800 30px/1.28 Rubik,Heebo,sans-serif;letter-spacing:-.3px;margin:0 0 20px;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;max-width:880px}
.txau{display:flex;align-items:center;gap:12px;min-width:0}
.txav{line-height:0;flex:none}
.txav .av{width:46px;height:46px;font-size:18px;box-shadow:0 0 0 3px var(--sf),0 0 0 5px color-mix(in srgb,var(--c) 50%,transparent)}
.txaut{min-width:0;display:flex;flex-direction:column;gap:3px}
.txn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:15.5px}
.txsub{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:13px;color:var(--mute)}
.txst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-top:1px solid var(--line)}
.txs{display:flex;align-items:center;gap:11px;padding:14px 20px;background:color-mix(in srgb,var(--sf2) 55%,var(--sf));min-width:0}
.txs>i{width:38px;height:38px;flex:none;border-radius:12px;display:grid;place-items:center;font-style:normal;background:color-mix(in srgb,var(--c) 12%,transparent);color:var(--c)}
.txs>span:last-child{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.txs b{font:800 17px Rubik,Heebo,sans-serif;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.txs small{font-size:12px;color:var(--mute);display:inline-flex;align-items:center;gap:3px;white-space:nowrap}
.txstk{display:inline-flex;flex:none;line-height:0}
.txstk .av,.txla .av{width:28px;height:28px;font-size:11.5px;border:2px solid var(--sf);box-sizing:content-box}
.txstk .av+.av{margin-inline-start:-10px}
.txla{line-height:0;flex:none}
.txla .av{width:34px;height:34px;font-size:13px}
.txl{border:0;font:inherit;color:inherit;text-align:start;cursor:pointer;transition:background .15s}
.txl:hover{background:color-mix(in srgb,var(--c) 8%,var(--sf))}
.txl:hover small{color:var(--c)}
.txlock{display:flex;align-items:center;gap:8px;padding:10px 28px;font-size:13.5px;background:color-mix(in srgb,#F59E0B 11%,var(--sf));border-top:1px solid var(--line);color:var(--ink)}
.txact{display:flex;align-items:center;gap:10px;padding:14px 28px;border-top:1px solid var(--line)}
.txact .sp{flex:1}
.txr{height:42px;padding:0 20px;gap:8px}
.txb{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--sf);color:var(--ink);font-weight:600;font-size:13.5px;font-family:inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.txb:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));color:var(--ac)}
.txb.txrep{color:var(--mute)}
.txb.txrep:hover{color:#E5484D;border-color:color-mix(in srgb,#E5484D 40%,var(--line));background:color-mix(in srgb,#E5484D 5%,var(--sf))}
.txb svg{width:16px;height:16px;flex:none}
.txmod{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:11px 28px 12px;border-top:1px dashed color-mix(in srgb,var(--ac) 35%,var(--line));background:color-mix(in srgb,var(--ac) 4%,var(--sf))}
.txml{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ac)}
.txmb{display:flex;gap:6px;flex-wrap:wrap}
.txmod .btn{height:32px;padding:0 12px;font-size:13px;border-radius:9px;box-shadow:none;background:var(--sf)!important;border:1px solid var(--line);color:var(--ink)!important;gap:6px}
.txmod .btn:hover{border-color:var(--ac);color:var(--ac)!important}
.txmod .btn[data-act="del"]{color:#E5484D!important}
.txmod .btn[data-act="del"]:hover{border-color:#E5484D;background:color-mix(in srgb,#E5484D 6%,var(--sf))!important}
@media(max-width:900px){.txst{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.tx{border-radius:18px}.txin{padding:20px 16px 16px}.txh{font-size:22px;margin-bottom:16px}.txbig svg,.txbig .icimg{width:150px;height:150px}.txbig{top:-20px;inset-inline-end:-22px}
 .txav .av{width:40px;height:40px;font-size:16px}.txn{font-size:15px}.txs{padding:11px 14px;gap:9px}.txs>i{width:34px;height:34px;border-radius:10px}.txs b{font-size:15.5px}
 .txlock{padding:10px 16px;font-size:13px}.txact{padding:12px 16px;gap:8px}.txr{flex:1;padding:0 14px}.txb{width:42px;padding:0;justify-content:center}.txb span{display:none}.txmod{padding:10px 16px 12px}}
.txstk .av::after,.txla .av::after{display:none!important}
.txr{white-space:nowrap}
@media(max-width:640px){.txact .sp{display:none}.txr{min-width:0}}

/* v31 compact thread stats */
.txau{flex-wrap:wrap;row-gap:12px}
.txm{margin-inline-start:auto;display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--mute)}
.txm>span,.txm .txl{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.txm svg{width:14px;height:14px;opacity:.75;flex:none}
.txm b{color:var(--ink);font-weight:700}
.txm .txl{font:inherit;color:var(--mute);cursor:pointer;background:none;border:0;padding:0}
.txm .txl:hover,.txm .txl:hover b{color:var(--c)}
.txm>*+*{position:relative}
.txm>*+*::before{content:"";position:absolute;inset-inline-start:-9px;top:50%;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.45;transform:translateY(-50%)}
@media(max-width:640px){.txm{margin-inline-start:0;width:100%;gap:4px 14px;font-size:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}}

/* v32 hero order: author first */
.post .bbi[src^="data:image/svg"]{width:100%;height:auto;max-height:none}
.txau{padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent)}
.txh{margin-bottom:4px}
@media(max-width:640px){.txm{border-top:0;padding-top:2px}.txau{padding-bottom:14px;margin-bottom:16px}}

/* v33 opening post = thread header */
.post.opx{position:relative;border-color:color-mix(in srgb,var(--c) 30%,var(--line));box-shadow:var(--sh),0 0 0 1px color-mix(in srgb,var(--c) 6%,transparent)}
.post.opx::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 40%,#00D4FF));z-index:1}
.post.opx .ptop{padding-top:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--c) 6%,var(--sf)),var(--sf));border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.post.opx .ptop .pav{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#00D4FF))}
.opst{display:flex;align-items:center;flex-wrap:wrap;gap:4px 15px;font-size:12.5px;color:var(--mute);flex:none;align-self:center}
.opst>span,.opst .opl{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.opst svg{width:14px;height:14px;opacity:.7;flex:none}
.opst b{color:var(--ink);font-weight:700}
.opst>*+*{position:relative}
.opst>*+*::before{content:"";position:absolute;inset-inline-start:-8.5px;top:50%;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.4;transform:translateY(-50%)}
.opst .opl{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
.opst .opl:hover,.opst .opl:hover b{color:var(--c)}
.opt{position:relative;overflow:hidden;padding:18px 20px 16px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.optbg{position:absolute;inset-inline-end:-18px;top:-26px;color:var(--c);opacity:.06;transform:rotate(-12deg);line-height:0;pointer-events:none}
.optbg svg,.optbg .icimg{width:140px;height:140px}
.optc{position:relative;display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.optc .chip{padding:2px 11px 2px 9px;font-size:12.5px}
.optc .txbd{padding:3px 9px;font-size:11.5px}
.oph{position:relative;margin:0;font:800 23px/1.38 Rubik,Heebo,sans-serif;letter-spacing:-.2px;color:var(--ink);text-wrap:balance;overflow-wrap:anywhere;max-width:62ch}
.oplk{position:relative;display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:13px;color:var(--mute)}
.opf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--sf2) 55%,var(--sf))}
.opf .sp{flex:1}
.opr{height:38px;padding:0 16px;gap:7px;font-size:14px;white-space:nowrap;border-radius:11px}
.opbt{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:11px;background:var(--sf);color:var(--ink);font-weight:600;font-size:13px;font-family:inherit;font-family:inherit;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}
.opbt:hover{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.opbt svg{width:16px;height:16px;flex:none}
.opbt.oprep{color:var(--mute);border-color:transparent;background:none}
.opbt.oprep:hover{color:#E5484D;background:color-mix(in srgb,#E5484D 6%,transparent)}
.opm{display:flex;align-items:center;gap:4px;padding-inline-end:8px;margin-inline-end:2px;border-inline-end:1px solid var(--line)}
.opml{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--ac);margin-inline-end:4px}
.opm .btn{height:32px;padding:0 10px;font-size:12.5px;border-radius:9px;box-shadow:none;background:transparent!important;border:1px solid transparent;color:var(--ink)!important;gap:5px}
.opm .btn:hover{background:var(--sf)!important;border-color:var(--line)}
.opm .btn[data-act="del"]{color:#E5484D!important}
@media(max-width:820px){.post.opx .ptop{flex-wrap:wrap}.opst{order:5;flex-basis:100%;padding-top:10px;margin-top:2px;border-top:1px dashed color-mix(in srgb,var(--line) 80%,transparent);gap:4px 14px;font-size:12px}}
@media(max-width:640px){.opt{padding:14px 14px 12px}.oph{font-size:19px}.optbg svg,.optbg .icimg{width:110px;height:110px}
 .opf{padding:10px}.opr{flex:1}.opbt{width:38px;padding:0;justify-content:center}.opbt span{display:none}.opf .sp{display:none}
 .opm{order:5;flex-basis:100%;border:0;padding:8px 0 0;margin:2px 0 0;border-top:1px dashed var(--line);justify-content:flex-start;flex-wrap:wrap}}

/* v34 rank pill */
.pmeta{align-items:center}
.prk{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px 0 9px;border-radius:999px;font:700 11px/1 Rubik,Heebo,sans-serif;letter-spacing:.2px;white-space:nowrap;color:color-mix(in srgb,var(--k) 82%,var(--ink));background:color-mix(in srgb,var(--k) 11%,var(--sf));border:1px solid color-mix(in srgb,var(--k) 28%,transparent)}
.prk::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--k);box-shadow:0 0 0 2px color-mix(in srgb,var(--k) 22%,transparent);flex:none}
.pmeta .prk+span::before{content:"";margin:0;display:none}
.pmeta .prk{margin-inline-end:4px}
.pid{gap:5px}
.pbr{display:none}
@media(max-width:640px){.pmeta .pbr{display:block;flex-basis:100%;height:0;width:auto;margin:0;padding:0;background:none!important;border:0;box-shadow:none}.pmeta .prk{margin-inline-end:0}.pmeta{row-gap:3px}}

/* v35 rank pill: no dot, scope */
.prk{padding:0 9px;gap:0}
.prk::before{display:none!important}
.prk em{font-style:normal;font-weight:500;opacity:.85;margin-inline-start:6px;padding-inline-start:6px;border-inline-start:1px solid color-mix(in srgb,var(--k) 35%,transparent)}

/* v36 status dot next to name */
.pst{width:9px;height:9px;border-radius:50%;flex:none;background:#A3A8BC;box-shadow:0 0 0 3px color-mix(in srgb,#A3A8BC 18%,transparent);margin-inline-end:-2px}
.pst.on{background:#22C55E;box-shadow:0 0 0 3px color-mix(in srgb,#22C55E 22%,transparent)}
.ptop .pav .av[data-st]::after{display:none}
.pmeta .prk+.pbr+span::before,.pmeta .prk+span::before{display:none}

/* v37 post counters */
.pcnt,.plk{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.pcnt svg,.plk svg{width:13px;height:13px;flex:none}
.pcnt svg{opacity:.65}
.plk svg{color:var(--ac)}
.pcnt b,.plk b{color:var(--ink);font-weight:700}
.plk.bump b{animation:lkb .5s ease}
.plk.bump svg{animation:lkb2 .5s ease}
@keyframes lkb{40%{color:var(--ac)}}
@keyframes lkb2{40%{transform:scale(1.35) rotate(-12deg)}}
@media(prefers-reduced-motion:reduce){.plk.bump b,.plk.bump svg{animation:none}}

/* v38 editor action row */
.pvrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}
.pvrow>.btn:not(.ghost){display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 22px;border-radius:13px;font-size:15px;font-weight:700;letter-spacing:.1px;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--ac) 75%,transparent);transition:transform .15s,box-shadow .15s,filter .15s}
.pvrow>.btn:not(.ghost):hover{transform:translateY(-1px);box-shadow:0 14px 26px -10px color-mix(in srgb,var(--ac) 85%,transparent);filter:saturate(1.08)}
.pvrow>.btn:not(.ghost):active{transform:translateY(0)}
.pvrow>.btn:not(.ghost)::before{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%203%2010%2014M21%203l-7%2018-4-7-7-4z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%203%2010%2014M21%203l-7%2018-4-7-7-4z%22/%3E%3C/svg%3E") center/contain no-repeat;transform:scaleX(-1)}
.pvrow>.pvmv{order:5;margin-inline-start:auto;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border-radius:12px;background:transparent!important;border:1px solid var(--line)!important;color:var(--mute)!important;box-shadow:none!important;font-size:14px;font-weight:600;transition:color .15s,border-color .15s,background .15s}
.pvrow>.pvmv::before{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207S2%2012%202%2012z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%2012s3.6-7%2010-7%2010%207%2010%207-3.6%207-10%207S2%2012%202%2012z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22/%3E%3C/svg%3E") center/contain no-repeat}
.pvrow>.pvmv:hover{color:var(--ac)!important;border-color:color-mix(in srgb,var(--ac) 45%,var(--line))!important;background:var(--acs)!important}
@media(max-width:480px){.pvrow>.btn:not(.ghost){height:42px;padding:0 18px;font-size:14.5px}.pvrow>.pvmv{height:40px;padding:0 13px;font-size:13.5px}}
.pvrow>.btn.ghost:not(.pvmv){height:42px;border-radius:12px;padding:0 16px;box-shadow:none}

/* v39 feed glass */
.card.feed{position:relative;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--sf) 78%,transparent),color-mix(in srgb,var(--sf) 62%,transparent));-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid color-mix(in srgb,var(--line) 65%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 55%,transparent),0 18px 40px -22px rgba(60,40,160,.35),0 2px 6px -2px rgba(23,16,64,.06)}
.card.feed::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px 180px at 100% 0,color-mix(in srgb,var(--ac) 10%,transparent),transparent 70%),radial-gradient(420px 160px at 0 100%,color-mix(in srgb,#00D4FF 8%,transparent),transparent 70%)}
.card.feed .fdh{border-bottom-color:color-mix(in srgb,var(--line) 70%,transparent)}
.card.feed .fsw{background:color-mix(in srgb,var(--sf2) 70%,transparent);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.card.feed .tpi{border-top-color:color-mix(in srgb,var(--line) 65%,transparent)}
.card.feed .fdp .tpi:nth-child(odd){border-inline-end-color:color-mix(in srgb,var(--line) 65%,transparent)}
.card.feed .tpi:hover{background:color-mix(in srgb,var(--sf) 70%,transparent)}
.card.feed .tpi b{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.fdp[aria-hidden="false"]{transform:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.card.feed{background:var(--sf)}}

/* v40 fonts + announcement links */
.ff-arial{font-family:Arial,"Noto Sans Hebrew",sans-serif}
.ff-tahoma{font-family:Tahoma,Verdana,"Noto Sans Hebrew",sans-serif}
.ff-david{font-family:David,"David Libre",serif}
.ff-miriam{font-family:Miriam,"Miriam Libre",sans-serif}
.ff-narkisim{font-family:Narkisim,"Miriam Libre",sans-serif}
.ff-times{font-family:"Times New Roman",Times,"David Libre",serif}
.ff-alef{font-family:Alef,sans-serif}
.ff-noto{font-family:"Noto Sans Hebrew",sans-serif}
.ff-suez{font-family:"Suez One",serif}
.ff-karantina{font-family:Karantina,sans-serif;font-size:1.15em}
.ff-amatic{font-family:"Amatic SC",cursive;font-size:1.2em}
.ff-bellefair{font-family:Bellefair,serif}
.ff-courier{font-family:"Courier New",Courier,monospace}
.anlf{margin:10px 0 12px}
.anlf .sub{display:block;margin-bottom:6px;font-weight:600}
.anopt{font-weight:400;font-size:12px;opacity:.75;margin-inline-start:4px}
.anlr{display:grid;grid-template-columns:minmax(150px,200px) 1fr 1fr;gap:8px}
.anlr [hidden]{display:none}
.anls{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--mute);margin-top:3px;overflow-wrap:anywhere}
.anls b{color:var(--ac)}
@media(max-width:640px){.anlr{grid-template-columns:1fr}}
.atx{display:inline}
.anl{display:inline-flex;align-items:center;gap:4px;margin-inline-start:8px;padding:1px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--k) 35%,transparent);background:color-mix(in srgb,var(--k) 10%,transparent);color:color-mix(in srgb,var(--k) 85%,var(--ink));font-weight:700;font-size:12.5px;font-family:inherit;font-family:inherit;text-decoration:none;cursor:pointer;white-space:nowrap;vertical-align:1px;transition:background .15s}
.anl:hover{background:color-mix(in srgb,var(--k) 18%,transparent)}
.anl svg{width:13px;height:13px}

.anrep{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.anrep .sub{font-size:12.5px}

/* v41 announcement archive */
.ancard h2{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.ancard h2 .ancnt{margin-inline-start:2px}
.ancnt{font-size:12px;font-weight:700;background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:1px 9px;color:var(--mute)}
.anhint{margin:0;padding:10px 18px 4px}
.ancard .empty{padding:18px}
.anrow{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;border-top:1px solid var(--line);flex-wrap:wrap}
.anrow:first-of-type{border-top:0}
.anrow .kd{flex:none;font-size:11.5px;font-weight:700;color:#fff;background:var(--k);border-radius:7px;padding:2px 9px;margin-top:2px}
.anrow:not(.act) .kd{background:color-mix(in srgb,var(--k) 16%,transparent);color:var(--k)}
.anrb{flex:1;min-width:200px}
.anrt{font-weight:600;overflow-wrap:anywhere}
.anrow:not(.act) .anrt{color:color-mix(in srgb,var(--ink) 80%,transparent)}
.anrow .acts{display:flex;gap:6px;flex-wrap:wrap}
.anrow .acts .btn{gap:6px}
/* v41 sub-forums */
.frsub{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;padding:0 18px 12px;padding-inline-start:78px;margin-top:-4px;border-bottom:1px solid var(--line)}
.frsl{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mute);font-weight:600}
.sfc{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--c) 28%,var(--line));background:color-mix(in srgb,var(--c) 7%,var(--sf));color:var(--ink);border-radius:999px;padding:3px 10px 3px 6px;font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.sfc:hover{background:color-mix(in srgb,var(--c) 14%,var(--sf));border-color:color-mix(in srgb,var(--c) 45%,var(--line))}
.sfi{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);line-height:0}
.sfi svg,.sfi .icimg{width:13px;height:13px}
.sfc em{font-style:normal;font-size:11px;font-weight:700;color:var(--mute);padding-inline-start:6px;border-inline-start:1px solid var(--line)}
.subcat h2 .cth{display:inline-flex;align-items:center;gap:8px}
.fmsub{margin-inline-start:26px;border-inline-start:2px solid color-mix(in srgb,var(--ac) 30%,var(--line));padding-inline-start:10px}
.fmsl{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mute);margin:8px 0 2px}
.fmsl b{color:var(--ink)}
.fmsubb{gap:4px;white-space:nowrap}
@media(max-width:820px){.frsub{padding:0 14px 12px;padding-inline-start:62px}}
@media(max-width:640px){.frsub{padding-inline-start:70px}.fmsub{margin-inline-start:10px}.fmsubb span{display:none}}

/* v42 sub-forum hint + category banners */
.sfb{display:inline-flex;align-items:center;gap:3px;margin-inline-start:8px;padding:0 7px;height:17px;margin-block:-4px;border-radius:999px;font:700 11px/1 Rubik,Heebo,sans-serif;color:var(--mute);background:var(--sf2);border:1px solid var(--line);vertical-align:2px}
.sfb svg{width:12px;height:12px;opacity:.8}
.fr:hover .sfb{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.cat.cbx>h2,.cbprev.cbx{background:var(--cb)}
.fmc.cbx .fmh{background:var(--cb)}
.cat>h2,.fmh{position:relative;overflow:hidden}
.cbp{padding:16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--sf2) 55%,var(--sf));display:flex;flex-direction:column;gap:10px}
.cbph{display:flex;flex-direction:column;gap:2px}
.cbph b{display:inline-flex;align-items:center;gap:7px;font-size:14.5px}
.cbprev{height:52px;border-radius:12px;display:flex;align-items:center;padding:0 16px;color:#fff;font:700 15.5px Rubik,Heebo,sans-serif;background:linear-gradient(100deg,#1E1450,#3A2793 60%,#5B2BA6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.cbsec{font-size:12.5px;font-weight:700;color:var(--mute);margin-top:4px}
.cbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.cbsw{display:flex;flex-direction:column;gap:5px;align-items:stretch;border:1px solid var(--line);background:var(--sf);border-radius:12px;padding:5px;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.cbsw span{height:30px;border-radius:8px;background:var(--g)}
.cbsw em{font-style:normal;font-size:12px;font-weight:600;color:var(--ink);text-align:center}
.cbsw:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.cbsw.on{border-color:var(--ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 25%,transparent)}
.cbrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cbarr{color:var(--mute)}
.cby{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mute)}
.cby input{width:140px}
.cbfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}
.fmh .cbbtn{gap:5px}
.fmh .cbbtn[aria-expanded="true"]{background:rgba(255,255,255,.24)!important}
@media(max-width:640px){.fmh .cbbtn span{display:none}.cbgrid{grid-template-columns:repeat(3,1fr)}}

/* v43 topic prefixes */
.pxl{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-inline-end:7px;border-radius:6px;font:700 11.5px/1 Rubik,Heebo,sans-serif;color:color-mix(in srgb,var(--k) 88%,var(--ink));background:color-mix(in srgb,var(--k) 13%,transparent);border:1px solid color-mix(in srgb,var(--k) 28%,transparent);vertical-align:2px;white-space:nowrap}
.oph .pxl{height:24px;font-size:13px;padding:0 10px;vertical-align:4px}
.tpt b .pxl{height:18px;font-size:11px;padding:0 6px;vertical-align:1px}
.pxbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.pxc{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.pxc i{width:8px;height:8px;border-radius:50%;background:var(--k)}
.pxc em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:700}
.pxc:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.pxc.on{background:var(--ink);color:var(--sf);border-color:var(--ink)}
.pxc.on em{color:color-mix(in srgb,var(--sf) 70%,transparent)}
.pxc.on[style]{background:color-mix(in srgb,var(--k) 14%,var(--sf));color:var(--ink);border-color:var(--k)}
.pxc.on[style] em{color:var(--mute)}
/* v43 unread */
.udot2{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 20%,transparent);margin-inline-end:8px;vertical-align:2px}
.tr:not(.unr) h3{font-weight:600}
.tr.unr h3{font-weight:800}
.tpi.unr .tpt b{font-weight:800}
.tpi:not(.unr) .tpt b{color:color-mix(in srgb,var(--ink) 88%,transparent)}
.pnew{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:6px;font:700 11px/1 Rubik,Heebo,sans-serif;color:#fff;background:var(--grad)}
.jumpnew{position:fixed;z-index:22;inset-inline:0;margin:auto;width:max-content;bottom:calc(22px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 18px;border:0;border-radius:999px;background:var(--grad);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 14px 30px -10px rgba(106,76,255,.75);animation:jnin .35s cubic-bezier(.3,1.3,.5,1)}
@keyframes jnin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.mrk{gap:6px}
.fhead .mrk{min-height:42px;justify-content:center}
/* v43 levels & badges */
.lvc{padding:18px 20px}
.lvh{display:flex;align-items:center;gap:16px}
.lvi{position:relative;width:64px;height:56px;flex:none;display:grid;place-items:end center}
.lvi svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 14px rgba(106,76,255,.35))}
.lvi b{position:relative;font:800 15px Rubik,sans-serif;color:#fff;margin-bottom:6px}
.lvt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.lvk{font-size:12px;font-weight:700;color:var(--ac)}
.lvt h3{margin:0;font:800 19px Rubik,Heebo,sans-serif}
.lvbar{height:8px;border-radius:999px;background:var(--sf2);border:1px solid var(--line);overflow:hidden}
.lvbar span{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .6s ease}
.bdh{display:flex;align-items:baseline;gap:8px;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--line)}
.bdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.bd{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px dashed var(--line);color:var(--mute);font-size:13px;font-weight:600;opacity:.75}
.bdi{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--sf2);flex:none}
.bd.on{border-style:solid;border-color:color-mix(in srgb,var(--ac) 30%,var(--line));color:var(--ink);opacity:1;background:color-mix(in srgb,var(--ac) 5%,var(--sf))}
.bd.on .bdi{background:var(--grad);color:#fff}
.lvhow{margin-top:12px;font-size:12px;color:var(--mute)}
/* v43 mobile bottom nav */
.bnav{display:none}
@media(max-width:820px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .bnav{position:fixed;z-index:30;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--sf) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 -10px 30px -18px rgba(23,16,64,.35)}
 .bni{display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:none;color:var(--mute);font-family:inherit;font-size:11px;font-weight:600;padding:6px 0 4px;cursor:pointer;min-width:0}
 .bnic{position:relative;display:grid;place-items:center;width:44px;height:28px;border-radius:999px;transition:background .2s,color .2s}
 .bni.on{color:var(--ac)}
 .bni.on .bnic{background:color-mix(in srgb,var(--ac) 13%,transparent)}
 .bnic em{position:absolute;top:-3px;inset-inline-start:2px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#FF3B5C;color:#fff;font:700 10px/17px Rubik,sans-serif;font-style:normal;text-align:center;border:2px solid var(--sf)}
 .bnav-av{line-height:0}.bnav-av .av{width:26px;height:26px;font-size:11px}.bni.on .bnav-av .av{box-shadow:0 0 0 2px var(--ac)}
 .bnav-av .av::after{display:none}
 .bnnew{justify-self:center;width:52px;height:52px;margin-bottom:6px;border:0;border-radius:18px;background:var(--grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 24px -10px rgba(106,76,255,.85);transform:translateY(-6px)}
 .bnnew:active{transform:translateY(-4px) scale(.96)}
 .chw .chl{display:none}
 #toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
 .mqbar,.pbar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 .jumpnew{bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .icdd-pop{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
.bsrch{position:fixed;z-index:45;inset-inline:0;top:0;padding:calc(10px + env(safe-area-inset-top,0px)) 12px 10px;background:color-mix(in srgb,var(--sf) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 10px 30px -16px rgba(23,16,64,.4);animation:bsin .2s ease}
.bsrch[hidden]{display:none}
@keyframes bsin{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.bsf{display:flex;align-items:center;gap:8px;position:relative}
.bsi{position:absolute;inset-inline-start:12px;color:var(--mute);line-height:0}
.bsf .in{flex:1;padding-inline-start:40px;border-radius:14px;height:46px;font-size:16px}
.bsf input::-webkit-search-cancel-button{display:none}
.bsx{width:44px;height:44px;border:1px solid var(--line);background:var(--sf);border-radius:12px;display:grid;place-items:center;color:var(--ink);cursor:pointer;flex:none}
/* v43 brand motif: the "peak" */
.cat>h2::after,.fmh::after,.cbprev::after,.fhead::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:min(300px,45%);pointer-events:none;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20260%2064%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%2064%20L38%2040%20L58%2050%20L96%2014%20L124%2036%20L142%2026%20L190%2058%20L214%2046%20L260%2064%22/%3E%3Cpath%20d%3D%22M96%2014%20L88%2026%20L96%2023%20L104%2026z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22/%3E%3C/svg%3E") left bottom/100% 82% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20260%2064%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M0%2064%20L38%2040%20L58%2050%20L96%2014%20L124%2036%20L142%2026%20L190%2058%20L214%2046%20L260%2064%22/%3E%3Cpath%20d%3D%22M96%2014%20L88%2026%20L96%2023%20L104%2026z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22/%3E%3C/svg%3E") left bottom/100% 82% no-repeat;opacity:.13}
.fhead::after{background:var(--c);opacity:.09;width:min(340px,50%)}
.fhead>*{position:relative;z-index:1}
.fhead{position:relative;overflow:hidden}
.cat>h2>*,.fmh>*,.cbprev>*{position:relative;z-index:1}
.cbprev{position:relative;overflow:hidden}
.empty::before{content:"";display:block;width:40px;height:32px;margin:0 auto 10px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2030%20L16%208%20L23%2019%20L27%2013%20L38%2030%22/%3E%3Cpath%20d%3D%22M16%208%20L12.8%2013.5%20L16%2012%20L19.2%2013.5z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2030%20L16%208%20L23%2019%20L27%2013%20L38%2030%22/%3E%3Cpath%20d%3D%22M16%208%20L12.8%2013.5%20L16%2012%20L19.2%2013.5z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;opacity:.55}
.cbt h2{display:inline-flex;align-items:center;gap:8px}
.cbt h2::before{content:"";width:22px;height:18px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22/%3E%3C/svg%3E") center/contain no-repeat}
#ft::before{content:"";display:block;width:46px;height:36px;margin:34px auto 8px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2030%20L16%208%20L23%2019%20L27%2013%20L38%2030%22/%3E%3Cpath%20d%3D%22M16%208%20L12.8%2013.5%20L16%2012%20L19.2%2013.5z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.4%22%20stroke-linejoin%3D%22round%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2%2030%20L16%208%20L23%2019%20L27%2013%20L38%2030%22/%3E%3Cpath%20d%3D%22M16%208%20L12.8%2013.5%20L16%2012%20L19.2%2013.5z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;opacity:.7}
/* v43 polish */
html{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:8px}
.n b,.pcnt b,.plk b,.opst b,.txm b,.cbi b,.tpr span,.lvbar+.sub{font-variant-numeric:tabular-nums}
#main.pgin{animation:pgin .28s cubic-bezier(.2,.7,.2,1)}
@keyframes pgin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#main.pgin,.jumpnew,.bsrch{animation:none}}

/* v44 thread row title block */
.trb{display:flex;flex-direction:column;justify-content:center;gap:5px}
.trtags{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.trtags .pxl{margin:0;vertical-align:0;height:20px;font-size:11px;padding:0 7px}
.trs{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;font:700 11px/1 Rubik,Heebo,sans-serif;--k:#64748B;color:color-mix(in srgb,var(--k) 88%,var(--ink));background:color-mix(in srgb,var(--k) 12%,transparent);border:1px solid color-mix(in srgb,var(--k) 24%,transparent);white-space:nowrap}
.trs svg{width:12px;height:12px}
.trs.pin{--k:#2563EB}.trs.lock{--k:#8A8FA3}.trs.hot{--k:#EA4A2A}
.trnew{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 8px 0 7px;border-radius:999px;font:700 11px/1 Rubik,Heebo,sans-serif;color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.trnew i{width:6px;height:6px;border-radius:50%;background:var(--ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 25%,transparent)}
.tr .trh{margin:0;font-family:Rubik,Heebo,sans-serif;font-size:16.5px;font-weight:600;line-height:1.42;letter-spacing:-.15px;color:var(--ink);text-wrap:pretty;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.tr.unr .trh{font-weight:700}
.tr:hover .trh{color:var(--ac)}
.trb>.sub{font-size:12.5px;line-height:1.4}
@media(max-width:640px){.tr .trh{font-size:15.5px}.trb{gap:4px}}

/* v45 tag families: content prefixes = soft fill, status = outline */
.pxl{border:0!important;background:color-mix(in srgb,var(--k) 15%,transparent)!important;color:color-mix(in srgb,var(--k) 85%,var(--ink))!important;font-weight:700}
.trs{background:transparent!important;border:1px solid color-mix(in srgb,var(--k) 38%,transparent)!important;font-weight:600!important;padding:0 7px 0 8px}
.trs svg{opacity:.85}
.trnew{background:none!important;padding:0 2px!important;gap:6px!important;font-weight:700;letter-spacing:.1px}
.trnew i{width:7px!important;height:7px!important;box-shadow:none!important;flex:none}
.trtags .trnew+*{margin-inline-start:2px}
.tpic{position:relative}
.tpi.unr .tpic::after{content:"";position:absolute;top:-3px;inset-inline-end:-3px;width:10px;height:10px;border-radius:50%;background:var(--ac);border:2px solid var(--sf);box-sizing:border-box}
/* v45 forum settings */
.fsc{padding:4px 20px 14px}
.fsh{display:flex;flex-direction:column;gap:3px;padding:14px 0 6px}
.fsh h3{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}
.fsr{border-top:1px solid var(--line)}
.fsh+.fsr{border-top:0}
.fseg{flex-wrap:wrap}
.fsn{display:inline-flex;align-items:center;gap:8px;flex:none}
.fsn .in{width:110px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.fsn em{font-style:normal;font-size:13px;color:var(--mute)}
.fsnote{display:flex;align-items:center;gap:7px;margin-top:6px;padding:10px 12px;border-radius:12px;font-size:13px;background:color-mix(in srgb,#EA4A2A 7%,var(--sf));color:var(--ink)}
.fsnote svg{color:#EA4A2A}
.fscol{flex-direction:column;align-items:stretch}
.fspx{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.fspc{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 7px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--sf)}
.fspc input{accent-color:var(--k);width:16px;height:16px;margin:0}
.fspc .pxl{margin:0}
.fspc:has(input:not(:checked)){opacity:.55}
@media(max-width:640px){.fsc{padding:4px 14px 12px}.fsr{flex-wrap:wrap}}

/* v46 name styles */
.nfx{-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent;background-repeat:repeat-x}
.nfx-aurora{background-image:linear-gradient(90deg,#7C5CFF,#E2457F,#F59E0B,#7C5CFF);background-size:300% 100%;animation:nfxs 6s linear infinite}
.nfx-gold{background-image:linear-gradient(100deg,#A16207 0%,#E8B923 30%,#FDE68A 45%,#D4A017 60%,#92400E 100%);background-size:250% 100%;animation:nfxs 5s linear infinite;filter:drop-shadow(0 0 5px rgba(234,179,8,.35))}
.nfx-neon{background-image:linear-gradient(90deg,#06B6D4,#3B82F6,#06B6D4);background-size:200% 100%;animation:nfxs 4s linear infinite;filter:drop-shadow(0 0 4px rgba(6,182,212,.6))}
.nfx-rainbow{background-image:linear-gradient(90deg,#EF4444,#F59E0B,#10B981,#0EA5E9,#8B5CF6,#EC4899,#EF4444);background-size:400% 100%;animation:nfxs 8s linear infinite}
.nfx-ice{background-image:linear-gradient(100deg,#2563EB,#60A5FA 35%,#BAE6FD 50%,#3B82F6 65%,#1D4ED8);background-size:250% 100%;animation:nfxs 6s linear infinite;filter:drop-shadow(0 0 4px rgba(96,165,250,.35))}
.nfx-fire{background-image:linear-gradient(0deg,#B91C1C,#F97316 55%,#FBBF24);background-size:100% 200%;animation:nfxf 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 4px rgba(249,115,22,.45))}
.nfx-emerald{background-image:linear-gradient(100deg,#047857,#10B981 40%,#6EE7B7 52%,#059669 65%,#065F46);background-size:250% 100%;animation:nfxs 6s linear infinite}
.nfx-silver{background-image:linear-gradient(100deg,#4B5563,#9CA3AF 35%,#E5E7EB 50%,#6B7280 65%,#374151);background-size:250% 100%;animation:nfxs 5s linear infinite}
[data-theme="dark"] .nfx-silver{background-image:linear-gradient(100deg,#9CA3AF,#F3F4F6 45%,#D1D5DB 60%,#9CA3AF)}
.nfx-night{background-image:linear-gradient(90deg,#4F46E5,#A855F7,#4F46E5);background-size:200% 100%;animation:nfxs 6s linear infinite;position:relative;padding-inline-end:13px}
.nfx-night::after{content:"";position:absolute;inset-inline-end:0;top:-1px;width:10px;height:10px;background:#FBBF24;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l2.4%207.4H22l-6.2%204.5%202.4%207.4L12%2016.8l-6.2%204.5%202.4-7.4L2%209.4h7.6z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l2.4%207.4H22l-6.2%204.5%202.4%207.4L12%2016.8l-6.2%204.5%202.4-7.4L2%209.4h7.6z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;animation:nfxt 2.4s ease-in-out infinite}
.nfx-peak{background-image:var(--grad);position:relative;padding-inline-end:15px}
.nfx-peak::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:12px;height:10px;margin-top:-6px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat}
@keyframes nfxs{to{background-position:-300% 0}}
@keyframes nfxf{to{background-position:0 100%}}
@keyframes nfxt{0%,100%{opacity:.45;transform:scale(.8) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(20deg)}}
@media(prefers-reduced-motion:reduce){.nfx,.nfx::after{animation:none!important}}
/* level chip in posts */
.plv{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;margin-inline-start:5px;border-radius:999px;font:700 11px/1 Rubik,Heebo,sans-serif;color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,transparent);border:1px solid color-mix(in srgb,var(--ac) 22%,transparent);font-variant-numeric:tabular-nums}
.plv svg{width:11px;height:11px}
.pmeta .plv+.pbr+span::before,.pmeta .plv+span::before{display:none}
/* profile: badges + name style picker */
.bd{position:relative}
.bd.on .bdi{background:var(--bc,var(--ac))!important;color:#fff}
.bd.on{border-color:color-mix(in srgb,var(--bc,var(--ac)) 35%,var(--line))!important;background:color-mix(in srgb,var(--bc,var(--ac)) 6%,var(--sf))!important}
.bdt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.bdt b{font-weight:700}
.bdt small{font-size:11px;color:var(--mute);font-weight:500}
.bdx{border:0;background:none;color:var(--mute);cursor:pointer;padding:3px;border-radius:6px;margin-inline-start:auto;line-height:0}
.bdx:hover{color:#E5484D;background:rgba(229,72,77,.08)}
.bdgive{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}
.bdgive .in{flex:1 1 180px;width:auto}
.nfxpick{margin-top:4px}
.nfxl{display:flex;flex-wrap:wrap;gap:8px}
.nfxo{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:9px 12px 7px;border:1px solid var(--line);border-radius:12px;background:var(--sf);cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s}
.nfxo b{font-size:15.5px;font-weight:800}
.nfxo small{font-size:11px;color:var(--mute);font-weight:600}
.nfxo:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.nfxo.on{border-color:var(--ac);box-shadow:0 0 0 2px color-mix(in srgb,var(--ac) 22%,transparent)}
.ntaw{width:36px;height:36px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;background:var(--grad)}
/* admin: levels */
.fshr{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fshr>div{display:flex;flex-direction:column;gap:3px}
.lvhd,.lvr{display:grid;grid-template-columns:44px minmax(110px,1.2fr) 150px minmax(120px,1fr) minmax(90px,.8fr) 34px;gap:10px;align-items:center}
.lvhd{font-size:11.5px;font-weight:700;color:var(--mute);padding:12px 2px 6px;border-top:1px solid var(--line)}
.lvr{padding:7px 2px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.lvn{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:26px;border-radius:8px;font:800 12.5px Rubik,sans-serif;color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,transparent)}
.lvr .in{min-width:0;width:100%}
.lvmin{display:flex;align-items:center;gap:6px}
.lvmin .in{text-align:center;font-weight:700;font-variant-numeric:tabular-nums}
.lvmin em{font-style:normal;font-size:12px;color:var(--mute)}
.lvprev{font-size:15px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvaddb{margin-top:10px;gap:5px}
.nfxg{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;padding-bottom:4px}
.nfxc{display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--sf2) 50%,var(--sf));text-align:center}
.nfxc b{font-size:18px;font-weight:800}
.nfxn{font-size:12.5px;font-weight:700}
.nfxc small{font-size:11px;color:var(--mute)}
/* admin: badges */
.bdrow{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;border-top:1px solid var(--line)}
.fsh+datalist+.bdrow,.fsh+.bdrow{border-top:0}
.bdrow>.bdi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;color:#fff;background:var(--bc)}
.bdrow.off{opacity:.55}
.bdrt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.bdrt>b{font-size:14.5px}
.bdfx{font-size:11.5px;font-weight:800;margin-inline-start:6px}
.bdhold{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:5px}
.bdch{display:inline-flex;align-items:center;gap:3px;height:26px;padding:0 4px 0 9px;border-radius:999px;background:color-mix(in srgb,var(--bc) 10%,var(--sf));border:1px solid color-mix(in srgb,var(--bc) 28%,var(--line));font-size:12.5px;font-weight:600}
.bdch button{border:0;background:none;color:var(--mute);cursor:pointer;line-height:0;padding:3px;border-radius:50%}
.bdch button:hover{color:#E5484D}
.bdadd{display:inline-flex;gap:6px;align-items:center}
.bdadd .in{width:150px;height:32px;padding:0 10px;font-size:13px}
.bdra{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.bdra .btn{gap:5px}
.bdra .btn.arm{background:#E5484D!important;color:#fff!important}
.bdform{padding:4px 20px 18px}
.bdfg{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:start}
.bdprev{position:sticky;top:12px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:22px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--bc) 30%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--bc) 10%,var(--sf)),var(--sf))}
.bdprev .bdi{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:var(--bc);box-shadow:0 12px 24px -12px var(--bc)}
.bdprev b{font-size:15px}
.bdprev small{font-size:12px;color:var(--mute)}
.bdff{display:flex;flex-direction:column;gap:12px}
.bdics{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}
.bdic{height:38px;border-radius:10px;border:1px solid var(--line);background:var(--sf);display:grid;place-items:center;color:var(--ink);cursor:pointer}
.bdic.on{border-color:var(--ac);background:var(--acs);color:var(--ac)}
.bdcs{display:flex;gap:8px;flex-wrap:wrap}
.bdcol{width:30px;height:30px;border-radius:50%;border:2px solid var(--sf);background:var(--bc);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.bdcol.on{box-shadow:0 0 0 2px var(--sf),0 0 0 4px var(--bc)}
.bdcr{display:flex;gap:8px}
.bdcr .in{flex:1}
.bdcr input[type=number]{max-width:120px;text-align:center;font-weight:700}
.bdcond>span{display:block;margin-bottom:4px}
@media(max-width:820px){.lvhd{display:none}.lvr{grid-template-columns:40px 1fr 1fr 34px;grid-template-areas:"n name name del" "min min fx fx";row-gap:8px;padding:12px 2px}.lvr .lvn{grid-area:n}.lvr [data-lvname]{grid-area:name}.lvr .lvmin{grid-area:min}.lvr .fxsel{grid-area:fx}.lvr .lvprev{display:none}.lvr .lvdel{grid-area:del}.bdfg{grid-template-columns:1fr}.bdprev{position:static}.bdrow{flex-wrap:wrap}.bdra{width:100%;justify-content:flex-start}.bdra .btn span{display:none}}

/* v47 more name styles */
.nfx-sunset{background-image:linear-gradient(90deg,#F97316,#EC4899,#8B5CF6,#EC4899,#F97316);background-size:300% 100%;animation:nfxs 7s linear infinite}
.nfx-ocean{background-image:linear-gradient(90deg,#0369A1,#06B6D4,#14B8A6,#06B6D4,#0369A1);background-size:300% 100%;animation:nfxs 6s linear infinite;filter:drop-shadow(0 0 3px rgba(6,182,212,.3))}
.nfx-rosegold{background-image:linear-gradient(100deg,#9E5A63,#C98B91 30%,#F2C4C0 48%,#B76E79 62%,#8C4A55);background-size:250% 100%;animation:nfxs 5s linear infinite;filter:drop-shadow(0 0 4px rgba(183,110,121,.3))}
.nfx-lava{background-image:linear-gradient(90deg,#991B1B,#EF4444,#F97316,#FBBF24,#F97316,#EF4444,#991B1B);background-size:300% 100%;animation:nfxs 4s linear infinite;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}
.nfx-galaxy{background-image:linear-gradient(90deg,#4338CA,#A855F7,#EC4899,#6366F1,#4338CA);background-size:300% 100%;animation:nfxs 8s linear infinite;position:relative;padding-inline:9px 13px}
.nfx-galaxy::before,.nfx-galaxy::after{content:"";position:absolute;background:#FDE68A;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l2.4%207.4H22l-6.2%204.5%202.4%207.4L12%2016.8l-6.2%204.5%202.4-7.4L2%209.4h7.6z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202l2.4%207.4H22l-6.2%204.5%202.4%207.4L12%2016.8l-6.2%204.5%202.4-7.4L2%209.4h7.6z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-text-fill-color:initial;animation:nfxt 2.2s ease-in-out infinite}
.nfx-galaxy::after{width:10px;height:10px;top:-2px;inset-inline-end:0}
.nfx-galaxy::before{width:7px;height:7px;bottom:0;inset-inline-start:0;background:#C4B5FD;animation-delay:1.1s}
.nfx-matrix{background-image:linear-gradient(180deg,#4ADE80,#15803D);filter:drop-shadow(0 0 4px rgba(34,197,94,.6));animation:nfxm 3s steps(1) infinite;letter-spacing:.4px}
@keyframes nfxm{0%,100%{opacity:1}92%{opacity:1}93%{opacity:.55}95%{opacity:1}97%{opacity:.7}}
.nfx-candy{background-image:repeating-linear-gradient(-45deg,#EC4899 0 5px,#8B5CF6 5px 10px,#06B6D4 10px 15px);background-size:200% 200%;animation:nfxc 2.5s linear infinite}
@keyframes nfxc{to{background-position:42px 0}}
.nfx-holo{background-image:linear-gradient(90deg,#EC4899,#06B6D4,#8B5CF6,#10B981,#F59E0B,#EC4899);background-size:400% 100%;animation:nfxs 6s linear infinite,nfxh 6s linear infinite;filter:saturate(1.25)}
@keyframes nfxh{to{filter:saturate(1.25) hue-rotate(360deg)}}
.nfx.nfx-glitch{background:none!important;color:var(--ink)!important;-webkit-text-fill-color:var(--ink);text-shadow:1.5px 0 #FF2E63,-1.5px 0 #08D9D6;animation:nfxg 3s infinite}
@keyframes nfxg{0%,86%,100%{text-shadow:1.5px 0 #FF2E63,-1.5px 0 #08D9D6;transform:none}88%{text-shadow:-2.5px 0 #FF2E63,2.5px 0 #08D9D6;transform:translateX(1px)}90%{text-shadow:2.5px 1px #FF2E63,-2px -1px #08D9D6;transform:translateX(-1px)}92%{text-shadow:1px 0 #FF2E63,-1px 0 #08D9D6;transform:none}}
.nfx.nfx-depth{background:none!important;color:#7C5CFF!important;-webkit-text-fill-color:#7C5CFF;text-shadow:1px 1px 0 #6246EA,2px 2px 0 #4F36C9,3px 3px 0 #3D28A8,4px 5px 8px rgba(61,40,168,.35)}
[data-theme="dark"] .nfx.nfx-depth{color:#A78BFA!important;-webkit-text-fill-color:#A78BFA;text-shadow:1px 1px 0 #7C5CFF,2px 2px 0 #6246EA,3px 3px 0 #4F36C9,4px 5px 10px rgba(0,0,0,.5)}
.nfx.nfx-outline{background:none!important;color:transparent!important;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.1px var(--ac);filter:drop-shadow(0 0 3px color-mix(in srgb,var(--ac) 35%,transparent));letter-spacing:.4px}
.nfx-royal{background-image:linear-gradient(90deg,#5B21B6,#9333EA,#C084FC,#9333EA,#5B21B6);background-size:300% 100%;animation:nfxs 6s linear infinite}
.nfx-diamond{background-image:linear-gradient(100deg,#0284C7,#38BDF8 35%,#BAE6FD 48%,#0EA5E9 60%,#075985);background-size:250% 100%;animation:nfxs 3.5s linear infinite;filter:drop-shadow(0 0 5px rgba(56,189,248,.45))}
.nfx-electric{background-image:linear-gradient(90deg,#CA8A04,#EAB308,#0891B2,#EAB308,#CA8A04);background-size:300% 100%;animation:nfxs 2.5s linear infinite;filter:drop-shadow(0 0 4px rgba(234,179,8,.5))}
.nfx-love{background-image:linear-gradient(90deg,#BE185D,#EC4899,#F472B6,#EC4899,#BE185D);background-size:300% 100%;animation:nfxs 5s linear infinite}
.nfx-wave{background-image:linear-gradient(90deg,#2563EB,#7C3AED,#2563EB);background-size:200% 100%;animation:nfxs 5s linear infinite;text-decoration:underline wavy #7C3AED;text-decoration-thickness:1.5px;text-underline-offset:5px;-webkit-text-decoration-color:#7C3AED}
@keyframes nfxb{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.nfxin{width:100%;max-width:150px;height:30px;padding:0 8px;font-size:12.5px;font-weight:700;text-align:center;border-color:transparent;background:transparent;border-radius:8px}
.nfxin:hover{border-color:var(--line);background:var(--sf)}
.nfxin:focus{border-color:var(--ac);background:var(--sf)}
.nfx-royal{position:relative;padding-inline-end:15px}
.nfx-royal::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:12px;height:12px;margin-top:-7px;background:#F59E0B;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2018%202%207l5.5%204L12%204l4.5%207L22%207l-1%2011z%22%20fill%3D%22%23000%22/%3E%3Crect%20x%3D%223%22%20y%3D%2219.5%22%20width%3D%2218%22%20height%3D%222.5%22%20rx%3D%221%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2018%202%207l5.5%204L12%204l4.5%207L22%207l-1%2011z%22%20fill%3D%22%23000%22/%3E%3Crect%20x%3D%223%22%20y%3D%2219.5%22%20width%3D%2218%22%20height%3D%222.5%22%20rx%3D%221%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-text-fill-color:initial;}
.nfx-diamond{position:relative;padding-inline-end:15px}
.nfx-diamond::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:12px;height:12px;margin-top:-7px;background:#38BDF8;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%203h12l4%206-10%2013L2%209z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M6%203h12l4%206-10%2013L2%209z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-text-fill-color:initial;animation:nfxt 2.6s ease-in-out infinite}
.nfx-electric{position:relative;padding-inline-end:15px}
.nfx-electric::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:12px;height:12px;margin-top:-7px;background:#EAB308;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%202%204%2014h7l-1%208%209-12h-7z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%202%204%2014h7l-1%208%209-12h-7z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-text-fill-color:initial;animation:nfxt 1.6s ease-in-out infinite}
.nfx-love{position:relative;padding-inline-end:15px}
.nfx-love::after{content:"";position:absolute;inset-inline-end:0;top:50%;width:12px;height:12px;margin-top:-7px;background:#EC4899;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2021s-8-5.2-8-11a4.5%204.5%200%200%201%208-2.8A4.5%204.5%200%200%201%2020%2010c0%205.8-8%2011-8%2011z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2021s-8-5.2-8-11a4.5%204.5%200%200%201%208-2.8A4.5%204.5%200%200%201%2020%2010c0%205.8-8%2011-8%2011z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center/contain no-repeat;-webkit-text-fill-color:initial;animation:nfxb 1.4s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.nfx,.nfx::after,.nfx::before{animation:none!important}}

/* v48 level under avatar */
.pavw{display:flex;flex-direction:column;align-items:center;flex:none;position:relative}
.plv2{position:relative;z-index:1;display:inline-flex;align-items:center;gap:3px;margin-top:-9px;height:18px;padding:0 7px;border-radius:999px;background:var(--grad);color:#fff;font:700 10.5px/1 Rubik,Heebo,sans-serif;white-space:nowrap;border:2px solid var(--sf);box-shadow:0 4px 10px -4px rgba(106,76,255,.6);font-variant-numeric:tabular-nums}
.plv2 svg{width:10px;height:10px}
.post.opx .plv2{border-color:color-mix(in srgb,var(--c) 6%,var(--sf))}
.phn2 h1>b.nfx{display:inline-block;padding-block:2px}

.cover .cvbtn svg{position:static!important;inset:auto!important;width:16px!important;height:16px!important;opacity:1!important;flex:none}

/* v49 modest level label under avatar */
.plv2{margin-top:6px!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--mute)!important;font:600 11px/1.2 Heebo,Rubik,sans-serif!important;gap:3px!important;letter-spacing:.1px}
.plv2 svg{width:10px!important;height:10px!important;color:var(--ac);opacity:.7}

/* v50 level label hairline frame */
.plv2{border:1px solid color-mix(in srgb,var(--ac) 22%,var(--line))!important;border-radius:999px!important;padding:2px 7px 2px 8px!important;background:color-mix(in srgb,var(--sf) 85%,transparent)!important;line-height:1!important;font-size:10.5px!important}
/* v50 rename dialog */
.dudlg.rndlg{max-width:440px;border-top:0;overflow:hidden}
.rndlg::before{content:"";display:block;height:4px;background:var(--grad)}
.rnf{display:flex;flex-direction:column;gap:12px;padding:20px 22px 22px}
.rnf .fl{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:13.5px}
.rnf .in{width:100%;box-sizing:border-box}
.rnh{display:flex;align-items:center;gap:12px}
.rnh .av{width:46px;height:46px;font-size:18px}
.rnh h2{margin:0;font-size:18px}
.rnerr{min-height:18px;font-size:13px;color:#E5484D;font-weight:600;margin-top:-6px}
.rninfo{margin:0;padding:10px 14px 10px 10px;padding-inline-start:28px;border-radius:12px;background:var(--sf2);font-size:12.5px;color:var(--mute);display:flex;flex-direction:column;gap:3px}
.rnchk{display:flex;align-items:center;gap:8px;font-size:13.5px;cursor:pointer}
.rnchk input{accent-color:var(--ac);width:17px;height:17px}
.rnact{display:flex;gap:8px;flex-wrap:wrap}
.rnact .btn{gap:6px}

/* v51 copyright line matches footer links */
#ft .sfc{font-size:12.5px!important;font-weight:400!important;color:var(--mute)!important;opacity:1}
@media(max-width:600px){#ft .sfc{font-size:12px!important}}
@media(max-width:370px){#ft .sfc{font-size:11px!important}}

/* v52 feed: lighter, glassier, still present */
.card.feed{background:linear-gradient(135deg,color-mix(in srgb,var(--sf) 62%,transparent),color-mix(in srgb,var(--sf) 40%,transparent) 55%,color-mix(in srgb,var(--sf) 52%,transparent))!important;-webkit-backdrop-filter:blur(22px) saturate(1.8)!important;backdrop-filter:blur(22px) saturate(1.8)!important;border:1px solid color-mix(in srgb,var(--ac) 16%,color-mix(in srgb,#fff 55%,transparent))!important;box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 70%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 18%,transparent),0 24px 48px -26px rgba(76,52,190,.45),0 2px 8px -3px rgba(23,16,64,.08)!important}
.card.feed::before{background:radial-gradient(560px 200px at 100% 0,color-mix(in srgb,var(--ac) 13%,transparent),transparent 70%),radial-gradient(460px 180px at 0 100%,color-mix(in srgb,#00D4FF 10%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,#fff 22%,transparent),transparent 38%)!important}
[data-theme="dark"] .card.feed{border-color:color-mix(in srgb,var(--ac) 28%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 48px -26px rgba(0,0,0,.6)!important}
[data-theme="dark"] .card.feed::before{background:radial-gradient(560px 200px at 100% 0,color-mix(in srgb,var(--ac) 16%,transparent),transparent 70%),radial-gradient(460px 180px at 0 100%,color-mix(in srgb,#00D4FF 10%,transparent),transparent 70%)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .card.feed{border-color:color-mix(in srgb,var(--ac) 28%,transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 48px -26px rgba(0,0,0,.6)!important}:root:not([data-theme="light"]) .card.feed::before{background:radial-gradient(560px 200px at 100% 0,color-mix(in srgb,var(--ac) 16%,transparent),transparent 70%),radial-gradient(460px 180px at 0 100%,color-mix(in srgb,#00D4FF 10%,transparent),transparent 70%)!important}}
.card.feed .fdh{border-bottom-color:color-mix(in srgb,var(--line) 55%,transparent)!important}
.card.feed .tpi{border-top-color:color-mix(in srgb,var(--line) 50%,transparent)!important}
.card.feed .fdp .tpi:nth-child(odd){border-inline-end-color:color-mix(in srgb,var(--line) 50%,transparent)!important}
.card.feed .tpi:hover{background:color-mix(in srgb,var(--sf) 55%,transparent)!important}
.card.feed .fsw{background:color-mix(in srgb,var(--sf) 45%,transparent)!important;border-color:color-mix(in srgb,#fff 45%,var(--line))!important}
.card.feed .tpic{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 18%,transparent)}
[data-theme="dark"] .card.feed .fsw{border-color:color-mix(in srgb,var(--line) 80%,transparent)!important}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .card.feed .fsw{border-color:color-mix(in srgb,var(--line) 80%,transparent)!important}}

/* v53 dark mode: clearer separation between posts */
[data-theme="dark"] .posts{gap:18px}
[data-theme="dark"] .post{background:linear-gradient(180deg,color-mix(in srgb,var(--sf) 94%,#fff 6%),var(--sf) 120px)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px -22px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.25)!important}
[data-theme="dark"] .post .ptop{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
[data-theme="dark"] .post .pa{border-top:1px solid rgba(255,255,255,.06)!important}
[data-theme="dark"] .post .opt{border-bottom-color:rgba(255,255,255,.06)!important}
[data-theme="dark"] .post .opf{border-top-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important}
[data-theme="dark"] .post.opx{border-color:color-mix(in srgb,var(--c) 38%,rgba(255,255,255,.08))!important}
[data-theme="dark"] .post:hover{border-color:rgba(255,255,255,.13)!important}
[data-theme="dark"] .post.opx:hover{border-color:color-mix(in srgb,var(--c) 50%,rgba(255,255,255,.1))!important}
[data-theme="dark"] .post .pc .sig{border-top-color:rgba(255,255,255,.06)!important}
@media(prefers-color-scheme:dark){
:root:not([data-theme="light"]) .posts{gap:18px}
:root:not([data-theme="light"]) .post{background:linear-gradient(180deg,color-mix(in srgb,var(--sf) 94%,#fff 6%),var(--sf) 120px)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px -22px rgba(0,0,0,.85),0 0 0 1px rgba(0,0,0,.25)!important}
:root:not([data-theme="light"]) .post .ptop{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
:root:not([data-theme="light"]) .post .pa{border-top:1px solid rgba(255,255,255,.06)!important}
:root:not([data-theme="light"]) .post .opt{border-bottom-color:rgba(255,255,255,.06)!important}
:root:not([data-theme="light"]) .post .opf{border-top-color:rgba(255,255,255,.06)!important;background:rgba(255,255,255,.025)!important}
:root:not([data-theme="light"]) .post.opx{border-color:color-mix(in srgb,var(--c) 38%,rgba(255,255,255,.08))!important}
:root:not([data-theme="light"]) .post:hover{border-color:rgba(255,255,255,.13)!important}
:root:not([data-theme="light"]) .post.opx:hover{border-color:color-mix(in srgb,var(--c) 50%,rgba(255,255,255,.1))!important}
:root:not([data-theme="light"]) .post .pc .sig{border-top-color:rgba(255,255,255,.06)!important}
}
.post{transition:border-color .2s}

/* v54 bottom nav: centered, modest new-topic button */
@media(max-width:820px){
 .bnav{align-items:center}
 .bnav .bnnew{justify-self:stretch;width:auto;height:auto;margin:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none;color:var(--ac);display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0 4px}
 .bnav .bnnew:active{transform:none}
 .bnav .bnplus{width:44px;height:30px;border-radius:11px;background:var(--grad);color:#fff;box-shadow:0 6px 14px -8px rgba(106,76,255,.9),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s,box-shadow .15s}
 .bnav .bnplus svg{width:19px;height:19px;stroke-width:2.4}
 .bnav .bnnew:active .bnplus{transform:scale(.94)}
 .bnav .bnnew .bnl{color:var(--ac);font-weight:700}
}

/* v55 chat unread badges: centered digits, no white ring in light mode */
.bnic em,.chl em{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border-radius:999px!important;border:0!important;font:700 10.5px/1 Heebo,Arial,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;box-shadow:0 2px 6px -1px rgba(255,59,92,.45)}
.chl em{min-width:20px!important;height:20px!important;font-size:11px!important;top:-3px!important;inset-inline-start:-3px!important}
.bnic em{top:-4px!important;inset-inline-start:1px!important}
[data-theme="dark"] .bnic em,[data-theme="dark"] .chl em{box-shadow:0 0 0 2px var(--sf),0 2px 6px -1px rgba(0,0,0,.5)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .bnic em,:root:not([data-theme="light"]) .chl em{box-shadow:0 0 0 2px var(--sf),0 2px 6px -1px rgba(0,0,0,.5)}}

/* v56 edit */
.pedf{padding:14px 20px 6px;display:flex;flex-direction:column;gap:10px}
.pedt{display:grid;grid-template-columns:150px 1fr;gap:8px}
.pedt .in{min-width:0}
.pedb{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pedit{display:flex;align-items:center;gap:5px;margin:2px 20px 10px;font-size:11.5px;color:var(--mute);font-style:italic}
.pedit svg{width:12px;height:12px;opacity:.7}
@media(max-width:640px){.pedf{padding:12px 14px 4px}.pedt{grid-template-columns:1fr}.pedit{margin:2px 14px 8px}}
/* v56 follow / save */
.opbt.fsb.on{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,var(--line));background:color-mix(in srgb,var(--ac) 8%,var(--sf))}
.ntk.follow{background:#0EA5E9}
.mvic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--ac)}
/* v56 pager */
.pgn{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;margin:2px 0 14px}
.pgn.pgbot{margin:16px 0}
.pgnums{display:flex;align-items:center;gap:4px}
.pgn button{min-width:36px;height:36px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;font-variant-numeric:tabular-nums;transition:border-color .15s,color .15s,background .15s}
.pgn button:hover:not(:disabled){border-color:color-mix(in srgb,var(--ac) 45%,var(--line));color:var(--ac)}
.pgn button[aria-current="page"]{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 6px 14px -8px rgba(106,76,255,.8)}
.pgn button:disabled{opacity:.4;cursor:default}
.pgd{color:var(--mute);padding:0 2px}
.pgi{font-size:12.5px;color:var(--mute);margin-inline:6px}
.pgtitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--sf)}
.pgtitle b{font-size:16px;font-weight:700}
.pgtitle .sub{margin-inline-start:auto;font-size:12.5px}
.pgtk{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
@media(max-width:640px){.pgi{display:none}.pgn{gap:6px}.pgn button{min-width:34px;height:34px;padding:0 8px}}
/* v56 polls */
.poll{margin:16px 20px 6px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--ac) 22%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 6%,var(--sf)),var(--sf))}
.pollh{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.pollh>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.pollh b{font-size:15.5px}
.polli{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
.pollf{display:grid;gap:6px}
.pollo{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sf);cursor:pointer;font-size:14.5px;transition:border-color .15s,background .15s}
.pollo:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.pollo input{accent-color:var(--ac);width:17px;height:17px;margin:0;flex:none}
.pollo:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.pollres{display:grid;gap:7px}
.pollr{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--sf);overflow:hidden;font-size:14.5px}
.pollbar{position:absolute;inset-block:0;inset-inline-start:0;background:color-mix(in srgb,var(--ac) 12%,transparent);transition:width .6s cubic-bezier(.2,.7,.2,1)}
.pollr.top .pollbar{background:color-mix(in srgb,var(--ac) 20%,transparent)}
.pollr.me{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.pollt,.pollp{position:relative;z-index:1}
.pollt{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.pollmy{display:inline-flex;align-items:center;gap:3px;font-style:normal;font-size:11px;font-weight:700;color:var(--ac)}
.pollp{font-size:12.5px;color:var(--mute);white-space:nowrap;font-variant-numeric:tabular-nums}
.pollp b{color:var(--ink);font-size:13.5px}
.polla{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.trs.tpoll{--k:#0EA5E9}
@media(max-width:640px){.poll{margin:14px 14px 4px;padding:12px}}
/* v56 poll builder in new-topic dialog */
.fpoll{margin:4px 0 10px}
.fpadd{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border:1px dashed color-mix(in srgb,var(--ac) 45%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--ac) 5%,var(--sf));color:var(--ac);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.fpadd[hidden]{display:none}
.fpbox{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--sf2)}
.fpbox[hidden]{display:none}
.fphd{display:flex;align-items:center;justify-content:space-between}
.fphd b{display:inline-flex;align-items:center;gap:6px;font-size:14px}
#fpOpts{display:flex;flex-direction:column;gap:6px}
.fpr{display:flex;gap:6px;align-items:center}
.fpr .in{flex:1;min-width:0}
.fpx{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--sf);color:var(--mute);display:grid;place-items:center;cursor:pointer;flex:none}
.fpx:hover{color:#E5484D}

/* v57 fixes */
@media(max-width:600px){.seg.in2{width:auto}.seg.in2 button{flex:1 1 0}}
.pgi{margin-inline:0 4px}
.pollo input,.fpoll input[type=checkbox]{accent-color:var(--ac)}
[data-theme="dark"] .pollo input,[data-theme="dark"] .fpoll input[type=checkbox]{color-scheme:dark}

/* ===== v57: polls admin + system message templates ===== */
#fPoll[hidden]{display:none!important}
.pollh>div{flex:1}
.plhx{display:inline-flex;align-items:center;gap:6px;flex:none;margin-inline-start:auto;align-self:flex-start}
.plst{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;color:#15803D;background:color-mix(in srgb,#16A34A 10%,var(--sf));border:1px solid color-mix(in srgb,#16A34A 22%,var(--line))}
.plst.off{color:var(--mute);background:var(--sf2);border-color:var(--line)}
[data-theme="dark"] .plst:not(.off){color:#4ADE80}
.plgo{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--sf);color:var(--mute);display:grid;place-items:center;cursor:pointer;transition:color .15s,border-color .15s}
.plgo:hover{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.poll.closed .polli{filter:grayscale(.75);opacity:.8}
.pollo.dis{opacity:.6;cursor:not-allowed}
.pollo.stat{cursor:default;justify-content:space-between}
.pollo.stat:hover{border-color:var(--line)}
.pollo.stat.me{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));background:color-mix(in srgb,var(--ac) 5%,var(--sf))}
.plnote{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:12.5px;color:var(--mute)}
.plnote svg{flex:none}
.plw{display:grid;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.plwo{display:flex;align-items:baseline;gap:6px 10px;flex-wrap:wrap;font-size:13px}
.plwo>b{font-weight:700;min-width:84px}
.plwo>span{display:flex;flex-wrap:wrap;gap:4px}
.plwn{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:999px;padding:2px 9px;font-family:inherit;font-size:12px;cursor:pointer}
.plwn:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));color:var(--ac)}
/* new topic builder: auto close */
.fpfoot{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap}
.fpend{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--mute)}
.fpend>span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.fpend .in{width:auto;min-width:140px;height:36px;padding:0 10px;font-size:13px}
/* panel: polls */
.pltiles{grid-template-columns:repeat(3,1fr)}
.plsel{width:auto;min-width:180px}
.plr{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;padding:14px 2px;border-top:1px solid var(--line)}
.plri{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
.plr.off .plri{background:var(--sf2);color:var(--mute);border:1px solid var(--line)}
.plrt{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:3px}
.plrt>b{font-size:14.5px;line-height:1.35}
.plrs{display:flex;flex-wrap:wrap;gap:4px;font-size:12.5px;color:var(--mute)}
.pllink{border:0;background:none;padding:0;font-family:inherit;font-size:inherit;color:var(--ac);cursor:pointer;text-align:start}
.pllink:hover{text-decoration:underline}
.plrm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;color:var(--mute);margin-top:4px}
.plrm b{color:var(--ink);font-weight:600}
.plra{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none;margin-inline-start:auto}
.plra .bdx{padding:6px}
.plra .bdx:disabled{opacity:.35;cursor:default;background:none;color:var(--mute)}
.plcf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#D6453D}
.plr.flash{border-radius:12px}
.plnew{border-top:0;padding-top:2px}
.ple{flex:1 1 100%;display:flex;flex-direction:column;gap:12px;margin-top:2px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--sf2)}
.ple .fl{font-size:13px}
.plopts{display:flex;flex-direction:column;gap:6px}
.plvc{font-size:11.5px;color:var(--mute);white-space:nowrap;font-weight:600}
.plao{align-self:flex-start}
.plg{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap}
.pldet summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--ac);display:inline-flex;align-items:center;gap:6px;list-style:none}
.pldet summary::-webkit-details-marker{display:none}
.pldet .plw{background:var(--sf)}
/* forum settings: sub switch + templates */
.fsseg{margin-bottom:14px}
.fsseg button{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tqsig{margin-top:8px}
.tqr{padding:12px 0;border-top:1px solid var(--line)}
.fsh+.tqr{border-top:0}
.tqh{display:flex;align-items:flex-start;gap:12px}
.tqh .swt{flex:none;margin-top:3px}
.tqt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tqt b{font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tqt small{font-size:12px;color:var(--mute)}
.tqp{font-size:12.5px;color:var(--ink);margin-top:5px;padding:6px 10px;border-radius:10px;background:var(--sf2);border-inline-start:2px solid color-mix(in srgb,var(--ac) 40%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tqr.off .tqt b,.tqr.off .tqp{opacity:.5}
.tqc{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--ac) 10%,var(--sf));color:var(--ac)}
.tqb{flex:none}
.tqe{display:flex;flex-direction:column;gap:12px;margin-top:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--sf2)}
.tqe .fl{font-size:13px}
.tqx{min-height:112px;resize:vertical;line-height:1.6;font-family:inherit;width:100%}
.tqv,.tqm{display:flex;flex-direction:column;gap:7px}
.tqvl{font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.tqvl small{font-weight:500;color:var(--mute)}
.tqvs{display:flex;flex-wrap:wrap;gap:6px}
.tqk{height:28px;padding:0 10px;border-radius:8px;border:1px dashed color-mix(in srgb,var(--ac) 45%,var(--line));background:var(--sf);color:var(--ac);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s}
.tqk:hover{background:color-mix(in srgb,var(--ac) 8%,var(--sf))}
.tqpm{border:1px solid var(--line);border-radius:14px;background:var(--sf);padding:12px 14px}
.tqfrom{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px}
.tqfrom small{color:var(--mute);margin-inline-start:auto;font-size:11.5px}
.tqbody{font-size:14px;line-height:1.65;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--ac) 7%,var(--sf));overflow-wrap:anywhere}
.tqnote{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;color:var(--mute)}
.tqnote svg{flex:none}
.tqrst{margin-inline-start:auto}
.tqoff{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;font-size:13px;color:var(--mute)}
.tqlink{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;font-size:13px}
@media(max-width:600px){
 .tiles.pltiles{grid-template-columns:repeat(3,1fr)}
 .plra{margin-inline-start:50px}
 .plsel{min-width:0;width:100%}
 .tqh{gap:10px}
 .tqb{padding:0 10px;min-width:36px}
 .tqb span{display:none}
 .pollh{flex-wrap:wrap}
 .plhx{flex-basis:100%;justify-content:flex-start;margin-inline-start:46px;margin-top:-4px}
 .tqrst{margin-inline-start:0}
 .fpend{width:100%}
 .fpend .in{flex:1}
}

/* ===== v58: admin navigation + staff home ===== */
.pnpick{display:none}
.pnlist{display:contents}
.pm #pnav button[aria-current="page"]{background:var(--acs);color:var(--ac);font-weight:700;border-inline-start-color:var(--ac)}
.pm #pnav button[aria-current="page"] svg{opacity:1}
#pnav button:focus-visible,.pna:focus-visible,.pnpick:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.tc.tcs{background:var(--sf2);color:var(--mute);border:1px solid var(--line)}
@media(max-width:820px){
 #main.pm>#pnav{display:block;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none;margin:0 0 12px}
 .pnpick{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;border-radius:14px;border:1px solid var(--line);background:var(--sf);box-shadow:0 4px 14px -6px rgba(21,14,58,.18);cursor:pointer;font-family:inherit;color:var(--ink);text-align:start}
 .pnpi{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--grad);color:#fff;flex:none}
 .pnpt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.2}
 .pnpt small{font-size:11.5px;color:var(--mute);font-weight:600}
 .pnpt b{font-size:15.5px;font-weight:700}
 .pnch{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--sf2);color:var(--mute);transition:transform .2s}
 #pnav.open .pnch{transform:rotate(180deg)}
 #pnav.open .pnpick{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
 .pnlist{display:none}
 #pnav.open .pnlist{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;position:absolute;top:calc(100% + 6px);inset-inline:0;max-height:min(68vh,560px);overflow:auto;background:var(--sf);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -16px rgba(21,14,58,.45);padding:10px 8px;z-index:40}
 #pnav .pnlist .tgp,#pnav .pnlist .tgp+.tgp{flex-direction:column;gap:2px;margin:0;padding:0;border:0}
 #pnav .pnlist .tgh{display:block;padding:6px 10px 3px}
 .pm #pnav .pnlist button{width:100%;display:flex;align-items:center;gap:9px;white-space:normal;padding:10px;font-size:14px;border-radius:9px;border-bottom:0;border-inline-start:3px solid transparent;line-height:1.25}
 .pm #pnav .pnlist button span{flex:1}
 .pm #pnav .pnlist button[aria-current="page"]{border-inline-start-color:var(--ac)}
}
@media(max-width:820px) and (prefers-reduced-motion:reduce){.pnch{transition:none}}
/* staff home */
.card.pnc{padding:4px 20px 14px}
.pnch2{display:flex;align-items:center;gap:8px;padding:14px 0 8px}
.pnch2 h3{flex:1;display:flex;align-items:center;gap:8px;margin:0;font-size:16px}
.pnch2 .sub{font-size:12.5px}
.pnt{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.pnch2+.pnt{border-top:0}
.pnti{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.pnt.hot .pnti{background:color-mix(in srgb,#E5484D 12%,var(--sf));color:#E5484D}
.pntt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pntt b{font-size:14px}
.pntt small{font-size:12px;color:var(--mute)}
.pntl{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-top:6px;font-size:13px}
.pnt .btn{flex:none}
.pnok{display:flex;align-items:center;gap:12px;padding:6px 0 8px}
.pnok>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:color-mix(in srgb,#16A34A 12%,var(--sf));color:#16A34A}
.pnok b{display:block;font-size:14px}
.pnok small{font-size:12.5px;color:var(--mute)}
.pnsh{display:flex;align-items:baseline;gap:8px;margin:6px 4px 10px}
.pnsh h3{display:flex;align-items:center;gap:6px;margin:0;font-size:15px}
.pnsh .sub{font-size:12.5px}
.pntiles.sc{grid-template-columns:repeat(4,1fr)}
.pnag+.pnag{margin-top:14px}
.pnagh{display:block;font-size:11.5px;font-weight:700;color:var(--mute);margin:0 2px 7px;letter-spacing:.2px}
.pnagr{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.pna{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:var(--sf);cursor:pointer;text-align:start;font-family:inherit;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .15s}
.pna:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line));box-shadow:0 8px 20px -14px rgba(106,76,255,.6);transform:translateY(-1px)}
.pnai{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.pnat{display:flex;flex-direction:column;gap:2px;min-width:0}
.pnat b{font-size:14px;display:flex;align-items:center;gap:6px}
.pnat small{font-size:12px;color:var(--mute);line-height:1.45}
.card.pnin{padding:18px 20px;border-color:color-mix(in srgb,var(--ac) 30%,var(--line));background:linear-gradient(160deg,color-mix(in srgb,var(--ac) 7%,var(--sf)),var(--sf) 60%)}
.pninh{display:flex;align-items:center;gap:12px}
.pnini{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
.pninh h3{margin:0 0 2px;font-size:17px}
.pnil{list-style:none;margin:14px 0;padding:0;display:grid;gap:9px}
.pnil li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;line-height:1.55}
.pnil li svg{color:var(--ac);flex:none;margin-top:4px}
@media(prefers-reduced-motion:reduce){.pna,.pna:hover{transition:none;transform:none}}
@media(max-width:600px){
 .card.pnc{padding:4px 14px 12px}
 .card.pnin{padding:14px}
 .pntiles.sc{grid-template-columns:repeat(2,1fr)}
 .pnagr{grid-template-columns:1fr}
 .pnt{flex-wrap:wrap}
 .pnt .btn{margin-inline-start:50px}
}

/* v58 fixes */
#pnav .pnpick{display:none}
.pntiles{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){
 #main.pm #pnav .pnpick{display:flex;width:100%;border:1px solid var(--line);border-radius:14px;padding:8px 12px;white-space:normal;font-size:inherit}
 #main.pm #pnav.open .pnpick{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
}
@media(max-width:600px){
 .pntiles,.pntiles.sc{grid-template-columns:repeat(4,1fr);gap:6px}
 .pntiles .tile{padding:9px 4px}
 .pntiles .tile b{font-size:17px}
 .pntiles .tile span{font-size:11.5px;line-height:1.3;display:block}
}

/* v59: view as any rank */
.vamc b{display:flex;align-items:center;flex-wrap:wrap;gap:2px 4px}
.vamc label{cursor:pointer}
.vams{appearance:none;-webkit-appearance:none;border:0;border-bottom:1.5px dashed color-mix(in srgb,var(--ac) 55%,transparent);border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236A4CFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat left 0 center/12px;font-family:inherit;font-size:14px;font-weight:700;color:var(--ac);padding:0 2px 1px 16px;cursor:pointer;max-width:100%}
.vams:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}
.vams option{color:var(--ink);background:var(--sf);font-weight:500}
.vamc .vamscw{display:inline-flex;flex-direction:row;align-items:center;gap:2px;white-space:nowrap}
.vamc .vamsep{display:inline;font-weight:700;margin-inline-start:2px}

/* ===== v61: forum rules ===== */
.frbar{--rd:#D92D20;display:flex;align-items:center;gap:12px;width:100%;margin:0 0 12px;padding:9px 14px 9px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--rd) 26%,var(--line));border-inline-start:4px solid var(--rd);background:linear-gradient(90deg,color-mix(in srgb,var(--rd) 4%,var(--sf)),color-mix(in srgb,var(--rd) 9%,var(--sf)));color:var(--ink);font-family:inherit;text-align:start;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.frbar:hover{border-color:color-mix(in srgb,var(--rd) 45%,var(--line));border-inline-start-color:var(--rd);box-shadow:0 8px 20px -14px rgba(217,45,32,.55)}
.frbar:focus-visible{outline:2px solid var(--rd);outline-offset:2px}
.frbi{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--rd);color:#fff;box-shadow:0 4px 10px -5px rgba(217,45,32,.7)}
.frbt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.25}
.frbt b{font-size:14.5px;font-weight:700;color:#B42318}
.frbt small{font-size:12px;color:var(--mute)}
.frbm{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:13px;font-weight:700;color:#B42318}
.frbm svg{transform:rotate(90deg);transition:transform .15s}
.frbar:hover .frbm svg{transform:rotate(90deg) translateY(2px)}
[data-theme="dark"] .frbar{--rd:#F04438;background:linear-gradient(90deg,color-mix(in srgb,var(--rd) 8%,var(--sf)),color-mix(in srgb,var(--rd) 14%,var(--sf)))}
[data-theme="dark"] .frbt b,[data-theme="dark"] .frbm{color:#FDA29B}
.card.frc{padding:20px 22px 18px}
.frh{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.frh h1{margin:0 0 2px;font-size:21px}
.frhi{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none;background:#D92D20;color:#fff;box-shadow:0 8px 18px -10px rgba(217,45,32,.8)}
.frb{font-size:15px;line-height:1.85}
.frf{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.fre{display:flex;flex-direction:column;gap:10px}
.frnote{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;color:var(--mute)}
.frrst{margin-inline-start:auto}
@media(prefers-reduced-motion:reduce){.frbar,.frbm svg{transition:none}}
@media(max-width:600px){
 .frbar{padding:8px 10px 8px 10px;gap:10px}
 .frbm span{display:none}
 .card.frc{padding:16px 14px}
 .frh h1{font-size:18px}
 .frrst{margin-inline-start:0}
}

/* ===== v62: several scopes in the rank dialog ===== */
.rksc>span:first-child{font-weight:700}
.rksc>span:first-child small{font-weight:500;color:var(--mute);font-size:12px;margin-inline-start:4px}
.rksw{display:flex;flex-direction:column;gap:10px;max-height:32vh;overflow:auto;padding:2px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--sf2)}
.rksg{display:flex;flex-direction:column;gap:6px}
.rksgh{font-size:11.5px;font-weight:700;color:var(--mute)}
.rksl{display:flex;flex-wrap:wrap;gap:6px}
.rkc{position:relative;cursor:pointer}
.rkc input{position:absolute;opacity:0;pointer-events:none}
.rkc span{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--sf);font-size:13px;font-weight:600;color:var(--ink);transition:border-color .15s,background .15s,color .15s}
.rkc span svg{display:none}
.rkc.sub span{font-weight:500;color:var(--mute)}
.rkc.sub span::before{content:"↲";font-size:12px;opacity:.6}
.rkc em{font-style:normal;font-size:11px;color:var(--mute);background:var(--sf2);border-radius:999px;padding:0 6px;margin-inline-start:2px}
.rkc:hover span{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.rkc input:checked+span{border-color:var(--ac);background:var(--acs);color:var(--ac)}
.rkc input:checked+span svg{display:block}
.rkc input:focus-visible+span{outline:2px solid var(--ac);outline-offset:2px}
#rksn.bad{color:#B42318}

/* v63 */
.rkb small{white-space:normal;text-align:start;line-height:1.3}

/* v64: full scope list inside the rank pill */
.prk{height:auto;min-height:20px;white-space:normal;flex-wrap:wrap;row-gap:2px;line-height:1.35;padding-block:2px;border-radius:11px;max-width:100%}
.prk em{white-space:normal}
@media(max-width:600px){.prk.mul{flex-direction:column;align-items:flex-start;gap:1px;padding:4px 10px;border-radius:12px}.prk.mul em{border:0;margin:0;padding:0}}

/* ===== v64: personal permissions ===== */
.pupick{padding:0 18px 12px}
.pusr{display:flex;align-items:center;position:relative;max-width:440px}
.pusr svg{position:absolute;inset-inline-start:12px;color:var(--mute);pointer-events:none}
.pusr .in{width:100%;padding-inline-start:38px}
.puchips{align-items:center}
.puchl{font-size:12.5px;color:var(--mute);font-weight:600}
.puhead .puwho{display:flex;align-items:center;gap:12px;min-width:0}
.pun{color:var(--ac);font-weight:700}
.puact{display:flex;gap:8px;flex-wrap:wrap}
.pugn{font-size:11.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 8px}
.prr.pur{cursor:default}
.prr.pur:hover{background:transparent}
.prr.pur.ovr{background:color-mix(in srgb,var(--ac) 6%,var(--sf));box-shadow:inset 3px 0 0 var(--ac)}
.pupt{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 7px;margin-inline-start:6px;vertical-align:middle}
.seg.puseg{flex:none;margin:0;width:auto;box-shadow:none}
.puseg button{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;padding:6px 12px;white-space:nowrap}
.puseg button[data-pus$="|0"][aria-pressed="true"]{background:#E5484D;color:#fff;border-color:#E5484D}
.puseg button:disabled{opacity:.5;cursor:default}
.pud{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--mute) 45%,transparent);flex:none}
.pud.on{background:#22C55E}
.puseg button[aria-pressed="true"] .pud{box-shadow:0 0 0 2px rgba(255,255,255,.75)}
.pubtn{display:inline-flex;align-items:center;gap:6px}
.pubtn em{font-style:normal;font-size:11px;font-weight:700;background:var(--ac);color:#fff;border-radius:999px;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px}
@media(max-width:600px){
 .pupick{padding:0 14px 12px}
 .pusr{max-width:none}
 .prr.pur{flex-direction:column;align-items:stretch;gap:10px}
 .seg.puseg{width:100%}
 .puseg button{flex:1 1 0;padding:7px 6px}
}
.punote{display:flex;align-items:flex-start;gap:7px;margin:0;padding:10px 18px;font-size:12.5px;color:#92400E;background:color-mix(in srgb,#F59E0B 9%,var(--sf));border-bottom:1px solid var(--line)}
.punote svg{flex:none;margin-top:2px}
[data-theme="dark"] .punote{color:#FCD34D}
@media(max-width:600px){.punote{padding:10px 14px}}
@media(max-width:600px){.fmtop .seg:has([data-pview]){width:100%}.fmtop .seg:has([data-pview]) button{flex:1 1 0;justify-content:center;padding-inline:6px;font-size:13px}.fmtop .seg:has([data-pview]) button svg{display:none}}

/* ===== v65: hidden forums ===== */
.visb{display:inline-flex;align-items:center;gap:5px}
.fma .visb.lim{color:#B42318;border-color:color-mix(in srgb,#E5484D 40%,var(--line));background:color-mix(in srgb,#E5484D 6%,var(--sf))}
.fma .visb.reg{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
[data-theme="dark"] .fma .visb.lim{color:#FDA29B}
.fmh .cvb.lim{background:rgba(229,72,77,.3)!important;border-color:rgba(255,170,170,.55)!important}
.fmh .cvb.reg{background:rgba(255,255,255,.22)!important}
@media(max-width:640px){.fmh .cvb span{display:none}}
.vhb{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 7px;margin-inline-start:6px;border-radius:999px;font-size:10.5px;font-weight:700;color:#B42318;background:color-mix(in srgb,#E5484D 9%,var(--sf));border:1px solid color-mix(in srgb,#E5484D 28%,var(--line));vertical-align:middle;white-space:nowrap}
.vhb.lg{font-size:12px;height:22px;padding:0 9px;margin-inline-start:10px}
[data-theme="dark"] .vhb{color:#FDA29B}
.visf .vism{display:grid;gap:8px}
.viso{position:relative;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;transition:border-color .15s,background .15s}
.viso input{position:absolute;opacity:0;pointer-events:none}
.viso>i{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none}
.viso input:checked~i{border-color:var(--ac);background:var(--ac);box-shadow:inset 0 0 0 3px var(--sf)}
.viso:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 7%,var(--sf))}
.viso input:focus-visible~i{outline:3px solid var(--ac);outline-offset:2px}
.viso span{display:flex;flex-direction:column;gap:1px}
.viso b{font-size:14px}
.viso small{font-size:12.5px;color:var(--mute)}
.visc{display:flex;flex-direction:column;gap:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.visdlg{max-height:92vh;overflow:auto}
.visc[hidden]{display:none}
.visg{display:flex;flex-direction:column;gap:7px}
.visgh{font-size:12.5px;font-weight:700}
.visu{display:flex;gap:6px}
.visu .in{flex:1;min-width:0}
.visuc>span{border-color:var(--ac)!important;background:var(--acs)!important;color:var(--ac)!important;padding-inline-end:6px!important}
.visuc button{border:0;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;padding:2px;border-radius:50%;margin-inline-start:2px}
.visuc button svg{display:block!important}
.visuc button:hover{background:color-mix(in srgb,var(--ac) 15%,transparent)}
.visnote{display:flex;gap:6px;align-items:flex-start;margin:0}
.visnote svg{flex:none;margin-top:2px}

/* v66: tall dialogs scroll */
dialog.rndlg{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* ===== v66: legend picker ===== */
.legc{padding:4px 18px 16px}
.legd{margin:12px 0 10px;font-size:13px;color:var(--mute)}
.legl{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.legi{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;background:var(--sf);transition:border-color .15s,background .15s}
.legi:has(input:checked){border-color:color-mix(in srgb,var(--c) 45%,var(--line));background:color-mix(in srgb,var(--c) 6%,var(--sf))}
.legt{display:flex;flex-direction:column;gap:1px;min-width:0}
.legt b{display:flex;align-items:center;gap:7px;color:var(--c);font-size:14px}
.legt i{width:9px;height:9px;border-radius:50%;background:var(--c);flex:none}
.legt small{font-size:12px;color:var(--mute)}
.legi .swt{flex:none}
.legp{margin-top:14px;padding:12px;border-radius:12px;background:var(--sf2);border:1px dashed var(--line);text-align:center}
.legph{display:block;font-size:11px;color:var(--mute);margin-bottom:6px}
@media(max-width:600px){.legc{padding:4px 14px 14px}.legl{grid-template-columns:1fr}.lg1{flex-wrap:wrap;row-gap:2px}}

/* v68 owner Dashboard */
.dbw{container-type:inline-size;min-width:0}
.dbhero{padding:0;margin-bottom:14px}
.dbhh{display:flex;align-items:center;gap:13px;padding:16px 18px}
.dbhi{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--ac) 85%,transparent)}
.dbht{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.dbht h2{margin:0;font-size:19px;line-height:1.25;display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;letter-spacing:.2px}
.dbht .sub{font-size:13px;line-height:1.55}
.dbown{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;letter-spacing:0;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:2px 9px 2px 10px;background:var(--sf2)}
.dbown svg{color:var(--ac)}
.dbn{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-top:1px solid var(--line);background:var(--sf2)}
.dbn button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;padding:11px 4px 10px;border:0;background:none;color:var(--mute);font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s,background .15s}
.dbn button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dbn button:hover{color:var(--ink);background:color-mix(in srgb,var(--sf) 70%,transparent)}
.dbn button[aria-current="page"]{color:var(--ac);background:var(--sf)}
.dbn button[aria-current="page"]::after{content:"";position:absolute;inset-inline:16%;bottom:0;height:2.5px;border-radius:3px 3px 0 0;background:var(--grad)}
.dbn button:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
@container (max-width:700px){.dbn{grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.dbn button{flex-direction:row;gap:6px;background:var(--sf2);padding:11px 6px}.dbn button[aria-current="page"]{background:var(--sf)}.dbn button[aria-current="page"]::after{inset-inline:22%}}
@container (max-width:560px){.dbhh{padding:14px;gap:11px}.dbhi{width:42px;height:42px}.dbht h2{font-size:17.5px}.dbht .sub{font-size:12.5px}}
/* cards */
.dbk{margin-bottom:14px;padding:0}
.dbkh{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 18px 12px;border-bottom:1px solid var(--line)}
.dbkh h3{display:flex;align-items:center;gap:8px;margin:0;font-size:15.5px;flex:1 1 auto;min-width:0}
.dbkh h3 svg{color:var(--ac);flex:none}
.dbka{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dbks{flex:1 1 100%;margin:0;font-size:12.5px;color:var(--mute);line-height:1.6}
.dbkb{padding:14px 18px 16px;min-width:0}
@container (max-width:560px){.dbkh{padding:12px 14px 10px}.dbkb{padding:12px 14px 14px}.dbka{flex:1 1 100%}}
.dbib{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:9px;border:1px solid var(--line);background:var(--sf);color:var(--mute);cursor:pointer;flex:none;padding:0;text-decoration:none;font-family:inherit;transition:color .15s,border-color .15s,background .15s}
.dbib:hover{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.dbib.del:hover{color:#D92D20;border-color:color-mix(in srgb,#D92D20 45%,var(--line))}
.dbib[hidden]{display:none}
.dbib.arm,.dbchip.arm{width:auto;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-color:#E5484D!important;font-size:12px;font-weight:700;white-space:nowrap}
.btn.arm{border-color:#E5484D}
.dbchip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--sf);color:var(--mute);border-radius:999px;padding:5px 12px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap}
.dbchip:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.dbchip[aria-pressed="true"]{background:var(--ac);border-color:var(--ac);color:#fff}
.dbchip em{font-style:normal;font-size:11px;font-weight:700;opacity:.75}
.dbchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.dbsrch{display:flex;align-items:center;position:relative;min-width:0}
.dbsrch svg{position:absolute;inset-inline-start:12px;color:var(--mute);pointer-events:none}
.dbsrch .in{padding-inline-start:38px;width:100%;min-width:0}
.dbhint{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0;font-size:12px;color:var(--mute);line-height:1.6}
.dbhint svg{flex:none;margin-top:3px;color:var(--ac)}
.dbacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dbacts:first-child{margin-top:0}
.dbmore{display:flex;justify-content:center;margin-top:12px}
.dbcnt{font-size:12px;font-weight:600;color:var(--mute);background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:3px 11px;white-space:nowrap}
.dbmeta2{font-size:12px;color:var(--mute);margin:10px 2px 0}
.dbsel{width:auto;min-width:220px;padding:9px 12px}
.dbck{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mute);cursor:pointer}
.dbck input{accent-color:var(--ac);width:16px;height:16px;margin:0}
@container (max-width:560px){.dbsel{flex:1 1 100%;min-width:0;width:100%}}
/* site map */
.dbkpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dbkp{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:11px;align-items:center;padding:12px 14px;background:var(--sf);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh);min-width:0}
.dbkpc{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--acs);color:var(--ac)}
.dbkp b{font-family:Rubik,Heebo,sans-serif;font-weight:800;font-size:20px;color:var(--ink);line-height:1.15}
.dbkp>span:last-child{font-size:12px;color:var(--mute)}
@container (max-width:560px){.dbkpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dbkp{padding:10px 11px;column-gap:9px}.dbkpc{width:34px;height:34px}.dbkp b{font-size:17px}}
.dbqc{padding:10px;margin-bottom:14px}
.dbdir{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;margin-bottom:14px}
.dbdir>.card{margin:0}
.dbg{padding:6px 8px 8px}
.dbg[hidden],.dbit[hidden]{display:none}
.dbgh{display:flex;align-items:center;gap:10px;padding:9px 8px 11px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.dbgi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad);color:#fff;flex:none}
.dbgh h3{margin:0;font-size:15px;flex:1;min-width:0}
.dbgh em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--mute);background:var(--sf2);border:1px solid var(--line);border-radius:999px;padding:1px 9px}
.dbit{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border:0;background:none;border-radius:10px;cursor:pointer;text-align:start;font-family:inherit;color:var(--ink);transition:background .15s}
.dbit:hover{background:var(--sf2)}
.dbit:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.dbiti{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
.dbitt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.dbitt b{font-size:13.5px;font-weight:600}
.dbitt small{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbitc{color:var(--mute);flex:none;display:grid;transform:rotate(90deg);opacity:.55;transition:opacity .15s,color .15s}
.dbit:hover .dbitc{opacity:1;color:var(--ac)}
.dbnone{margin-bottom:14px}
@container (max-width:700px){.dbdir{grid-template-columns:minmax(0,1fr)}}
.dbsys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.dbsr{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;min-width:0}
.dbsr span{color:var(--mute);flex:none}
.dbsr b{font-weight:600;text-align:end;min-width:0;overflow-wrap:anywhere}
@container (max-width:560px){.dbsys{grid-template-columns:minmax(0,1fr)}.dbsr{font-size:13px}}
/* colours */
.seg.dbmode{margin:0;box-shadow:none;width:auto}
.seg.dbmode button{padding:6px 12px;font-size:13px}
.dbnote{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:10px 12px;margin-bottom:12px;border-radius:11px;background:var(--acs);color:var(--ink);font-size:13px}
.dbnote svg{color:var(--ac);flex:none}
.dbnote span{flex:1 1 200px}
.dbcols{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:start}
.dbcr{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.dbcr:first-child{border-top:0;padding-top:2px}
.dbsw{width:36px;height:36px;border-radius:11px;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);box-shadow:inset 0 0 0 2px rgba(255,255,255,.3)}
.dbct{display:flex;flex-direction:column;gap:1px;min-width:0}
.dbct b{font-size:14px;font-weight:600;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.dbct small{font-size:12px;color:var(--mute)}
.dbct code,.dbkt code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--mute);align-self:flex-start;unicode-bidi:isolate}
.dbtag{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 8px}
.dbtag[hidden]{display:none}
.dbcc{display:flex;align-items:center;gap:6px}
.dbcc input[type=color]{width:42px;height:34px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--sf);cursor:pointer;flex:none}
.dbcr.ovr .dbsw{box-shadow:inset 0 0 0 2px rgba(255,255,255,.3),0 0 0 3px var(--acs)}
.dbcpv{position:sticky;top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--p-bg);padding:12px;display:flex;flex-direction:column;gap:10px}
.dbcpv-h{font-size:11.5px;font-weight:700;color:var(--p-mute);display:flex;align-items:center;gap:6px}
.dbcpv-c{background:var(--p-sf);border:1px solid var(--p-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.dbcpv-c b{color:var(--p-ink);font-size:14px}
.dbcpv-c small{color:var(--p-mute);font-size:12px}
.dbcpv-r{background:var(--p-sf2);border:1px solid var(--p-line);border-radius:9px;padding:7px 9px;color:var(--p-ink);font-size:12.5px}
.dbcpv-a{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:2px}
.dbcpv-btn{background:var(--p-ac);color:#fff;border-radius:9px;padding:5px 12px;font-size:12.5px;font-weight:700}
.dbcpv-chip{background:var(--p-acs);color:var(--p-ac);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.dbcpv-l{color:var(--p-ac);font-size:12.5px;font-weight:600;text-decoration:underline}
@container (max-width:700px){.dbcols{grid-template-columns:minmax(0,1fr)}.dbcpv{position:static;order:-1}}
@container (max-width:560px){.dbcr{grid-template-columns:36px minmax(0,1fr)}.dbcc{grid-column:2}}
.dbgrad{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.dbgrad>span{width:120px;height:44px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.dbgrad>div{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0}
.dbgrad b{font-size:14px}
.dbgrad small{font-size:12px;color:var(--mute);line-height:1.55}
.dbfcg+.dbfcg{margin-top:14px}
.dbfcgh{display:block;font-size:11.5px;font-weight:700;color:var(--mute);margin:0 2px 8px}
.dbfcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
.dbfc{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 8px;border:1px solid var(--line);border-radius:11px;background:var(--sf);min-width:0;cursor:pointer;font-size:13px;transition:border-color .15s}
.dbfc:hover{border-color:color-mix(in srgb,var(--ac) 40%,var(--line))}
.dbfc input[type=color]{width:28px;height:26px;border:0;padding:0;background:none;cursor:pointer;flex:none}
.dbfc span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
@container (max-width:560px){.dbfcs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dbpal{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.dbpc{display:flex;flex-direction:column;gap:4px;padding:5px 5px 7px;border:1px solid var(--line);border-radius:11px;background:var(--sf);cursor:pointer;font-family:inherit;color:var(--ink);text-align:center;min-width:0;transition:border-color .15s,transform .15s}
.dbpc:hover{border-color:var(--ac);transform:translateY(-1px)}
.dbpc i{display:block;height:34px;border-radius:7px;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}
.dbpc code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:600}
.dbpc small{font-size:10.5px;color:var(--mute)}
@container (max-width:560px){.dbpal{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* fonts */
.dbfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;margin-bottom:8px}
.dbft{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--sf);min-width:0}
.dbft.on{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));box-shadow:0 0 0 3px var(--acs)}
.dbfs{font-size:20px;line-height:1.4;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbfn{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}
.dbfn b{font-size:13px;font-weight:600;white-space:nowrap}
.dbfn code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;unicode-bidi:isolate}
.dbfb{display:flex;gap:6px}
.dbfb .dbchip{flex:1;justify-content:center;padding:4px 10px;font-size:12px}
.dbfl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.dbfr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:2px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;min-width:0}
.dbfx{font-size:17px;line-height:1.45;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dbfr .dbfn{grid-column:1;justify-content:flex-start}
.dbfr .swt{grid-row:1/3;grid-column:2}
.dbfr.off .dbfx,.dbfr.off .dbfn{opacity:.45}
@container (max-width:560px){.dbfl{grid-template-columns:minmax(0,1fr)}}
.dbgf{display:flex;flex-wrap:wrap;gap:8px}
.dbgfi{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--line);border-radius:11px;background:var(--sf2);min-width:0}
.dbgfi b{font-size:15px;font-weight:400;direction:ltr}
.dbgfi small{font-size:11px;color:var(--mute)}
/* css / code */
.dbta{width:100%;font-family:ui-monospace,Menlo,Consolas,monospace!important;font-size:12.5px!important;line-height:1.6;direction:ltr;text-align:left;resize:vertical;min-height:190px;tab-size:2;display:block}
.dbta.dbtas{min-height:96px}
.dbtg{display:flex;align-items:center;gap:10px;cursor:pointer}
.dbtg>span{display:flex;flex-direction:column;line-height:1.3}
.dbtg b{font-size:13px}
.dbtg small{font-size:11.5px;color:var(--mute)}
.dbsnip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 0;font-size:12px;color:var(--mute)}
.dbsnip .dbchip{font-size:12px;padding:4px 10px}
.dbstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}
.dbstat{padding:10px 12px;border-radius:11px;background:var(--sf2);border:1px solid var(--line);min-width:0}
.dbstat b{display:block;font-family:Rubik,Heebo,sans-serif;font-weight:800;font-size:17px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbstat span{font-size:11.5px;color:var(--mute)}
@container (max-width:560px){.dbstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dbcode{border:1px solid #2A2352;border-radius:12px;overflow:hidden;background:#110D2B;margin-top:10px;min-width:0}
.dbch{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:7px 8px 7px 12px;background:#18133B;border-bottom:1px solid #2A2352}
.dbchl{display:flex;align-items:baseline;gap:8px;color:#ECE9FF;font-size:12.5px;font-weight:600;min-width:0;flex-wrap:wrap}
.dbchl small{color:#9D98C8;font-weight:500;font-size:11.5px}
.dbcha{display:flex;gap:6px;flex-wrap:wrap}
.dbcb{display:inline-flex;align-items:center;gap:5px;border:1px solid #302965;background:#211A50;color:#D4CFF7;border-radius:8px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}
.dbcb:hover{color:#fff;border-color:#5446B0}
.dbcode pre{margin:0;padding:12px 14px;max-height:460px;overflow:auto;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.65;color:#E4E0FF;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;direction:ltr;text-align:left;tab-size:2}
.dbcode pre:focus-visible{outline:2px solid #8B72FF;outline-offset:-2px}
.dbcode i{font-style:normal}
.dbcode .dqt{color:#C4B5FD}
.dbcode .dqa{color:#7DD3FC}
.dbcode .dqs{color:#F9A8D4}
.dbcode .dqp{color:#8C86BF}
.dbcode .dqc{color:#8580B0;font-style:italic}
.dbcode .dqm{color:#FCD34D}
.dbcode .dqn{color:#6E6999;user-select:none;margin-inline-end:10px;display:inline-block;min-width:42px;text-align:right}
.dbcode mark{background:rgba(250,204,21,.28);color:#fff;border-radius:3px;padding:0 1px}
/* html */
.dbsl+.dbsl{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.dbslh{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.dbslh>span{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}
.dbslh b{font-size:14px}
.dbslh small{font-size:12px;color:var(--mute)}
.dbslo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:8px}
.dbslp{margin-top:10px;padding:10px 12px;border:1px dashed var(--line);border-radius:11px;background:var(--sf2);font-size:13.5px;max-height:240px;overflow:auto;overflow-wrap:anywhere}
.dbslp>small{display:block;font-size:11px;color:var(--mute);margin-bottom:6px;font-weight:700}
.dbslp img,.dbslot img{max-width:100%;height:auto}
.dbslp iframe,.dbslot iframe{max-width:100%;border:0}
.dbslot{min-width:0;overflow-wrap:anywhere}
.dbslot-top{max-width:var(--dbw,1100px);margin:12px auto 0;padding:0 18px;box-sizing:border-box}
.dbslot-above{margin-bottom:14px}
.dbslot-below{margin-top:14px}
.dbslot-foot{margin-top:12px}
@media(max-width:600px){.dbslot-top{padding:0 12px;margin-top:10px}}
.dbtpl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.dbver{margin-top:4px;border:1px solid var(--line);border-radius:11px;background:var(--sf2)}
.dbver summary{display:flex;align-items:center;gap:7px;padding:10px 12px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.dbver summary::-webkit-details-marker{display:none}
.dbver summary svg{color:var(--ac)}
.dbver ol{list-style:none;margin:0;padding:0 12px 10px;max-height:300px;overflow:auto}
.dbver li{display:flex;align-items:baseline;gap:10px;padding:6px 0;border-top:1px solid var(--line);font-size:12.5px}
.dbver li code{flex:none;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:6px;padding:1px 6px}
.dbver li span{min-width:0;overflow-wrap:anywhere;direction:ltr;text-align:right}
/* media */
.dbsum{display:flex;flex-wrap:wrap;gap:6px;margin:-2px 0 14px}
.dbfmt{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;border:1px solid var(--line);border-radius:7px;padding:2px 9px;background:var(--sf);color:var(--ink);font-family:ui-monospace,Menlo,Consolas,monospace}
.dbfmt em{font-style:normal;color:var(--mute);font-weight:500}
.dbmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.dbm{margin:0;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--sf);display:flex;flex-direction:column;min-width:0}
.dbmth{aspect-ratio:16/10;display:grid;place-items:center;padding:8px;background:repeating-conic-gradient(color-mix(in srgb,var(--line) 75%,transparent) 0 25%,transparent 0 50%) 0 0/14px 14px,var(--sf2);border-bottom:1px solid var(--line);overflow:hidden}
.dbmth img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;display:block;border-radius:6px}
.dbm figcaption{display:flex;flex-direction:column;gap:3px;padding:9px 10px 10px;min-width:0;flex:1}
.dbm figcaption b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbm figcaption small{font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbmeta{display:flex;flex-wrap:wrap;gap:3px 8px;align-items:center;font-size:11px;color:var(--mute);margin-top:2px}
.dbmeta em{font-style:normal;font-weight:700;font-size:10.5px;color:var(--ac);background:var(--acs);border-radius:5px;padding:1px 6px;font-family:ui-monospace,Menlo,Consolas,monospace}
.dbma{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:7px}
.dbma .dbib{width:30px;height:30px}
@container (max-width:560px){.dbmg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dbm figcaption{padding:8px}}
/* icons */
.dbig{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:6px;max-height:430px;overflow-y:auto;overflow-x:hidden;padding:2px;margin-top:12px}
.dbic{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 4px 9px;border:1px solid var(--line);border-radius:11px;background:var(--sf);color:var(--ink);cursor:pointer;font-family:inherit;min-width:0;position:relative;transition:border-color .15s,color .15s,background .15s}
.dbic:hover{border-color:var(--ac);color:var(--ac)}
.dbic code,.dbic span{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--mute)}
.dbic code{font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr}
.dbic em{position:absolute;top:5px;inset-inline-end:5px;font-style:normal;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;background:var(--acs);color:var(--ac);display:grid;place-items:center;padding:0 4px}
.dbic.on{border-color:var(--ac);background:var(--acs);color:var(--ac);box-shadow:0 0 0 2px var(--acs)}
.dbic.on span{color:var(--ac);font-weight:700}
.dbic[hidden]{display:none}
.dbitg{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.dbitg .dbsrch{flex:1 1 220px}
.dbitg+.dbhint{margin-top:10px}
@container (max-width:560px){.dbig{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.dbic{padding:11px 2px 8px}}
.dbsm{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
.dbsmi{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--sf2);font-size:15px}
.dbsmi code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:600;direction:ltr;color:var(--ink)}
.dbem{display:flex;flex-direction:column;margin-top:14px}
.dbemr{display:flex;align-items:center;gap:10px;min-width:0;padding:7px 0;border-top:1px solid var(--line)}
.dbemr b{font-size:12.5px;flex:0 0 72px}
.dbemr span{font-size:18px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}
.dbemr em{font-style:normal;font-size:11.5px;color:var(--mute);flex:none}
/* bbcode */
.dbbr{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.dbbr:first-child{border-top:0;padding-top:2px}
.dbbs{display:flex;flex-direction:column;gap:4px;min-width:0}
.dbbs b{font-size:13.5px}
.dbbs small{font-size:11.5px;color:var(--mute)}
.dbbs code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;background:var(--sf2);border:1px solid var(--line);border-radius:8px;padding:6px 9px;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}
.dbbo{min-width:0;font-size:14px;overflow-wrap:anywhere}
.dbbo>blockquote,.dbbo>details,.dbbo>pre{margin:0}
.dbimgd{display:inline-flex;align-items:center;gap:7px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--sf2);color:var(--mute);font-size:12.5px}
@container (max-width:560px){.dbbr{grid-template-columns:minmax(0,1fr) auto;gap:10px}.dbbo{grid-column:1/-1;grid-row:2}}
/* data */
.dbmt{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--mute);flex-wrap:wrap}
.dbmeter{height:8px;border-radius:999px;background:var(--sf2);border:1px solid var(--line);overflow:hidden;margin:6px 0 10px}
.dbmeter i{display:block;height:100%;background:var(--grad);border-radius:inherit}
.dbkr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.dbkt{display:flex;flex-direction:column;gap:1px;min-width:0}
.dbkt b{font-size:13.5px;font-weight:600}
.dbkt code{overflow-wrap:anywhere}
.dbkz{font-size:12px;color:var(--mute);white-space:nowrap}
.dbka2{display:flex;gap:6px}
.dbkv{grid-column:1/-1}
.dbkv .dbcode{margin-top:2px}
.dbds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dbimp{padding:12px 14px;border:1px solid color-mix(in srgb,var(--ac) 35%,var(--line));border-radius:12px;background:var(--acs);margin-top:14px}
.dbimp>b{display:flex;align-items:center;gap:7px;font-size:13.5px}
.dbimp p{margin:6px 0 0;font-size:12.5px;color:var(--ink);line-height:1.6}
@container (max-width:560px){.dbds{grid-template-columns:repeat(2,minmax(0,1fr))}.dbkr{grid-template-columns:minmax(0,1fr) auto}.dbkz{grid-column:1;grid-row:2}.dbka2{grid-column:2;grid-row:1/3}}
@media (prefers-reduced-motion:reduce){.dbn button,.dbit,.dbitc,.dbic,.dbchip,.dbib,.dbpc,.dbfc,.dbcb{transition:none}.dbpc:hover{transform:none}}

/* v69 Dashboard control centre */
/* entry button at the top of the panel menu */
.pndb{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:10px 11px;margin:0 0 8px;border:1px solid color-mix(in srgb,var(--ac) 30%,var(--line))!important;border-radius:12px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 12%,var(--sf)),color-mix(in srgb,#00D4FF 8%,var(--sf)))!important;color:var(--ink)!important;cursor:pointer;text-align:start;font-family:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}
.pndb:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--ac) 55%,var(--line))!important;box-shadow:0 10px 22px -16px color-mix(in srgb,var(--ac) 90%,transparent)}
.pndb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.pndbi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;box-shadow:0 6px 14px -8px color-mix(in srgb,var(--ac) 90%,transparent)}
.pndbt{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.pndbt b{font-size:14.5px;font-weight:700;letter-spacing:.2px}
.pndbt small{font-size:11.5px;color:var(--mute);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pndbl{position:absolute;top:7px;inset-inline-end:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:var(--ac);background:var(--sf);border:1px solid color-mix(in srgb,var(--ac) 25%,var(--line))}
.pndbl span{display:none}
#pnav .pndb>span.pndbi{flex:0 0 auto}#pnav .pndb>span.pndbt{flex:1 1 auto;padding-inline-end:18px}#pnav .pndb>span.pndbl{flex:none}
@media(max-width:820px){#main.pm>#pnav{display:flex!important;flex-direction:column;gap:8px;position:relative}.pndb{margin:0}.pndbl{top:50%;transform:translateY(-50%);inset-inline-end:12px}}
/* frame */
#main.pm>.dbapp{grid-column:1/-1!important}
#main.pm>.dbcrumb{grid-column:1/-1}
.dbapp{container-type:inline-size;min-width:0}
.dbgrid{display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;align-items:start;min-width:0}
.dbmain{min-width:0}
.dbside{position:sticky;top:90px;max-height:calc(100vh - 104px);overflow-y:auto;overflow-x:hidden;background:var(--sf);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--sh);scrollbar-width:thin}
.dbsb{display:flex;align-items:center;gap:10px;padding:6px 6px 12px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.dbsbi{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;box-shadow:0 8px 18px -10px color-mix(in srgb,var(--ac) 85%,transparent)}
.dbsb b{display:block;font-size:15.5px;line-height:1.2}
.dbsb small{font-size:11.5px;color:var(--mute)}
.dbpick{display:none}
.dbms{margin-bottom:8px}
.dbms .in{padding-top:8px;padding-bottom:8px;font-size:13.5px}
.dbng+.dbng{margin-top:2px}
.dbngh{display:flex;align-items:center;gap:8px;width:100%;padding:8px;border:0;background:none;border-radius:9px;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--mute);text-align:start;transition:background .15s,color .15s}
.dbngh:hover{background:var(--sf2);color:var(--ink)}
.dbngh:focus-visible,.dbni:focus-visible{outline:2px solid var(--ac);outline-offset:-2px}
.dbngi{display:grid;color:var(--ac);opacity:.85}
.dbngh>span:nth-child(2){flex:1}
.dbngh em{font-style:normal;font-size:10.5px;font-weight:700;min-width:18px;text-align:center;border-radius:9px;padding:0 5px;background:var(--sf2);border:1px solid var(--line)}
.dbngc{display:grid;transition:transform .2s;opacity:.7}
.dbng.open .dbngc{transform:rotate(180deg)}
.dbngl{display:none;flex-direction:column;gap:1px;padding:2px 0 6px}
.dbng.open .dbngl{display:flex}
.dbni{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px 8px 8px;padding-inline-start:12px;border:0;background:none;border-radius:9px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--ink);text-align:start;border-inline-start:3px solid transparent;transition:background .15s,color .15s}
.dbni svg{color:var(--mute);flex:none}
.dbni span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbni:hover{background:var(--sf2)}
.dbni[aria-current="page"]{background:var(--acs);color:var(--ac);font-weight:700;border-inline-start-color:var(--ac)}
.dbni[aria-current="page"] svg{color:var(--ac)}
.dbnone2{padding:10px;font-size:12.5px;color:var(--mute);text-align:center}
.dbsf{display:flex;gap:6px;justify-content:center;margin:8px 0 4px}
.dbsfb{border:0;background:none;color:var(--mute);font-family:inherit;font-size:11.5px;font-weight:600;cursor:pointer;padding:3px 6px;border-radius:6px}
.dbsfb:hover{color:var(--ac);background:var(--sf2)}
.dbback{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:10px;background:var(--sf2);color:var(--ink);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.dbback:hover{border-color:var(--ac);color:var(--ac)}
.dbph{display:flex;align-items:center;gap:12px;padding:2px 2px 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.dbphi{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.dbpht{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.dbphg{font-size:11.5px;font-weight:700;color:var(--ac)}
.dbpht h2{margin:0;font-size:20px;line-height:1.25}
.dbpht p{margin:2px 0 0;font-size:13px;color:var(--mute);line-height:1.5}
.dbsafe{display:inline-flex;align-items:center;gap:5px;flex:none;font-family:inherit;font-size:12px;font-weight:700;color:#B42318;background:#FEE4E2;border:1px solid #FECDCA;border-radius:999px;padding:4px 10px;cursor:pointer}
@container (max-width:760px){.dbgrid{grid-template-columns:minmax(0,1fr);gap:12px}.dbside{position:static;max-height:none;overflow:visible;padding:6px}.dbsb{display:none}
 .dbpick{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;border-radius:11px;cursor:pointer;font-family:inherit;color:var(--ink);text-align:start}
 .dbpki{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
 .dbpkt{display:flex;flex-direction:column;min-width:0;flex:1}.dbpkt small{font-size:11px;color:var(--mute);font-weight:600}.dbpkt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dbpkc{display:grid;color:var(--mute)}
 .dbnav{display:none;padding:8px 4px 4px;border-top:1px solid var(--line);margin-top:6px}.dbapp.navopen .dbnav{display:block}
 .dbph{padding:0 2px 10px;margin-bottom:12px}.dbphi,.dbphg,.dbpht h2{display:none}.dbpht p{margin:0;font-size:12.5px}}
/* shared */
.dbo{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--line);min-width:0}
.dbkb>.dbo:first-child,.dbkb>div>.dbo:first-child{border-top:0;padding-top:2px}
.dbo.col{flex-direction:column;align-items:stretch;gap:6px}
.dbol{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.dbol b{font-size:14px;font-weight:600}
.dbol small{font-size:12px;color:var(--mute);line-height:1.5}
.dbol code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--mute);align-self:flex-start}
.dboc{display:flex;align-items:center;gap:8px;flex:none;min-width:0}
.dbo.wide .dboc{flex:1 1 300px;max-width:420px}
.dbo.wide .dboc>*{flex:1;min-width:0}
.dbnum{width:110px;padding:8px 10px}
.dbtxt{padding:8px 11px}
.dbo textarea.in,.dbo .dbtxt{width:100%}
.dbmore2{margin-top:8px;border:1px dashed var(--line);border-radius:11px;padding:2px 12px}
.dbmore2>summary{cursor:pointer;padding:9px 0;font-size:13px;font-weight:600;color:var(--mute)}
.dbmore2[open]>summary{color:var(--ink)}
.dbjump{position:sticky;top:76px;z-index:2;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);padding:6px 0;margin-bottom:10px}
.dbfocus .card{box-shadow:0 0 0 3px var(--acs),var(--sh)}
.dbintro{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--mute);margin:0 2px 12px}
.dbintro svg{color:var(--ac)}
.dbtag.gr{color:var(--mute);background:var(--sf2)}
.dbtag.rd{color:#B42318;background:#FEE4E2}
.dbwarn{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#B42318;margin:8px 0 0}
.dbwarn2{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;margin-bottom:14px;border-radius:12px;background:color-mix(in srgb,#F59E0B 12%,var(--sf));border:1px solid color-mix(in srgb,#F59E0B 35%,var(--line));font-size:13px;line-height:1.6;color:var(--ink)}
.dbwarn2 svg{flex:none;color:#B45309;margin-top:2px}
.dberr{display:block;color:#B42318!important;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px!important;overflow-wrap:anywhere}
.dbvra{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap}
.dbvrt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dbvrt b{font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dbvrt small{font-size:12px;color:var(--mute);overflow-wrap:anywhere}
.dbvrt code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--mute);align-self:flex-start;overflow-wrap:anywhere;unicode-bidi:isolate}
.dbtedf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:8px}
.dbtedf>label{display:flex;flex-direction:column;gap:5px;min-width:0}
.dbtedf>label>span{font-size:12.5px;font-weight:600;color:var(--mute)}
.dbtedf>label>small{font-size:11.5px;color:var(--mute)}
.dbtedf>.wide{grid-column:1/-1}
.dbtedf>.dbck{flex-direction:row;align-items:center;align-self:end;padding-bottom:9px}
.dbtedf>.dbacts{margin-top:2px}
@container (max-width:560px){.dbtedf{grid-template-columns:minmax(0,1fr)}.dbo{flex-wrap:wrap}.dbo.wide .dboc{max-width:none;flex-basis:100%}}
/* home */
.dbhello{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.dbhello h3{margin:0;font-size:18px}
.dbkpb{cursor:pointer;font-family:inherit;text-align:start;color:inherit;transition:border-color .15s,transform .15s}
.dbkpb:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));transform:translateY(-1px)}
.dbkpb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.dbhq{position:relative}
.dbhqr{display:flex;flex-direction:column;gap:2px}
.dbhqr:not(:empty){margin-top:8px;max-height:360px;overflow:auto}
.dbhqg{font-size:11px;font-weight:700;color:var(--mute);padding:8px 6px 3px}
.dbhqi{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:7px 8px;border:0;background:none;border-radius:9px;cursor:pointer;font-family:inherit;text-align:start;color:var(--ink)}
.dbhqi:hover{background:var(--sf2)}
.dbhqi>span{grid-row:1/3;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--acs);color:var(--ac)}
.dbhqi b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbhqi small{font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbqa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.dbqab{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--sf);cursor:pointer;font-family:inherit;color:var(--ink);text-align:start;min-width:0;transition:border-color .15s,background .15s}
.dbqab>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.dbqab b{font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbqab:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line));background:var(--sf2)}
@container (max-width:700px){.dbqa{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dbtk{display:flex;flex-direction:column;gap:6px}
.dbtki{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--sf);cursor:pointer;font-family:inherit;color:var(--ink);text-align:start}
.dbtki>span:first-child{display:grid;color:var(--ac)}
.dbtki b{flex:1;font-size:13px;font-weight:600}
.dbtki.hot{border-color:color-mix(in srgb,#E5484D 35%,var(--line));background:color-mix(in srgb,#E5484D 6%,var(--sf))}
.dbtki.hot>span:first-child{color:#E5484D}
.dbtki .dbitc{transform:rotate(90deg);opacity:.5;display:grid}
.dblg{font-size:13px;padding:8px 0;border-top:1px solid var(--line);color:var(--ink)}
.dblg:first-child{border-top:0}
/* tools */
.dbtools{display:flex;flex-direction:column}
.dbtl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.dbtl:first-child{border-top:0;padding-top:2px}
.dbtl>span{display:flex;flex-direction:column;gap:1px;min-width:0}
.dbtl b{font-size:13.5px;font-weight:600}
.dbtl small{font-size:12px;color:var(--mute)}
/* visual editor list */
.dbvest{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 10%,var(--sf)),color-mix(in srgb,#00D4FF 7%,var(--sf)))}
.dbvesi{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--ac) 90%,transparent)}
.dbvest>div{flex:1;min-width:0}
.dbvest h3{margin:0 0 4px;font-size:16px}
.dbvest p{margin:0;font-size:13px;color:var(--mute);line-height:1.6}
@container (max-width:560px){.dbvest{flex-wrap:wrap}.dbvest .btn{width:100%}}
.dbvr,.dbpgr,.dbphr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 0;border-top:1px solid var(--line)}
.dbkb>.dbvr:first-child,.dbkb>.dbpgr:first-child,.dbkb>.dbphr:first-child,.dbpgf+.dbpgr{border-top:0}
.dbvr.off,.dbphr.off{opacity:.55}
.dbvrc{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.dbvp{display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:11px;font-weight:600;color:var(--ink);background:var(--sf2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.dbvp i{width:10px;height:10px;border-radius:3px;border:1px solid var(--line)}
.dbvee{flex:1 1 100%;display:flex;flex-direction:column;gap:8px;padding:10px 12px;border-radius:11px;background:var(--sf2);border:1px solid var(--line)}
.dbvee label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--mute)}
.dbphr2{display:flex;align-items:center;gap:8px;font-size:13px;padding:7px 0;border-top:1px solid var(--line);min-width:0}
.dbphr2:first-child{border-top:0}
.dbphr2 span{color:var(--mute);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dbphr2 svg{transform:rotate(90deg);color:var(--mute);flex:none}
.dbphr2 b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* visual editor on the site */
html.ve-on:not(.indb) .ve-hl{outline:2px dashed var(--ac)!important;outline-offset:2px;cursor:crosshair!important}
html.ve-on:not(.indb) .ve-sel{outline:2.5px solid #00D4FF!important;outline-offset:2px}
#vebar{position:fixed;z-index:2147483000;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 12px;background:#17123A;color:#fff;border-radius:16px;box-shadow:0 18px 40px -14px rgba(10,6,40,.6),0 0 0 1px rgba(255,255,255,.08);max-width:calc(100vw - 24px);font-family:Heebo,Arial,sans-serif;direction:rtl}
.vebi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--grad)}
.vebt{display:flex;flex-direction:column;min-width:0}
.vebt b{font-size:13.5px}
.vebt small{font-size:11.5px;color:#BDB7E6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg.vebm{margin:0;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);box-shadow:none;padding:3px}
.seg.vebm button{color:#D7D2F7;padding:6px 10px;font-size:12.5px}
.seg.vebm button[aria-pressed="true"]{background:#fff;color:#17123A}
.vebb{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:7px 11px;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.vebb:hover{background:rgba(255,255,255,.14)}
.vebb.vedone{background:#fff;color:#17123A;border-color:#fff}
@media(max-width:640px){#vebar{bottom:calc(76px + env(safe-area-inset-bottom,0px));gap:6px;padding:6px 8px}.vebt,.vebb:not(.vedone) span{display:none}.vebi{width:30px;height:30px}}
#vepanel{position:fixed;z-index:2147483001;top:84px;left:16px;width:340px;max-height:calc(100vh - 170px);display:flex;flex-direction:column;background:var(--sf);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -20px rgba(10,6,40,.55);font-family:Heebo,Arial,sans-serif;direction:rtl;overflow:hidden}
.veh{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--sf2)}
.veh>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.veh b{font-size:14.5px}
.veh code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10.5px;color:var(--mute);overflow-wrap:anywhere}
.veb{padding:10px 14px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;min-height:0}
.veb>*{flex-shrink:0}
.seg.vesc{width:100%;margin:0 0 4px;box-shadow:none}
.seg.vesc button{flex:1;justify-content:center;font-size:12px;padding:7px 6px;white-space:normal;text-align:center;line-height:1.3}
.veup{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.veup .lnk{font-size:12px;display:inline-flex;align-items:center;gap:4px;text-decoration:none}
.vetag{font-style:normal;font-size:10.5px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 8px}
.vetx{display:flex;flex-direction:column;gap:5px;padding:8px 0;border-bottom:1px solid var(--line)}
.vetx>span{font-size:12.5px;font-weight:700}
.vetx small{font-size:11px;color:var(--mute)}
.vetx .in{padding:8px 10px}
.vepr{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:2px 0}
.vepc{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer;flex:1;min-width:0}
.vepc input{accent-color:var(--ac);width:16px;height:16px;margin:0;flex:none}
.vepv{display:flex;align-items:center;gap:6px;flex:0 0 150px;justify-content:flex-end}
.vepr:not(.on) .vepv{opacity:.45}
.vepv input[type=range]{flex:1;min-width:0;accent-color:var(--ac)}
.vepv output{font-size:11.5px;font-weight:700;color:var(--ac);min-width:40px;text-align:center}
.vepv input[type=color]{width:42px;height:28px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--sf);cursor:pointer}
.vepv select{padding:5px 8px;font-size:12.5px;width:100%}
.vehide{padding:6px 0;border-bottom:1px solid var(--line);margin-bottom:2px}
.vecss>summary{font-size:12.5px;font-weight:600;color:var(--mute);cursor:pointer;padding:6px 0}
.vef{display:flex;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid var(--line);background:var(--sf2)}
@media(max-width:640px){#vepanel{top:auto;bottom:calc(132px + env(safe-area-inset-bottom,0px));left:8px;right:8px;width:auto;max-height:58vh}}
/* phrases */
.dbphadd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) 150px auto;gap:8px;align-items:end}
.dbphadd label{display:flex;flex-direction:column;gap:5px;min-width:0}
.dbphadd label>span{font-size:12.5px;font-weight:600;color:var(--mute)}
.dbpharr{display:grid;color:var(--mute);transform:rotate(90deg);padding-bottom:10px}
.dbphm .dbsel{min-width:0;width:100%}
.dbphr .dbpharr{padding:0}
.dbphx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 180px}
.dbphx small{font-size:10.5px;font-weight:700;color:var(--ac)}
.dbphx b{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.dbphr>.dbtxt{flex:1 1 200px;min-width:0}
@container (max-width:700px){.dbphadd{grid-template-columns:minmax(0,1fr)}.dbpharr{display:none}}
.dbtxl{display:flex;flex-direction:column;gap:2px;margin-top:10px;max-height:420px;overflow:auto}
.dbtxi{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border:0;background:none;border-radius:9px;cursor:pointer;font-family:inherit;text-align:start;color:var(--ink)}
.dbtxi:hover{background:var(--sf2)}
.dbtxi b{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.dbtxi small{font-size:11.5px;color:var(--mute);grid-row:2}
.dbtxi>span{grid-row:1/3;grid-column:2;font-size:12px;font-weight:700;color:var(--ac)}
/* pages */
.dbpgf{flex:1 1 100%;padding:12px 14px;margin:6px 0 10px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.dbpgf .dbo{border-top-color:color-mix(in srgb,var(--line) 70%,transparent)}
.dblgs{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.dblgi{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:6px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--sf)}
.dblgi .dbib{grid-row:1/3;grid-column:2}
.dbcp{padding:0}
.dbcph{display:flex;align-items:center;gap:14px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.dbcpi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--grad);color:#fff}
.dbcph h1{margin:0;font-size:24px}
.dbcph p{margin:4px 0 0}
.dbcpb{padding:20px 24px 24px;line-height:1.8;font-size:15px;overflow-wrap:anywhere}
.dbcpb img{max-width:100%;height:auto}
.dbcpf{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 24px;border-top:1px solid var(--line);background:var(--sf2)}
@media(max-width:600px){.dbcph{padding:16px}.dbcph h1{font-size:20px}.dbcpb{padding:16px}.dbcpf{padding:10px 16px}}
/* links */
.dbnvf{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.dbnvf label{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;min-width:0}
.dbnvf label>span{font-size:12.5px;font-weight:600;color:var(--mute)}
.dbnvf .dbsel{min-width:0;width:100%}
.dbnvf input[type=color]{width:56px;height:38px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--sf)}
.dbnl{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:none}
.dbnl:hover{text-decoration:underline}
/* topics */
.dbtmb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.dbtmb .dbsrch{flex:1 1 220px}
.dbtmb .dbsel{min-width:0;flex:0 1 190px}
.dbbulk{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 10px;margin-bottom:10px;border-radius:12px;background:var(--acs);border:1px solid color-mix(in srgb,var(--ac) 25%,var(--line))}
.dbbulk>b{font-size:13px;margin-inline-end:4px}
.dbmv{display:inline-flex;gap:6px;align-items:center}
.dbmv .dbsel{min-width:0;width:170px;padding:5px 8px;font-size:12.5px}
.dbchip.del{color:#B42318}
.dbtall{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--mute);padding:4px 0 8px;cursor:pointer}
.dbtall input,.dbtck{accent-color:var(--ac);width:17px;height:17px;margin:0;flex:none;cursor:pointer}
.dbtr{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:10px 8px;border-top:1px solid var(--line);border-radius:0}
.dbtr.sel{background:color-mix(in srgb,var(--ac) 6%,transparent)}
.dbtt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.dbttl{border:0;background:none;padding:0;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink);text-align:start;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.dbttl:hover{color:var(--ac)}
.dbttl .dbtag[style]{color:var(--k);background:color-mix(in srgb,var(--k) 14%,transparent)}
.dbtt small{font-size:12px;color:var(--mute)}
.dbtr .dbtedf{flex:1 1 100%;padding:12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
/* posts */
.dbprs{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.dbpr{padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:var(--sf)}
.dbprh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dbprh b{font-size:13.5px}
.dbprh small{flex:1;font-size:12px;color:var(--mute);min-width:0}
.dbprh small .lnk{font-size:12px;text-decoration:none}
.dbprx{margin:6px 0 0;font-size:13.5px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.dbprx mark,.dbpr mark{background:color-mix(in srgb,#FACC15 45%,transparent);color:inherit;border-radius:3px;padding:0 2px}
.dbpr textarea{margin-top:8px;width:100%}
/* tags */
.dbpxs{display:flex;flex-direction:column}
.dbpxr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--line)}
.dbpxr:first-child{border-top:0}
.dbpxr .pxl{flex:0 0 auto}
.dbpxr .dbtxt{flex:1 1 140px;min-width:0;max-width:220px}
.dbpxr input[type=color]{width:42px;height:32px;border:1px solid var(--line);border-radius:8px;padding:2px;background:var(--sf);cursor:pointer}
.dbpxr small{font-size:12px;color:var(--mute);min-width:64px}
/* users */
.dbusl{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;margin-top:4px}
.dbusi{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--sf);cursor:pointer;font-family:inherit;color:var(--ink);text-align:start;min-width:0}
.dbusi:hover{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.dbusi>span{display:flex;flex-direction:column;min-width:0}
.dbusi b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbusi small{font-size:11.5px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dbuh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;margin:4px 0 6px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.dbuh>div{display:flex;flex-direction:column;min-width:0;flex:1}
.dbuh b{font-size:15px}
.dbuh small{font-size:12px;color:var(--mute)}
.dbumed{display:flex;flex-wrap:wrap;gap:12px}
.dbumed:empty{display:none}
.dbumi{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--sf)}
.dbumi img{width:96px;height:36px;object-fit:cover;border-radius:7px}
.btn.dang{color:#B42318}
/* private messages */
.dbtop{display:flex;flex-wrap:wrap;gap:6px}
/* smileys */
.dbsms{display:flex;flex-direction:column}
.dbsmr{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.dbsmr:first-child{border-top:0}
.dbsmr code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:600;min-width:80px}
.dbsmv{flex:1;font-size:20px;display:flex;align-items:center}
.dbsmv img{width:24px;height:24px;object-fit:contain}
.dbsmg{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.dbsmb{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--sf2);cursor:pointer;font-size:16px}
.dbsmb input{accent-color:var(--ac);margin:0}
.dbsmb code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;font-weight:600;flex:1}
.dbsmb.off{opacity:.5}
.dbfile{font-size:12px;max-width:100%}
.dbsmi2{width:22px;height:22px;object-fit:contain;vertical-align:-5px;display:inline-block}
/* raw data */
.dbrsel{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.dbrsel>span{font-size:12.5px;font-weight:600;color:var(--mute)}.dbrsel .dbsel{min-width:240px}
.dbraw{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:12px;align-items:start}
.dbrawl{display:flex;flex-direction:column;gap:2px;max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--sf2)}
.dbrawi{display:flex;align-items:center;gap:8px;padding:7px 8px;border:0;background:none;border-radius:8px;cursor:pointer;font-family:inherit;text-align:start;color:var(--ink);min-width:0}
.dbrawi:hover{background:var(--sf)}
.dbrawi.on{background:var(--acs);color:var(--ac)}
.dbrawi code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:700;flex:none;max-width:90px;overflow:hidden;text-overflow:ellipsis;color:var(--mute)}
.dbrawi span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dbrawe{min-width:0}
.dbrawe.empty{border:1px dashed var(--line);border-radius:12px;padding:30px 16px}
.dbrawh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.dbrnk{width:150px;padding:6px 10px}
@container (max-width:700px){.dbraw{grid-template-columns:minmax(0,1fr)}.dbrawl{max-height:240px}}
/* maintenance */
.dbmt2{max-width:620px;margin:30px auto;padding:34px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.dbmti{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:var(--grad);color:#fff;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--ac) 90%,transparent)}
.dbmt2 h1{margin:6px 0 0;font-size:24px}
.dbmt2 .bb{font-size:15px;line-height:1.8;color:var(--ink)}
.dbmbar{position:relative;z-index:6;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;background:#B45309;color:#fff;font-size:13px;font-weight:600}
.dbmbar .lnk{color:#fff}
@media (prefers-reduced-motion:reduce){.pndb,.dbngh,.dbngc,.dbni,.dbqab,.dbkpb,.dbtki{transition:none}.pndb:hover,.dbkpb:hover{transform:none}}
@container (max-width:560px){.dbtmb .dbsrch{flex:1 1 100%}.dbtmb .dbsel{flex:1 1 140px;max-width:none;width:auto}.dbtmb>.btn{flex:1 1 100%}.dbmv{flex:1 1 100%}.dbmv .dbsel{flex:1;width:auto}}

/* v70 restore points, stats, home builder, promotions, profile fields, moderation queue */
.rptr{gap:12px}
.rpti{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--sf2);color:var(--mute);border:1px solid var(--line)}
.rpti.man{background:var(--acs);color:var(--ac);border-color:transparent}
/* stats */
.sttiles{margin-bottom:14px}
.stdl{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--mute)}
.stdl.up{color:#15803D}
.stdl.dn{color:#B42318}
:root[data-theme="dark"] .stdl.up{color:#4ADE80}
:root[data-theme="dark"] .stdl.dn{color:#FCA5A5}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .stdl.up{color:#4ADE80}:root:not([data-theme="light"]) .stdl.dn{color:#FCA5A5}}
.stc{position:relative;padding-inline-start:38px;margin-top:4px}
.stcg{position:absolute;inset-inline:0;top:0;height:170px;pointer-events:none}
.stcg span{position:absolute;inset-inline:38px 0;height:0;border-top:1px solid var(--line)}
.stcg span:last-child{border-top-color:color-mix(in srgb,var(--mute) 45%,var(--line))}
.stcg em{position:absolute;inset-inline-start:-38px;top:-8px;width:32px;text-align:end;font-style:normal;font-size:11px;color:var(--mute);font-variant-numeric:tabular-nums}
.stcb{position:relative;display:flex;align-items:stretch;height:170px}
.stcc{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;justify-content:center;cursor:default;border-radius:6px;outline:none}
.stcc:hover,.stcc.sthov,.stcc:focus-visible{background:color-mix(in srgb,var(--ac) 7%,transparent)}
.stcc:focus-visible{box-shadow:inset 0 0 0 2px var(--ac)}
.stcm{display:block;width:min(24px,62%);background:var(--ac);border-radius:4px 4px 0 0;transition:filter .15s}
.stcc:hover .stcm,.stcc.sthov .stcm{filter:brightness(1.12)}
.stcx{display:flex;margin-top:6px}
.stcx span{flex:1 1 0;min-width:0;text-align:center;font-size:11px;color:var(--mute);white-space:nowrap;overflow:visible}
.sthb{display:flex;flex-direction:column;gap:8px}
.sthr{display:grid;grid-template-columns:minmax(80px,32%) minmax(0,1fr);align-items:center;gap:10px;border-radius:8px;padding:2px 4px;outline:none}
.sthr:hover,.sthr.sthov,.sthr:focus-visible{background:var(--sf2)}
.sthr:focus-visible{box-shadow:inset 0 0 0 2px var(--ac)}
.sthl{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--ink);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sthl i{width:8px;height:8px;border-radius:50%;flex:none}
.stht{display:flex;align-items:center;gap:8px;min-width:0}
.sthm{display:block;height:14px;background:var(--ac);border-radius:4px 0 0 4px;flex:none;width:calc((100% - 52px) * var(--p))}
.stht b{font-size:12px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.sttab{margin-top:12px;font-size:12.5px}
.sttab>summary{cursor:pointer;color:var(--mute);font-weight:600;padding:4px 0}
.sttab table{width:100%;border-collapse:collapse;margin-top:6px}
.sttab th,.sttab td{text-align:start;padding:6px 8px;border-bottom:1px solid var(--line)}
.sttab th{color:var(--mute);font-weight:600}
.sttab td:last-child,.sttab th:last-child{text-align:end;font-variant-numeric:tabular-nums}
.sttip{position:fixed;z-index:2147483002;pointer-events:none;display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:9px;background:#17123A;color:#fff;box-shadow:0 10px 24px -10px rgba(10,6,40,.6);font-family:Heebo,Arial,sans-serif;direction:rtl;max-width:240px}
.sttip b{font-size:13.5px;font-weight:700}
.sttip span{font-size:11.5px;color:#C9C3F0}
.sttip[hidden]{display:none}
/* home builder */
.hbd-list{display:flex;flex-direction:column;gap:6px}
.hbd-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--sf);transition:box-shadow .15s,opacity .15s,border-color .15s}
.hbd-row:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.hbd-row.off{opacity:.6;background:var(--sf2)}
.hbd-row.drag,.hbd-frow.drag{opacity:.45;box-shadow:0 0 0 2px var(--ac)}
.hbd-grip{display:grid;color:var(--mute);cursor:grab;flex:none;padding:2px}
.hbd-grip:active{cursor:grabbing}
.hbd-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.hbdn svg{transform:rotate(180deg)}
.dbib[disabled]{opacity:.35;cursor:default}
.hbd-sub{flex:1 1 100%;display:flex;flex-direction:column;gap:4px;padding:8px;margin-top:2px;border-radius:10px;background:var(--sf2);border:1px solid var(--line)}
.hbd-frow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;background:var(--sf);border:1px solid var(--line)}
.hbd-fdot{width:10px;height:10px;border-radius:50%;flex:none}
.hbd-fn{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbd-frow .dbib{width:28px;height:28px}
.dbblk{overflow:hidden}
.dbblkb{padding:16px 20px;line-height:1.8;overflow-wrap:anywhere}
.dbblkb img{max-width:100%;height:auto}
.dbblk-hl{border-color:color-mix(in srgb,var(--ac) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--ac) 9%,var(--sf)),color-mix(in srgb,#00D4FF 6%,var(--sf)))}
.dbblk-plain{background:transparent;border:0;box-shadow:none}
.dbblk-plain .dbblkb{padding:6px 2px}
@media(max-width:600px){.dbblkb{padding:12px 14px}}
/* moderation queue */
.apq{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sf);margin-top:10px}
.dbkb>.apq:first-child{margin-top:0}
.apqh{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px}
.apqk{font-size:11px;font-weight:700;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 9px}
.apqh b{font-size:14px}
.apqh small{font-size:12px;color:var(--mute)}
.apqt{margin:8px 0 2px;font-size:15px}
.apqb{margin-top:6px;font-size:14px;max-height:220px;overflow:auto;overflow-wrap:anywhere}
.apqed{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.apqa{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.apqwhy{flex:1 1 200px;min-width:0;padding:6px 10px}
.apqme{display:flex;align-items:center;gap:9px;padding:11px 14px;margin:12px 0;border-radius:12px;background:color-mix(in srgb,#F59E0B 12%,var(--sf));border:1px solid color-mix(in srgb,#F59E0B 35%,var(--line));font-size:13.5px;color:var(--ink)}
.apqme svg{color:#B45309;flex:none}
@media (prefers-reduced-motion:reduce){.stcm,.hbd-row{transition:none}}
@container (max-width:560px){.stcx.dense span:nth-child(even){visibility:hidden}.stc{padding-inline-start:30px}.stcg span{inset-inline-start:30px}.stcg em{inset-inline-start:-30px;width:26px}}

/* v71 site on/off */
.dbsite{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;border-width:1px}
.dbsite.open{border-color:color-mix(in srgb,#16A34A 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#16A34A 8%,var(--sf)),var(--sf) 70%)}
.dbsite.closed{border-color:color-mix(in srgb,#D97706 45%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,#F59E0B 14%,var(--sf)),var(--sf) 70%)}
.dbsitei{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none;background:var(--sf);border:1px solid var(--line)}
.dbsitei i{width:14px;height:14px;border-radius:50%;background:#16A34A;box-shadow:0 0 0 5px color-mix(in srgb,#16A34A 20%,transparent)}
.dbsite.closed .dbsitei i{background:#D97706;box-shadow:0 0 0 5px color-mix(in srgb,#D97706 22%,transparent)}
.dbsitet{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 260px}
.dbsitet small{font-size:11.5px;font-weight:700;color:var(--mute)}
.dbsitet b{font-size:16px}
.dbsite.open .dbsitet b{color:#15803D}
.dbsite.closed .dbsitet b{color:#B45309}
.dbsitet span{font-size:12.5px;color:var(--mute);line-height:1.55}
.dbsitea{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}
.dbsitesw{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:700}
.dbsitesw .swt{width:52px;height:30px}
.dbsitesw .swt::after{width:24px;height:24px}
.dbsitesw .swt:checked{background:#16A34A}
.dbsitesw .swt:checked::after{transform:translateX(-22px)}
.dbsitesw .swt:not(:checked){background:#D97706}
.dbsitel{display:flex;gap:12px}
.dbsitel .lnk{display:inline-flex;align-items:center;gap:4px;font-size:12px;text-decoration:none}
:root[data-theme="dark"] .dbsite.open .dbsitet b{color:#4ADE80}:root[data-theme="dark"] .dbsite.closed .dbsitet b{color:#FBBF24}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .dbsite.open .dbsitet b{color:#4ADE80}:root:not([data-theme="light"]) .dbsite.closed .dbsitet b{color:#FBBF24}}
@container (max-width:560px){.dbsitea{flex:1 1 100%;flex-direction:row;align-items:center;justify-content:space-between}}
.dbsitechip{display:flex;align-items:center;gap:7px;width:100%;margin:0 0 8px;padding:7px 10px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);font-family:inherit;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer;text-align:start}
.dbsitechip i{width:9px;height:9px;border-radius:50%;flex:none}
.dbsitechip.open i{background:#16A34A;box-shadow:0 0 0 3px color-mix(in srgb,#16A34A 20%,transparent)}
.dbsitechip.closed{border-color:color-mix(in srgb,#D97706 45%,var(--line));background:color-mix(in srgb,#F59E0B 12%,var(--sf))}
.dbsitechip.closed i{background:#D97706;box-shadow:0 0 0 3px color-mix(in srgb,#D97706 22%,transparent)}
.dbsitechip:hover{border-color:var(--ac)}
.dbsitechip span::after{content:" · שינוי";font-weight:500;color:var(--mute)}
.dbmbb{border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.14);color:#fff;border-radius:8px;padding:3px 10px;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex:none}
.dbmbb:hover{background:rgba(255,255,255,.25)}
.dbmprev{position:fixed;z-index:2147483000;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#17123A;color:#fff;border-radius:14px;box-shadow:0 18px 40px -14px rgba(10,6,40,.6);font-size:13px;font-weight:600;max-width:calc(100vw - 24px);font-family:Heebo,Arial,sans-serif;direction:rtl}
@media(max-width:640px){.dbmprev{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.dbmprev span:not(.vebb span){font-size:12px}}
html.maint-lock #chat,html.maint-lock #bnav,html.maint-lock #regBtn,html.maint-lock #q,html.maint-lock #pmb,html.maint-lock .ntw{display:none!important}

@media(max-width:600px){.dbmbx{display:none}}

/* v73 hidden forum badge */
.vhd{position:relative}
.vhk{position:absolute;inset-inline-end:-5px;bottom:-5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:color-mix(in srgb,var(--ink) 82%,var(--sf));color:var(--sf);box-shadow:0 0 0 2px var(--sf);pointer-events:auto;transition:box-shadow .15s}
.vhk svg{width:10px!important;height:10px!important;display:block;stroke-width:2.4}
.fr:hover .vhk{box-shadow:0 0 0 2px var(--sf2)}
.vhk.vhkl{width:22px;height:22px;inset-inline-end:-6px;bottom:-6px;box-shadow:0 0 0 2.5px var(--sf)}
.vhk.vhkl svg{width:12px!important;height:12px!important}
.vhm{display:inline-flex;align-items:center;gap:4px;margin-inline-start:10px;padding-inline-start:10px;border-inline-start:1px solid var(--line);color:var(--mute);font-size:inherit;white-space:nowrap}
.vhm svg{width:12px;height:12px;flex:none;opacity:.85}
.vhsr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:820px){.vhk{width:16px;height:16px;inset-inline-end:-4px;bottom:-4px}.vhk svg{width:9px!important;height:9px!important}}

/* v74 page builder */
.pgb-off{display:none!important}
.wrap.pgw-narrow{max-width:800px}
.wrap.pgw-wide{max-width:1380px}
/* overview */
.pgtgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.pgtile{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--sf);min-width:0;transition:border-color .15s,box-shadow .15s}
.pgtile:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--line));box-shadow:0 8px 22px -16px rgba(23,16,64,.45)}
.pgtile.chg{border-color:color-mix(in srgb,var(--ac) 28%,var(--line))}
.pgti{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none}
.pgtt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pgtt b{font-size:15px}
.pgtt small{font-size:12.5px;color:var(--mute);line-height:1.5}
.pgtc{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pgtc em{font-style:normal;font-size:11px;font-weight:600;color:var(--ac);background:var(--acs);border-radius:999px;padding:1px 8px}
.pgtc em.nc{color:var(--mute);background:var(--sf2);border:1px solid var(--line);font-weight:500}
.pgta{display:flex;gap:6px;flex-wrap:wrap}
.pgta .btn{flex:1 1 auto}
.pgtips{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.pgtips>div{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.pgtips b{display:flex;align-items:center;gap:7px;font-size:13.5px}
.pgtips b svg{color:var(--ac);flex:none}
.pgtips span{font-size:12.5px;color:var(--mute);line-height:1.55}
/* one page */
.pgbk{margin:0 0 10px}
.pgbk .lnk{display:inline-flex;align-items:center;gap:4px;text-decoration:none;font-size:13.5px}
.pgbk .lnk svg{transform:rotate(-90deg)}
.pgset{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.pgw{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mute);min-width:150px}
.pgw .dbsel{min-width:150px}
.pgseta{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.pgseta .btn.dang{color:#B42318}
.pgseta .btn[disabled]{opacity:.45;cursor:default}
.pgz+.pgz{margin-top:16px}
.pgzh{display:flex;align-items:center;gap:7px;margin:0 2px 8px;font-size:13.5px}
.pgzh svg{color:var(--ac)}
.pgzh small{color:var(--mute);font-size:12px;margin-inline-start:4px}
.pgr-list{display:flex;flex-direction:column;gap:6px;min-height:44px}
.pgr-list[data-pgcols]{padding:6px;border:1px dashed var(--line);border-radius:14px}
.pgr-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;background:var(--sf);transition:box-shadow .15s,opacity .15s,border-color .15s}
.pgr-row:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.pgr-row.off{opacity:.6;background:var(--sf2)}
.pgr-row.drag{opacity:.45;box-shadow:0 0 0 2px var(--ac)}
.pgr-row .dbvrt{flex:1 1 160px;min-width:0}
.pgr-row .dbvra{flex-wrap:wrap;justify-content:flex-end}
.pgaud{width:auto;min-width:0;height:32px;padding:0 8px;font-size:12.5px}
.pgr-list .empty{padding:12px;font-size:13px}
/* arranging on the page */
html.pgb-ed [data-pgl]:not(#main):not(#ft){outline:1.5px dashed color-mix(in srgb,var(--ac) 55%,transparent);outline-offset:3px}
html.pgb-ed .pgb-offed{opacity:.42;filter:grayscale(.6)}
html.pgb-ed #main,html.pgb-ed #ft{cursor:default}
.pgb-ph{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;margin-bottom:14px;border:1.5px dashed var(--line);border-radius:14px;color:var(--mute);font-size:13.5px;background:color-mix(in srgb,var(--sf) 60%,transparent)}
.pgb-ph b{color:var(--ink);font-weight:600}
.pgb-flash{animation:pgbfl 1.4s ease}
@keyframes pgbfl{0%,40%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 55%,transparent)}100%{box-shadow:none}}
#pgbl{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:40}
.pgbt{position:absolute;transform:translateX(-100%);display:flex;align-items:center;gap:2px;padding:3px 3px 3px 4px;background:#17123A;color:#fff;border-radius:10px;box-shadow:0 8px 20px -8px rgba(10,6,40,.6);pointer-events:auto;direction:rtl;font-family:Heebo,Arial,sans-serif;max-width:calc(100vw - 16px)}
.pgbt.deep{transform:none;background:#2E2470}
.pgbt.off{background:#4B4766}
.pgbt b{font-size:11.5px;font-weight:600;padding:0 7px 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.pgbt button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;flex:none}
.pgbt button:hover{background:rgba(255,255,255,.2)}
.pgbt button[disabled]{opacity:.3;cursor:default}
.pgbt button.dn svg{transform:rotate(180deg)}
.pgbbar{position:fixed;z-index:2147483000;bottom:calc(16px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;background:#17123A;color:#fff;border-radius:14px;box-shadow:0 18px 40px -14px rgba(10,6,40,.6);max-width:calc(100vw - 24px);font-family:Heebo,Arial,sans-serif;direction:rtl}
.pgbbi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--grad);flex:none}
.pgbbt{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.pgbbt b{font-size:13px}
.pgbbt small{font-size:11.5px;color:#C9C3F0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pgbbar .vebb span{display:inline}
@media(max-width:640px){.pgbbar{gap:8px;padding:7px 8px 7px 10px}.pgbbi{display:none}.pgbbar .vebb:not(.vedone) span{display:none}.pgbt b{max-width:110px}}
@media (prefers-reduced-motion:reduce){.pgb-flash{animation:none}.pgtile,.pgr-row{transition:none}}
.pgr-row .dbvra{flex:0 1 auto;min-width:0;max-width:100%}
@media(max-width:640px){.pgr-row .dbvra{flex:1 1 100%;justify-content:flex-start}.pgr-row .pgaud{flex:1 1 110px;max-width:none}.pgr-row .swt{margin-inline-start:auto}.pgseta .btn{flex:1 1 auto;justify-content:center}.pgw{flex:1 1 100%}}

/* v75 personal menu icons + editor */
#mm.umic .mi,.umic .mi{display:flex;align-items:center;gap:10px}
.mic{width:18px;height:18px;display:grid;place-items:center;flex:none;color:var(--mute);transition:color .15s}
.mic svg{width:16px;height:16px;display:block}
.mi:hover .mic{color:var(--ac)}
.mi.out .mic{color:inherit;opacity:.85}
.mi.out .mic svg{transform:scaleX(-1)}
/* Dashboard page */
.umgrid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;align-items:start}
.umside{position:sticky;top:96px}
@container (max-width:860px){.umgrid{grid-template-columns:minmax(0,1fr)}.umside{position:static;order:-1}}
@media(max-width:900px){.umgrid{grid-template-columns:minmax(0,1fr)}.umside{position:static;order:-1}}
.umtop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.umsw{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;cursor:pointer}
.umtop .btn[disabled]{opacity:.45;cursor:default}
.umlist{display:flex;flex-direction:column;gap:6px}
.umr{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--sf);transition:border-color .15s,opacity .15s,box-shadow .15s}
.umr:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.umr.off{opacity:.6;background:var(--sf2)}
.umr.pick{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 14%,transparent)}
.umr.drag{opacity:.45;box-shadow:0 0 0 2px var(--ac)}
.umr .hbd-grip.lk{cursor:default;opacity:.55}
.umib{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;border:1px solid color-mix(in srgb,var(--ac) 25%,var(--line));background:var(--acs);color:var(--ac);cursor:pointer;transition:background .15s,border-color .15s}
.umib:hover{border-color:var(--ac)}
.umib.none{background:var(--sf2);color:var(--mute);border-style:dashed;border-color:var(--line)}
.umrt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.umrt .in{height:34px;padding:0 10px;font-size:14px;font-weight:600}
.umrt .in::placeholder{color:var(--ink);opacity:.9;font-weight:600}
.umrt small{font-size:11.5px;color:var(--mute);padding-inline-start:2px}
.umr .dbvra{flex:none}
.umpk{margin:-2px 0 6px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.umpkg{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px}
.umpki{height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--line);background:var(--sf);color:var(--ink);cursor:pointer;transition:background .12s,color .12s,border-color .12s}
.umpki:hover{border-color:var(--ac);color:var(--ac)}
.umpki.on{background:var(--ac);border-color:var(--ac);color:#fff}
.umpka{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.umadd{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}
.umadd label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mute)}
.umadd .btn{height:40px}
.umpv{display:flex;justify-content:center;padding:6px 0 2px}
.umpv .mm{position:static;width:100%;min-width:0;max-width:260px;box-shadow:0 12px 32px -14px rgba(21,14,58,.35);z-index:auto}
.umpv .mi{cursor:default}
@media(max-width:640px){.umr{flex-wrap:wrap}.umrt{flex:1 1 calc(100% - 100px)}.umr .dbvra{flex:1 1 100%;justify-content:flex-end}}
@media (prefers-reduced-motion:reduce){.mic,.umr,.umib,.umpki{transition:none}}

/* v76 visual page builder */
.vbpage{display:flex;flex-direction:column;gap:18px;container-type:inline-size;margin-bottom:18px}
.vbhead{margin-bottom:18px}
.vbs{position:relative;border-radius:18px;color:var(--ink)}
.vbs-bg-card{background:var(--sf);border:1px solid var(--line);box-shadow:var(--sh)}
.vbs-bg-soft{background:color-mix(in srgb,var(--ac) 7%,var(--sf));border:1px solid color-mix(in srgb,var(--ac) 14%,var(--line))}
.vbs-bg-brand{background:var(--grad);color:#fff;box-shadow:0 24px 50px -28px rgba(59,31,149,.8)}
.vbs-bg-dark{background:linear-gradient(135deg,#17123A,#2A1A78);color:#fff}
.vbs-pad-s{padding:16px 18px}.vbs-pad-m{padding:28px 30px}.vbs-pad-l{padding:56px 36px}
.vbs-bg-none{padding-inline:0}
.vbsi{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:start}
.vbc{grid-column:span var(--sp,12);display:flex;flex-direction:column;gap:14px;min-width:0}
.vbs.vbal-center .vbc{text-align:center;align-items:center}
.vbs.vbal-end .vbc{text-align:left}
.vbw{min-width:0}
.vbs.vbal-center .vbw{width:100%}
.vbal-center{text-align:center}.vbal-end{text-align:left}
.vbh{margin:0;font-family:Rubik,Heebo,sans-serif;line-height:1.25;letter-spacing:-.3px;font-weight:800}
.vbh-s{font-size:18px}.vbh-m{font-size:24px}.vbh-l{font-size:32px}.vbh-xl{font-size:clamp(30px,6cqi,48px)}
.vbtx{font-size:15.5px;line-height:1.75;overflow-wrap:anywhere}
.vbs-bg-brand .vbtx,.vbs-bg-dark .vbtx{color:rgba(255,255,255,.92)}
.vbimg{margin:0}.vbimg img{display:block;max-width:100%;height:auto}
.vbimg.vbal-center img{margin-inline:auto}.vbimg.vbal-end img{margin-inline-start:auto}
.vbimg figcaption{font-size:12.5px;color:var(--mute);margin-top:6px;text-align:center}
.vbbtnw{display:flex}.vbbtnw.vbal-center{justify-content:center}.vbbtnw.vbal-end{justify-content:flex-end}
.vbs.vbal-center .vbbtnw{justify-content:center}
.vbbtn{text-decoration:none}
.vbbtn-s{padding:6px 14px;font-size:13.5px}.vbbtn-m{padding:10px 20px;font-size:15px}.vbbtn-l{padding:14px 28px;font-size:17px;border-radius:14px}
.vbbtn-ghost{background:transparent!important;color:var(--ac)!important;border:1.5px solid var(--ac)!important;box-shadow:none!important}
.vbs-bg-brand .vbbtn-ghost,.vbs-bg-dark .vbbtn-ghost{color:#fff!important;border-color:rgba(255,255,255,.7)!important}
.vbbtn-light{background:#fff!important;color:#3B1F95!important;box-shadow:0 10px 24px -12px rgba(0,0,0,.45)!important}
.vbib{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.vbib.vbal-center{align-items:center;text-align:center}.vbib.vbal-end{align-items:flex-end;text-align:left}
.vbibi{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--acs);color:var(--ac)}
.vbs-bg-brand .vbibi,.vbs-bg-dark .vbibi{background:rgba(255,255,255,.16);color:#fff}
.vbib b{font-size:16.5px}
.vbib p{margin:0;font-size:14px;color:var(--mute);line-height:1.6}
.vbs-bg-brand .vbib p,.vbs-bg-dark .vbib p{color:rgba(255,255,255,.82)}
.vbls{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;text-align:start}
.vbls li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.6}
.vbls li>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--acs);color:var(--ac);flex:none;margin-top:1px}
.vbs-bg-brand .vbls li>span,.vbs-bg-dark .vbls li>span{background:rgba(255,255,255,.16);color:#fff}
.vbqt{margin:0;padding:6px 18px;border-inline-start:4px solid var(--ac);text-align:start}
.vbqt p{margin:0;font-size:19px;line-height:1.6;font-weight:500}
.vbqt cite{display:block;margin-top:6px;font-size:13px;color:var(--mute);font-style:normal}
.vbnm{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.vbnm b{font:800 34px/1.1 Rubik,Heebo,sans-serif;color:var(--ac);font-variant-numeric:tabular-nums}
.vbnm span{font-size:13.5px;color:var(--mute)}
.vbs-bg-brand .vbnm b,.vbs-bg-dark .vbnm b{color:#fff}.vbs-bg-brand .vbnm span,.vbs-bg-dark .vbnm span{color:rgba(255,255,255,.8)}
.vbcta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:26px 28px;border-radius:18px;background:var(--grad);color:#fff;text-align:start;box-shadow:0 24px 50px -28px rgba(59,31,149,.8)}
.vbcta b{display:block;font:800 22px/1.3 Rubik,Heebo,sans-serif}
.vbcta p{margin:4px 0 0;opacity:.9}
.vbfaq{display:flex;flex-direction:column;gap:8px;text-align:start;width:100%}
.vbfaq details{border:1px solid var(--line);border-radius:12px;background:var(--sf);padding:0 14px}
.vbfaq summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:15px}
.vbfaq details>div{padding:0 0 12px;color:var(--mute);line-height:1.65}
.vbs-bg-brand .vbfaq details,.vbs-bg-dark .vbfaq details{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.vbs-bg-brand .vbfaq details>div,.vbs-bg-dark .vbfaq details>div{color:rgba(255,255,255,.8)}
.vbtp{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--sf);width:100%;text-align:start}
.vbtpr{display:flex;align-items:center;gap:12px;padding:11px 14px;border:0;border-top:1px solid var(--line);background:none;cursor:pointer;text-align:start;color:var(--ink);font:inherit;width:100%}
.vbtpr:first-child{border-top:0}.vbtpr:hover{background:var(--sf2)}
.vbtpi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);flex:none}
.vbtpt{display:flex;flex-direction:column;min-width:0}.vbtpt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vbtpt small{font-size:12px;color:var(--mute)}
.vbvid{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:16/9;width:100%;border-radius:16px;background:radial-gradient(circle at 50% 40%,#3A2793,#110B2E);color:#fff;text-decoration:none;overflow:hidden}
.vbvidp{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);transition:transform .2s}
.vbvid:hover .vbvidp{transform:scale(1.06)}
.vbvid b{font-size:16px}.vbvid small{font-size:12px;opacity:.7}
.vbdiv{border:0;margin:6px 0;width:100%}
.vbdiv-line{border-top:1px solid var(--line)}
.vbdiv-dots{border-top:2px dotted color-mix(in srgb,var(--mute) 55%,transparent)}
.vbdiv-grad{height:3px;border-radius:3px;background:var(--grad)}
.vbs-bg-brand .vbdiv-line,.vbs-bg-dark .vbdiv-line{border-top-color:rgba(255,255,255,.25)}
.vbhtml{overflow-wrap:anywhere}.vbhtml img{max-width:100%;height:auto}
.vbph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px;width:100%;border:1.5px dashed var(--line);border-radius:14px;color:var(--mute);font-size:13px;text-align:center;padding:14px;background:color-mix(in srgb,var(--sf2) 70%,transparent)}
.vbown{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:-4px 0 14px}
@container (max-width:720px){.vbc{grid-column:1/-1}.vbs-pad-m{padding:22px 18px}.vbs-pad-l{padding:38px 20px}.vbcta{flex-direction:column;align-items:flex-start}.vbs.vbal-center .vbcta{align-items:center;text-align:center}}
/* editor */
html.vbopen,html.vbopen body{overflow:hidden!important}
html.vbopen #chat,html.vbopen #bnav,html.vbopen #pgbbar{display:none!important}
html.vbopen #toast{z-index:2147483005}
.vbed{position:fixed;inset:0;z-index:2147483001;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:Heebo,Arial,sans-serif;direction:rtl}
.vbtop{display:flex;align-items:center;gap:8px;height:58px;padding:0 12px;background:var(--sf);border-bottom:1px solid var(--line);flex:none;min-width:0}
.vbtb{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid transparent;background:none;color:var(--ink);cursor:pointer;flex:none}
.vbtb:hover{background:var(--sf2);border-color:var(--line)}
.vbtb.on{background:var(--acs);color:var(--ac);border-color:color-mix(in srgb,var(--ac) 30%,var(--line))}
.vbtb[disabled]{opacity:.35;cursor:default;background:none;border-color:transparent}
.vbtt{display:flex;flex-direction:column;line-height:1.25;min-width:0;padding-inline:4px 10px;border-inline-start:1px solid var(--line);margin-inline-start:4px}
.vbtt b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.vbtt small{font-size:11.5px;color:var(--mute)}
.vbtg{display:flex;gap:2px;padding:3px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.vbtg .vbtb{width:34px;height:32px}
.vbsp1{flex:1}
.vbtop .btn{height:38px;white-space:nowrap}
.vbbody{flex:1;display:flex;min-height:0}
.vbpanel{width:330px;flex:none;background:var(--sf);border-inline-end:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain}
.vbstage{flex:1;overflow:auto;padding:28px 26px 80px;min-width:0;overscroll-behavior:contain;background:radial-gradient(color-mix(in srgb,var(--mute) 18%,transparent) 1px,transparent 1.2px) 0 0/18px 18px,var(--bg)}
.vbcanvas{max-width:1100px;margin:0 auto;padding-top:22px}
.vbcanvas.w-narrow{max-width:800px}.vbcanvas.w-wide{max-width:1380px}
.vbcanvas.dev-m{max-width:400px;padding:30px 12px 18px;border:8px solid #17123A;border-radius:36px;background:var(--bg);box-shadow:0 30px 60px -30px rgba(10,6,40,.55)}
.vbcanvas .vbs{outline:1.5px dashed transparent;outline-offset:3px;transition:outline-color .12s}
.vbcanvas .vbs:hover{outline-color:color-mix(in srgb,var(--ac) 35%,transparent)}
.vbcanvas .vbs.vbsel{outline:2px solid var(--ac)}
.vbcanvas .vbw{position:relative;border-radius:8px;outline:1.5px dashed transparent;outline-offset:5px;cursor:pointer;transition:outline-color .12s}
.vbcanvas .vbw:hover{outline-color:color-mix(in srgb,var(--ac) 50%,transparent)}
.vbcanvas .vbw.vbsel{outline:2px solid var(--ac)}
.vbcanvas .vbw.vbdrag{opacity:.35}
.vbcanvas .vbw *{cursor:pointer}
.vbbar{position:absolute;z-index:3;display:flex;align-items:center;gap:2px;padding:3px;background:#17123A;color:#fff;border-radius:10px;box-shadow:0 8px 20px -8px rgba(10,6,40,.6);font-size:11.5px;font-weight:600;white-space:nowrap;cursor:default}
.vbbar span{display:inline-flex;align-items:center;gap:4px;padding:0 6px 0 4px}
.vbbar button{width:26px;height:26px;display:grid;place-items:center;border:0;border-radius:7px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.vbbar button:hover{background:rgba(255,255,255,.2)}
.vbbar button.dn svg{transform:rotate(180deg)}
.vbsbar{top:-16px;inset-inline-end:14px;background:#2E2470}
.vbwbar{top:-40px;inset-inline-start:-6px}
.vbdrop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:90px;padding:12px;border:1.5px dashed color-mix(in srgb,var(--ac) 35%,var(--line));border-radius:12px;color:var(--mute);font-size:12.5px;text-align:center;cursor:pointer;background:color-mix(in srgb,var(--ac) 4%,transparent)}
.vbdrop:hover{border-color:var(--ac);color:var(--ac)}
.vbs-bg-brand .vbdrop,.vbs-bg-dark .vbdrop{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.35)}
.vbins{height:4px;border-radius:4px;background:var(--ac);margin:-9px 0;box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 20%,transparent)}
.vbaddsec{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:58px;margin-top:6px;border:1.5px dashed color-mix(in srgb,var(--ac) 40%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--sf) 70%,transparent);color:var(--ac);font:600 14px Heebo,sans-serif;cursor:pointer}
.vbaddsec:hover{background:var(--acs)}
.vbtabs{position:sticky;top:0;z-index:2;display:flex;background:var(--sf);border-bottom:1px solid var(--line)}
.vbtabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:46px;border:0;border-bottom:2px solid transparent;background:none;color:var(--mute);font:600 13.5px Heebo,sans-serif;cursor:pointer}
.vbtabs button.on{color:var(--ac);border-bottom-color:var(--ac)}
.vbpb{padding:14px}
.vbsect+.vbsect{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.vbsect h4{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13.5px}
.vbsect h4 svg{color:var(--ac)}
.vbhint{display:flex;align-items:center;gap:6px;margin:-4px 0 10px;font-size:12px;color:var(--mute)}
.vbhint svg{color:#15803D}
.vbpal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vbpi{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;border:1px solid var(--line);border-radius:12px;background:var(--sf);color:var(--ink);cursor:grab;font:500 12px Heebo,sans-serif;text-align:center;transition:border-color .12s,box-shadow .12s}
.vbpi svg{color:var(--ac)}
.vbpi:hover{border-color:var(--ac);box-shadow:0 8px 18px -12px rgba(106,76,255,.6)}
.vbpi.vbdrag{opacity:.4}
.vbtpl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vbti{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--sf);color:var(--ink);cursor:pointer;font:500 12.5px Heebo,sans-serif;text-align:start}
.vbti svg{color:var(--ac);flex:none}
.vbti:hover,.vbti.on{border-color:var(--ac);background:var(--acs)}
.vblay{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;width:34px;height:20px;flex:none}
.vblay em{grid-column:span var(--sp);border-radius:3px;background:color-mix(in srgb,var(--ac) 55%,transparent)}
.vbtpl2 .vbti{font-size:12px}
.vbf{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:12.5px;color:var(--mute)}
.vbf>span{display:flex;align-items:center;justify-content:space-between;gap:6px;font-weight:600}
.vbf>span em{font-style:normal;color:var(--ac);font-variant-numeric:tabular-nums}
.vbf .in{width:100%;color:var(--ink)}
.vbf textarea.in{resize:vertical;min-height:70px;line-height:1.6}
.vbf small{font-size:11.5px;line-height:1.5}
.vbf input[type=range]{width:100%;accent-color:var(--ac)}
.vbck{flex-direction:row;align-items:center;gap:10px;color:var(--ink);font-size:13.5px;cursor:pointer}
.vbseg{display:flex;flex-wrap:wrap;gap:3px;padding:3px;border-radius:10px;background:var(--sf2);border:1px solid var(--line)}
.vbseg button{flex:1 1 auto;min-width:34px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:none;color:var(--ink);font:500 12.5px Heebo,sans-serif;cursor:pointer;padding:0 8px}
.vbseg button.on{background:var(--sf);color:var(--ac);box-shadow:0 1px 4px rgba(21,14,58,.14);font-weight:700}
.vbicg{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:5px}
.vbicg button{height:34px;border:1px solid var(--line);border-radius:9px;background:var(--sf);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.vbicg button:hover{border-color:var(--ac);color:var(--ac)}
.vbicg button.on{background:var(--ac);border-color:var(--ac);color:#fff}
.vbcol{display:flex;align-items:center;gap:8px}
.vbcol input[type=color]{width:44px;height:34px;padding:2px;border:1px solid var(--line);border-radius:9px;background:var(--sf)}
.vbup{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vbup img{width:100%;max-height:150px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.vbup label.btn{cursor:pointer}
.vbacts{display:flex;flex-wrap:wrap;gap:8px}
.vbacts .dang,.vbpb .dang{color:#B42318!important}
.vbempty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:36px 14px;text-align:center;color:var(--mute);font-size:13px;line-height:1.6}
.vbempty svg{color:var(--ac)}.vbempty b{color:var(--ink);font-size:14.5px}
.umdraft{font-style:normal;font-size:10.5px;font-weight:700;color:#B45309;background:color-mix(in srgb,#F59E0B 16%,var(--sf));border-radius:999px;padding:0 7px;margin-inline-start:8px}
.umpvh{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 8px;font-size:12px;color:var(--mute)}
.umpv [data-umpvk]{cursor:grab;position:relative}
.umpv [data-umpvk].drag{opacity:.4}
.umpvt{flex:1}
.umpvg{color:var(--mute);opacity:0;transition:opacity .12s;display:grid}
.umpv [data-umpvk]:hover .umpvg{opacity:1}
@media(max-width:760px){.vbbody{flex-direction:column}.vbstage{order:1;padding:16px 10px 30px}.vbpanel{order:2;width:auto;height:44vh;border-inline-end:0;border-top:1px solid var(--line);box-shadow:0 -10px 30px -18px rgba(21,14,58,.4)}.vbtop{gap:4px;padding:0 6px}.vbtt b{max-width:120px}.vbtop .btn span{display:none}.vbtop .btn{width:40px;padding:0;justify-content:center}.vbtg .vbtb{width:30px}.vbcanvas.dev-m{border-width:0;border-radius:0;padding:22px 0 0;box-shadow:none;max-width:none}}
@media (prefers-reduced-motion:reduce){.vbs,.vbw,.vbpi,.vbvidp{transition:none}}

/* v77 feed layout options */
.feed .fdone{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--mute)}
.feed.fd1 .fdp{transform:none!important}
@media(min-width:821px){
.feed.fdc-1 .fdp{grid-template-columns:1fr}
.feed.fdc-1 .fdp .tpi{border-inline-end:0!important;grid-column:auto}
.feed.fdc-1 .fdp .tpi:nth-child(2){border-top:1px solid var(--line)}
.feed.fdc-3 .fdp{grid-template-columns:repeat(3,minmax(0,1fr))}
.feed.fdc-3 .fdp .tpi{border-inline-end:1px solid color-mix(in srgb,var(--line) 50%,transparent)!important;grid-column:auto!important;border-top:1px solid var(--line)}
.feed.fdc-3 .fdp .tpi:nth-child(3n){border-inline-end:0!important}
.feed.fdc-3 .fdp .tpi:nth-child(-n+3){border-top:0}}

/* v78 last post link */
@media(min-width:821px){
.fr .last[data-lt]{cursor:pointer;border-radius:0;transition:background .15s}
.fr .last[data-lt]:hover{background:none}
.fr .last[data-lt]:hover b{color:var(--ac);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}}

/* v79 logo editor */
.lgxwrap{display:flex;flex-direction:column;gap:16px}
.lgxpv{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 12px;padding:14px;border-radius:14px;background:var(--sf2);border:1px solid var(--line)}
.lgxcap{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mute);font-weight:600;white-space:nowrap}
.lgxbar{display:flex;align-items:center;min-height:64px;padding:10px 18px;border-radius:12px;background:linear-gradient(100deg,var(--hd1,#150E3A),var(--hd2,#4B1D8C));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;min-width:0}
.lgxbar.lgxm{max-width:360px;min-height:54px;padding:8px 12px}
.lgxbar .logo{pointer-events:none;color:#fff;min-width:0}
.lgxgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lgxsec{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--sf);min-width:0}
.lgxsec h4{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:14px}
.lgxsec h4 svg{color:var(--ac)}
.lgxf{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;font-size:12.5px;color:var(--mute)}
.lgxf>span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}
.lgxf>span em{font-style:normal;color:var(--ac);font-variant-numeric:tabular-nums;direction:ltr}
.lgxf input[type=range]{width:100%;accent-color:var(--ac)}
.lgxf .in{width:100%}
.lgxs{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:13.5px;color:var(--ink);cursor:pointer}
.lgxup{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}
.lgxup .lgxs{margin:0 0 0 auto;flex:1 1 100%}
.lgxup label.btn{cursor:pointer}
.lgxn{margin:-4px 0 0;font-size:11.5px;color:var(--mute)}
.lgxsec .vbcol .btn[disabled]{opacity:.45;cursor:default}
@container (max-width:640px){.lgxgrid{grid-template-columns:minmax(0,1fr)}.lgxpv{grid-template-columns:1fr}}
@media(max-width:700px){.lgxgrid{grid-template-columns:minmax(0,1fr)}.lgxpv{grid-template-columns:1fr}}

/* v80 the peak mark moves between the site name and "במספרים" */
.cbt h2{display:inline-flex;align-items:center;gap:8px}
.cbt h2.cbtm::before{display:none!important}
.cbtlg{display:inline-block;flex:none;width:22px;height:18px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2040%2032%22%20fill%3D%22%23000%22%3E%3Cpath%20d%3D%22M20%201%2034%209v14L20%2031%206%2023V9z%22/%3E%3C/svg%3E") center/contain no-repeat}

/* v81 editable stats title */
.cbt h2.cbsolid{background:none!important;-webkit-text-fill-color:currentColor}
.cbtic{display:inline-grid;place-items:center;flex:none;color:var(--ac);-webkit-text-fill-color:initial}
.cbtic svg{display:block}
.cbtmk{display:inline-grid;place-items:center;flex:none}
.cbtmk img,.cbtmk>svg{width:100%;height:100%;display:block;object-fit:contain;border-radius:22%}
.cbtic>svg{border-radius:0}
.cbnolines .cbtl{visibility:hidden}
.cbpop{max-width:600px;margin:-2px auto 16px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--sf);box-shadow:0 18px 40px -22px rgba(21,14,58,.45)}
.cbxh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.cbxh b{display:inline-flex;align-items:center;gap:7px;font-size:14px}
.cbxh b svg{color:var(--ac)}
.cbxg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.cbxg .cbwide{grid-column:1/-1}
.cbxg small{font-size:11.5px;color:var(--mute)}
.cbimg{width:44px;height:44px;object-fit:contain;border-radius:10px;border:1px solid var(--line);background:var(--sf2)}
.cbxa{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:600px){.cbxg{grid-template-columns:minmax(0,1fr)}}
.cbt h2.cbown{cursor:default}
.cbt.cbtpv{margin:4px 0 16px;padding:14px 10px;border-radius:14px;background:var(--sf2);border:1px solid var(--line)}
.cbpop.cbincard{max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:none}

/* v82 the icon picker of a category opens in full, above everything around it */
.fmh:has(>.icdd>.icdd-pop:not([hidden])){overflow:visible;z-index:100}
.fmh:has(>.icdd>.icdd-pop:not([hidden]))::after{border-start-end-radius:var(--r)}
.icdd:has(>.icdd-pop:not([hidden])){z-index:100!important}
.card:has(.icdd-pop:not([hidden])){position:relative;z-index:40;overflow:visible}

/* ===== v83: delete confirmation, recycle bin, restore from the log ===== */
dialog.trdlg{width:min(440px,calc(100vw - 32px));padding:22px 22px 18px;overflow-x:hidden}
.trdh{display:flex;gap:14px;align-items:flex-start}
.trdh>div{min-width:0;flex:1}
.trdh h3{margin:2px 0 4px;font-size:17px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.trdh p{margin:0;font-size:13.5px;color:var(--mute);line-height:1.55}
.trdi{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#D92D20;background:color-mix(in srgb,#D92D20 10%,transparent);border:1px solid color-mix(in srgb,#D92D20 22%,transparent)}
.trdl{list-style:none;margin:14px 0 0;padding:6px 12px;max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.trdl li{font-size:13px;padding:5px 0;display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.trdl li+li{border-top:1px dashed var(--line)}
.trdl li::before{content:"";width:6px;height:6px;border-radius:50%;flex:none;background:color-mix(in srgb,#D92D20 55%,var(--mute))}
.trdn{display:flex;gap:7px;align-items:flex-start;margin:14px 0 0;font-size:12.5px;color:var(--mute);line-height:1.5}
.trdn svg{flex:none;margin-top:2px}
.trda{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}
.btn.trdel{background:#D92D20!important;border-color:#D92D20;color:#fff!important;box-shadow:0 8px 18px -10px rgba(217,45,32,.7)!important}
.btn.trdel:hover{background:#B42318!important}
.trda>.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn.trdel:focus-visible{outline:2px solid color-mix(in srgb,#D92D20 45%,transparent);outline-offset:2px}
@media(max-width:480px){.trda>.btn{flex:1 1 0;padding-inline:10px}}

.trr{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.trr:first-child{border-top:0}
.trr.done{opacity:.6}
.trri{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--mute);background:var(--sf2);border:1px solid var(--line)}
.trok{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:#12805C;padding:4px 10px;border-radius:999px;background:color-mix(in srgb,#12805C 10%,transparent)}

.mrow.trlr{align-items:center}
.mrow.trlr>span:first-child{flex:1;min-width:0}
.trlb{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex:none}
.trlb .btn.sm{padding:4px 11px;font-size:12.5px}
@media(max-width:600px){.trlb{width:100%}}

/* ===== v84: the activity log with actions, the recycle bin sorted by type ===== */
.hlog{padding:0;overflow:hidden}
.hlt,.hat{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hlt{padding:12px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--sf2) 60%,transparent)}
.hlt .dbchips,.harcard .dbchips{margin:0}
.harcard .dbchips{margin:12px 0 4px}
.hls{position:relative;flex:1 1 200px;min-width:0;display:flex;align-items:center}
.hls>svg{position:absolute;inset-inline-start:11px;color:var(--mute);pointer-events:none}
.hls .in{width:100%;padding-inline-start:34px;min-width:0}
.hlt>.btn{margin-inline-start:auto}
.hlr{display:flex;align-items:center;gap:12px;padding:11px 16px;border-top:1px solid var(--line);min-width:0}
.hlt+.hlr{border-top:0}
.hlr[hidden],.har[hidden],.hah[hidden]{display:none}
.hlr.done .hlx b{color:var(--mute)}
.hli{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--mute);background:var(--sf2);border:1px solid var(--line)}
.hli.del{color:#D92D20;background:color-mix(in srgb,#D92D20 8%,var(--sf));border-color:color-mix(in srgb,#D92D20 20%,var(--line))}
.hli.ok{color:#12805C;background:color-mix(in srgb,#12805C 9%,var(--sf));border-color:color-mix(in srgb,#12805C 22%,var(--line))}
.hlx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.hlx b{font-size:13.5px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.hlx small{font-size:12px;color:var(--mute)}
.hle{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.hle .in{flex:1 1 220px;min-width:0}
.hla{display:flex;align-items:center;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.hla .dbib{width:30px;height:30px;transition:opacity .15s,color .15s,border-color .15s,background .15s}
.hla .dbib.arm{width:auto}
.btn.sm.hlrb{padding:4px 11px;font-size:12.5px;display:inline-flex;align-items:center;gap:5px}
@media(hover:hover){.hlr .hla .dbib:not(.arm){opacity:.45}.hlr:hover .hla .dbib,.hlr:focus-within .hla .dbib{opacity:1}}
@media(max-width:640px){.hlr{flex-wrap:wrap;padding:11px 14px}.hla{width:100%;justify-content:flex-start;padding-inline-start:42px}.hlt{padding:12px 14px}.hlt>.btn{margin-inline-start:0}}

.hat{margin-bottom:2px}
.hat .dbtg{font-size:13px;color:var(--mute);white-space:nowrap}
.hah{display:flex;align-items:center;gap:7px;margin:14px 0 2px;padding-bottom:6px;font-size:12.5px;font-weight:700;color:var(--mute);border-bottom:1px solid var(--line)}
.hah svg{color:var(--ac)}
.hah em{font-style:normal;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--sf2);border:1px solid var(--line)}
.har{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);flex-wrap:wrap;min-width:0}
.hah+.har{border-top:0}
.har.done{opacity:.6}
.har.hi{background:color-mix(in srgb,var(--ac) 8%,transparent);border-radius:12px;padding-inline:10px;border-top-color:transparent;animation:hahi 1.6s ease-out 1}
@keyframes hahi{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ac) 40%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.harp{flex-basis:100%;margin-inline-start:46px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line);font-size:13px;line-height:1.6;max-height:240px;overflow:auto;min-width:0;overflow-wrap:anywhere}
.harp p{margin:0 0 4px}
.harp ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.harp li{display:flex;align-items:center;gap:6px}
.harp li svg{color:var(--mute);flex:none}
.harp small{color:var(--mute)}
.harp code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;color:var(--mute);unicode-bidi:isolate}
.btn.ghost.sm.del{color:#D6453D}
.hast{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hast span{font-size:12.5px;color:var(--mute);padding:5px 11px;border-radius:999px;background:var(--sf2);border:1px solid var(--line)}
.hast b{color:var(--ink);font-weight:700}
.hasw{margin:4px 0 14px;font-size:13.5px}
.habk{display:flex;flex-wrap:wrap;gap:8px}
.habk .btn{display:inline-flex;align-items:center;gap:6px}
@media(max-width:640px){.harp{margin-inline-start:0}.har .dbvra{width:100%;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.har.hi{animation:none}}
.btn.sm.hsoft{background:color-mix(in srgb,var(--ac) 10%,var(--sf))!important;color:var(--ac)!important;border:1px solid color-mix(in srgb,var(--ac) 26%,transparent);box-shadow:none!important;display:inline-flex;align-items:center;gap:5px}
.btn.sm.hsoft:hover{background:var(--ac)!important;color:#fff!important;border-color:var(--ac)}

/* ===== v86: levels and achievements ===== */
/* medal */
.acm{--s:40px;--bc:#7C4DFF;width:var(--s);height:var(--s);border-radius:50%;display:grid;place-items:center;flex:none;color:#fff;position:relative;
 background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--bc) 52%,#fff) 0,var(--bc) 58%,color-mix(in srgb,var(--bc) 78%,#000) 100%);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--bc) 15%,transparent),0 6px 14px -8px var(--bc),inset 0 1px 0 rgba(255,255,255,.35)}
.acm svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.acm.dim{background:color-mix(in srgb,var(--bc) 9%,var(--sf));color:color-mix(in srgb,var(--bc) 65%,var(--mute));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--bc) 26%,var(--line))}
.acm.off{background:var(--sf2);color:var(--mute);box-shadow:inset 0 0 0 1.5px var(--line)}
.acm.dim svg,.acm.off svg{filter:none}
/* level emblem */
.acemb{width:64px;height:64px;border-radius:20px;background:var(--grad);color:#fff;display:grid;place-items:center;position:relative;flex:none;box-shadow:0 14px 28px -16px #7C4DFF,inset 0 1px 0 rgba(255,255,255,.3)}
.acemb b{position:absolute;bottom:-7px;inset-inline-start:-7px;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:var(--sf);color:var(--ac);font-size:13.5px;font-weight:800;display:grid;place-items:center;border:1px solid var(--line);box-shadow:0 2px 8px rgba(20,10,60,.14)}
.acemb.big{width:84px;height:84px;border-radius:26px}
.acemb.big b{min-width:34px;height:34px;font-size:16px}
.acembb{border:0;background:none;padding:0;cursor:pointer;border-radius:20px;flex:none}
.acembb:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
/* progress */
.acbar{height:10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.acbar>span{display:block;height:100%;min-width:6px;border-radius:inherit;background:var(--grad);box-shadow:0 0 12px -2px color-mix(in srgb,#7C4DFF 60%,transparent)}
.acbar.sm{height:6px}
.acbm{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:7px;font-size:12.5px;color:var(--mute)}
.acbm b{color:var(--ink);font-weight:700}
.ack{font-size:12px;font-weight:700;color:var(--ac)}
/* the card */
.lvc.acc{padding:20px 22px}
.achero{display:flex;align-items:center;gap:18px}
.acht{flex:1;min-width:0}
.acht h3{margin:1px 0 9px;font-size:20px;line-height:1.25}
.acnext{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0 0;font-size:12.5px;color:var(--mute)}
.acnext svg{color:#F5B800}
.aclt{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));position:relative}
.aclt::before{content:"";position:absolute;top:12px;inset-inline:calc(50% / var(--n));height:2px;border-radius:2px;background:var(--line)}
.aclt::after{content:"";position:absolute;top:12px;inset-inline-start:calc(50% / var(--n));width:calc((100% - 100% / var(--n)) * var(--p,0));height:2px;border-radius:2px;background:color-mix(in srgb,var(--ac) 55%,transparent)}
.aclt li{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;text-align:center}
.acld{position:relative;z-index:1;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--mute);background:var(--sf);border:2px solid var(--line)}
.aclt li.done .acld{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 45%,var(--line));background:color-mix(in srgb,var(--ac) 10%,var(--sf))}
.aclt li.cur .acld{color:#fff;border:0;background:var(--ac);background-image:none;box-shadow:none;width:28px;height:28px;margin-top:-1px;font-size:12.5px}
.aclt small{font-size:11px;line-height:1.3;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding-inline:2px}
.aclt li.cur small{color:var(--ink);font-weight:700}
.aclfx{position:absolute;top:-6px;inset-inline-start:calc(50% + 5px);z-index:2;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#F5B800;color:#fff;border:2px solid var(--sf)}
.acsrc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px}
.acsrl{font-size:12px;color:var(--mute);margin-inline-end:2px}
.acsrc span:not(.acsrl){font-size:12.5px;color:var(--mute);padding:4px 10px;border-radius:999px;background:var(--sf2);border:1px solid var(--line)}
.acsrc b{color:var(--ink);font-weight:700}
.acsrc em{font-style:normal;color:var(--ac);font-weight:700}
.acsec{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.acsh{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin-bottom:12px}
.acsh b{font-size:15px;display:inline-flex;align-items:center;gap:6px}
.acsh>span{font-size:12.5px;color:var(--mute)}
.acsh .lnk{font-size:12.5px}
.acmuted{margin:0;font-size:13px;color:var(--mute)}
.acg{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
.actl{--bc:#7C4DFF;position:relative;display:flex;align-items:center;gap:11px;min-width:0;padding:10px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--bc) 22%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--bc) 8%,var(--sf)),var(--sf) 70%);color:inherit;font-family:inherit;text-align:start;cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.actl:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--bc) 45%,var(--line));box-shadow:0 10px 22px -16px var(--bc)}
.actt{display:flex;flex-direction:column;gap:2px;min-width:0}
.actt b{font-size:13.5px;line-height:1.3;overflow-wrap:anywhere}
.actt small{font-size:11.5px;color:var(--mute)}
.acpin{position:absolute;top:6px;inset-inline-end:6px;color:var(--bc);opacity:.8}
.acnl{display:grid;gap:8px}
.acnx{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--sf);color:inherit;font-family:inherit;text-align:start;cursor:pointer;transition:border-color .15s,background .15s}
.acnx:hover{border-color:color-mix(in srgb,var(--ac) 35%,var(--line));background:color-mix(in srgb,var(--ac) 3%,var(--sf))}
.acnt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.acnt b{font-size:13.5px}
.acnt small{font-size:12px;color:var(--mute);line-height:1.4}
.acnv{flex:none;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums;white-space:nowrap}
.acok{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:color-mix(in srgb,#12805C 12%,transparent);color:#12805C}
.accr.on{border-color:color-mix(in srgb,#12805C 22%,var(--line))}
/* staff tools */
.acstaff{margin-top:18px;padding:14px;border-radius:14px;border:1px dashed color-mix(in srgb,var(--ac) 35%,var(--line));background:color-mix(in srgb,var(--ac) 4%,var(--sf))}
.acstaff .acsh{margin-bottom:10px}
.acstaff .acsh b{font-size:14px}
.acstaff .acsh b svg{color:var(--ac)}
.acgive{display:flex;gap:8px;flex-wrap:wrap}
.acgive select{flex:1 1 160px;min-width:0}
.acgive input{flex:2 1 200px;min-width:0}
.acman{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.acmc{display:inline-flex;align-items:center;gap:7px;padding:4px 4px 4px 10px;border-radius:999px;background:var(--sf);border:1px solid var(--line);font-size:12.5px;min-width:0}
.acmc small{color:var(--mute)}
.acmc .dbib{width:24px;height:24px;border-radius:50%}
.acmc .dbib.arm{width:auto;border-radius:999px}
.acsetl{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:12.5px}
/* under the name in the profile */
.acchips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 2px}
.aclv{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ac) 28%,var(--line));background:color-mix(in srgb,var(--ac) 8%,var(--sf));color:var(--ac);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.aclv:hover{border-color:var(--ac)}
.acmb{border:0;background:none;padding:0;cursor:pointer;border-radius:50%;display:inline-grid;transition:transform .15s}
.acmb:hover{transform:translateY(-1px) scale(1.06)}
.acmb .acm{box-shadow:0 0 0 2px var(--sf),0 4px 10px -6px var(--bc)}
.acmore{height:26px;min-width:26px;padding:0 7px;border-radius:999px;border:1px solid var(--line);background:var(--sf2);color:var(--mute);font-family:inherit;font-size:11.5px;font-weight:700;cursor:pointer}
.acc.acflash{animation:acflash 1.4s ease-out 1}
@keyframes acflash{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ac) 45%,transparent)}100%{box-shadow:0 0 0 14px transparent}}
/* notification icon in the badge colour */
.ntaw.acn{background:radial-gradient(circle at 32% 26%,color-mix(in srgb,var(--bc) 52%,#fff) 0,var(--bc) 60%,color-mix(in srgb,var(--bc) 78%,#000) 100%)}
/* the details window */
dialog.acdlg{width:min(460px,calc(100vw - 32px));padding:0;overflow-x:hidden;overflow-y:auto}
.acx{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--sf) 80%,transparent);color:var(--mute);display:grid;place-items:center;cursor:pointer}
.acx:hover{color:var(--ink)}
.acdtop{--bc:#7C4DFF;position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 24px 18px;background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,var(--bc) 20%,transparent),transparent 72%)}
.acdtop.lv,.acdtop.cat{background:radial-gradient(120% 90% at 50% 0,color-mix(in srgb,#7C4DFF 18%,transparent),color-mix(in srgb,#00D4FF 6%,transparent) 50%,transparent 75%)}
.acdtop .acm,.acdtop .acemb{margin-bottom:8px}
.acdtop h3{margin:0;font-size:21px;line-height:1.3}
.acdtop p{margin:0;max-width:36ch;font-size:13.5px;color:var(--mute);line-height:1.55}
.acdb{padding:0 22px 22px;min-width:0}
.acdfacts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:2px 0 14px}
.acdfacts span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--mute);padding:4px 10px;border-radius:999px;background:var(--sf2);border:1px solid var(--line);overflow-wrap:anywhere}
.acdprog{margin-bottom:14px}
.acdprog .acbm{margin:0 0 7px}
.acdfx{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border-radius:14px;background:var(--sf2);border:1px solid var(--line);margin:14px 0 0;font-size:13px;color:var(--mute)}
.acdfx .btn{margin-inline-start:auto}
.acdnext{margin-top:14px}
.acdnext .ack{display:block;margin-bottom:7px;color:var(--mute)}
.achow{margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--sf2);border:1px solid var(--line);font-size:13px;line-height:1.6}
.achow b{display:block;margin-bottom:3px}
.achow p{margin:0;color:var(--mute)}
.achow p+p{margin-top:5px;display:flex;align-items:center;gap:5px}
.achow svg{color:#F5B800;flex:none}
.acdb>.acbar{margin-top:4px}
.acdb .aclt{margin-top:16px}
.acgh{font-size:12px;font-weight:700;color:var(--mute);margin:14px 0 8px}
.acgh:first-child{margin-top:4px}
.acda{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.acda .btn{display:inline-flex;align-items:center;gap:6px}
.acd.fresh .acdtop .acm,.acd.fresh .acdtop .acemb{animation:acpop .7s cubic-bezier(.2,1.5,.4,1) both}
.acd.fresh .acdtop::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-conic-gradient(from 0deg at 50% 68px,color-mix(in srgb,var(--bc) 16%,transparent) 0 6deg,transparent 6deg 24deg);-webkit-mask:radial-gradient(circle at 50% 68px,#000 30px,transparent 140px);mask:radial-gradient(circle at 50% 68px,#000 30px,transparent 140px)}
.acd:focus{outline:none}
@keyframes acpop{0%{transform:scale(.55);opacity:0}100%{transform:scale(1);opacity:1}}
@media(max-width:560px){
 .lvc.acc{padding:16px}
 .achero{gap:14px}
 .acemb{width:56px;height:56px;border-radius:18px}
 .acht h3{font-size:18px}
 .aclt small{display:none}
 .aclt li.cur small{display:-webkit-box;position:absolute;top:32px;white-space:nowrap;-webkit-line-clamp:1}
 .aclt{padding-bottom:18px}
 .acg{grid-template-columns:1fr 1fr;gap:8px}
 .actl{padding:9px 10px;gap:9px}
 .actl .acm{--s:32px!important}
 .acdb{padding:0 16px 18px}
 .acdtop{padding:28px 16px 16px}
}
@media(prefers-reduced-motion:reduce){.acd.fresh .acdtop .acm,.acd.fresh .acdtop .acemb,.acc.acflash{animation:none}.actl,.acmb{transition:none}}
.acnh{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0}
.acnh b{min-width:0;overflow-wrap:anywhere}
.acnh .acok{flex:none}

/* ===== v87: manual control of points, levels and achievements ===== */
.acstaff .acsseg{margin:0 0 12px}
.acstaff .acgive+.acgive{margin-top:8px}
.acstaff .acgive .acnum{flex:0 1 130px}
.acstaff>.acmuted{margin-top:10px}
.acstaff .acgive+.acmuted{margin-top:10px;line-height:1.6}
.acsrc .acxb{color:#12805C!important;background:color-mix(in srgb,#12805C 9%,var(--sf))!important;border-color:color-mix(in srgb,#12805C 25%,var(--line))!important}
.acsrc .acxb.neg{color:#D92D20!important;background:color-mix(in srgb,#D92D20 8%,var(--sf))!important;border-color:color-mix(in srgb,#D92D20 22%,var(--line))!important}
.acsrc .acxb b{color:inherit}
.achid{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12.5px;color:var(--mute)}
.acmh{cursor:pointer;font-family:inherit;color:var(--mute);opacity:.85;padding-inline-end:10px}
.acmh:hover{opacity:1;color:var(--ac);border-color:color-mix(in srgb,var(--ac) 35%,var(--line))}
.acxs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.acxs span{font-size:12.5px;color:var(--mute);padding:4px 10px;border-radius:999px;background:var(--sf);border:1px solid var(--line)}
.acxs b{color:var(--ink);font-weight:700}
.acxs .pos{color:#12805C;border-color:color-mix(in srgb,#12805C 25%,var(--line));background:color-mix(in srgb,#12805C 8%,var(--sf))}
.acxs .neg{color:#D92D20;border-color:color-mix(in srgb,#D92D20 22%,var(--line));background:color-mix(in srgb,#D92D20 7%,var(--sf))}
.acxs.sm{margin:0}
.acxs.sm span{font-size:12px;padding:3px 9px}
.achl{display:grid;gap:6px}
.achr{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--sf);border:1px solid var(--line);min-width:0}
.achr.done{opacity:.55}
.achr.done b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--mute) 60%,transparent)}
.achi{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--sf))}
.achx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.achx b{font-size:13px;font-weight:600;overflow-wrap:anywhere}
.achx small{font-size:11.5px;color:var(--mute);overflow-wrap:anywhere}
.achr .dbib{width:28px;height:28px}
.acmg{padding:18px 20px}
.acmg>.acsh b svg{color:var(--ac)}
.acmgl{display:grid;gap:8px}
.acmgr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--sf);min-width:0}
.acmgn{flex:1 1 140px;min-width:0;display:flex;flex-direction:column;gap:1px}
.acmgn b{font-size:14px}
.acmgn small{font-size:12px;color:var(--mute)}
@media(max-width:560px){.acmg{padding:16px}.acmgr .btn{margin-inline-start:auto}}

/* ===== v89: the author block in posts, the far column, centred topic numbers ===== */
.post .pmeta{row-gap:4px}
.post .pmeta .pbr{display:block;flex-basis:100%;height:0;width:auto;margin:0;padding:0;background:none!important;border:0;box-shadow:none}
.post .pmeta .prk{margin-inline-end:0}
.pmeta .ptm{display:inline-flex;align-items:center;gap:5px;flex-basis:100%}
.pmeta .ptm::before{content:none!important;display:none!important}
.pmeta .ptm svg{opacity:.6;flex:none}
.ptlr{display:flex;align-items:center;gap:8px}
.pauth{display:contents}
.pnl .pnrk{display:none}
.pmd{display:flex;align-items:center;gap:5px}
.pmeta .plvm{display:none;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}
.pmeta .plvm svg{color:var(--ac);opacity:.8;flex:none}
.pmeta .plvm b{color:var(--ink);font-weight:700}
.pmeta .plvm:hover b{color:var(--ac)}
@media(max-width:640px){.pmeta .pbr+.plvm+span::before{display:none!important}.post .ptl{flex-direction:column;align-items:flex-end;gap:7px}.pmd{gap:3px}.pmd .acm{--s:15px!important;box-shadow:0 0 0 1.5px var(--sf)!important}.pmd .acm svg{width:8px;height:8px}}
.pmd .acmb .acm{box-shadow:0 0 0 2px var(--sf),0 3px 8px -5px var(--bc)}
@media(min-width:641px){
 .post .ptop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:12px 18px}
 .post .pid{gap:3px}
 .post .ptop .pav .av{width:44px;height:44px;font-size:18px}
 .post .pnl{gap:8px;row-gap:3px}
 .post .pnl .pn b{font-size:15.5px}
 .post .pmeta{font-size:12px;row-gap:2px}
 .post .pmeta .ptm{font-size:11.5px}
 .post .ptl{gap:6px}
 .post .ptl{flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;gap:10px}
 .post.opx .ptop .pavw{grid-column:1;grid-row:1}
 .post.opx .ptop .pid{grid-column:2;grid-row:1}
 .post.opx .ptop>.ptl{grid-column:3;grid-row:1}
 .post.opx .ptop .opst{order:0;flex-basis:auto;grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:flex-start;margin-top:10px;padding-top:9px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
}
/* topic lists: the last reply sits in the middle like the numbers */
.tr .last{align-items:center;text-align:center}
.th-cols>span:nth-child(n+5){text-align:center}

/* ===== v90: title in the breadcrumb, nothing above the post body, staff tools on their own line ===== */
.oplkw{padding:10px 20px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,#F59E0B 6%,var(--sf))}
.oplkw .oplk{margin:0;color:color-mix(in srgb,#B45309 80%,var(--ink))}
@media(max-width:640px){.oplkw{padding:10px 14px}}
.crumb.crt{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;row-gap:2px;line-height:1.5}
.crumb.crt .crth{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:inherit;font-weight:600;color:var(--ink);line-height:1.5;min-width:0}
.crumb.crt .crth>span:not(.pxl){color:var(--ink);overflow-wrap:anywhere}
.crumb.crt .crth .pxl{font-size:11px;padding:1px 8px;line-height:1.6}
.post .opf .opm{order:5;flex-basis:100%;margin:4px 0 0;padding:9px 0 0;padding-inline-end:0;border:0;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent);justify-content:flex-start;flex-wrap:wrap}
/* private message in a post: the envelope alone */
.post .pa .pab[data-pmto] .hm{display:none}
.post .pa .pab[data-pmto]{padding-inline:8px}
/* the opening post's envelope and report: icons only, side by side */
.opf .opbt.oprep span{display:none}
.opf .opbt.oprep,.opf .opbt.oppm{width:34px;height:34px;padding:0;justify-content:center;border-color:transparent;background:none;color:var(--mute)}
.opf .opbt.oppm:hover{color:var(--ac);background:color-mix(in srgb,var(--ac) 7%,transparent)}
.opf .opbt.oppm+.opbt.oprep{margin-inline-start:-6px}
/* the opening post keeps one envelope: the one next to the report triangle */
.post.opx .pa [data-pmto]{display:none}

/* ===== v91: levels / achievements switched off ===== */
.lvoff .plv2,.lvoff .aclv,.bdoff .pmd,.bdoff .acchips .acmb,.bdoff .acchips .acmore{display:none!important}
.acst{display:inline-flex;align-items:center;height:20px;padding:0 8px;margin-inline-start:6px;border-radius:999px;font-size:11px;font-weight:700;vertical-align:middle}
.acst.on{color:#12805C;background:color-mix(in srgb,#12805C 11%,var(--sf))}
.acst.off{color:var(--mute);background:var(--sf2);border:1px solid var(--line)}

/* ===== v92: clickable last writer (looks exactly like the text around it) ===== */
.lpu{color:inherit;font-weight:inherit;cursor:pointer;border-radius:4px}
.lpu:hover{text-decoration:underline;text-underline-offset:2px}
.lpu:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
/* ===== gx: ספאון – gamer skin ===== */
:root{--neo1:#8B5CFF;--neo2:#00D4FF;--neo3:#B6FF3B;--neo4:#FF3D8B;--gxf:"Chakra Petch",Rubik,Heebo,sans-serif;--gxline:linear-gradient(90deg,transparent,#8B5CFF 22%,#00D4FF 78%,transparent);--gxglow:0 0 0 1px color-mix(in srgb,var(--ac) 40%,transparent),0 10px 30px -12px color-mix(in srgb,var(--ac) 70%,transparent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#07080E;--sf:#0E1019;--sf2:#0B0D15;--ink:#ECEEFF;--mute:#8B90B4;--line:#1C2031;--nv:#05060B;--nv2:#10132A;--hot:#FF4D8D;--gxsh:0 1px 0 rgba(255,255,255,.035) inset,0 18px 40px -26px rgba(0,0,0,.9)}}
:root[data-theme="dark"]{--bg:#07080E;--sf:#0E1019;--sf2:#0B0D15;--ink:#ECEEFF;--mute:#8B90B4;--line:#1C2031;--nv:#05060B;--nv2:#10132A;--hot:#FF4D8D;--gxsh:0 1px 0 rgba(255,255,255,.035) inset,0 18px 40px -26px rgba(0,0,0,.9)}
:root{--gxsh:0 1px 2px rgba(10,12,30,.05),0 14px 34px -24px rgba(30,20,90,.35)}

/* background: soft HUD grid + two neon glows */
body{background:radial-gradient(900px 420px at 88% -140px,color-mix(in srgb,var(--neo1) 22%,transparent),transparent 70%),radial-gradient(760px 380px at -6% 6%,color-mix(in srgb,var(--neo2) 11%,transparent),transparent 70%),var(--bg)}
body::before{background:linear-gradient(color-mix(in srgb,var(--neo1) 9%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,color-mix(in srgb,var(--neo1) 9%,transparent) 1px,transparent 1px) 0 0/46px 46px!important;filter:none!important;-webkit-mask-image:radial-gradient(1300px 640px at 60% -120px,#000 10%,transparent 72%);mask-image:radial-gradient(1300px 640px at 60% -120px,#000 10%,transparent 72%)}

/* top bar */
html body header{background:var(--gxhdr,linear-gradient(100deg,#05060C,#0B0A1F 60%,#16123A))}
header{position:relative;border-bottom:0;box-shadow:0 10px 40px -18px rgba(0,0,0,.75)}
header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--gxline);opacity:.9;pointer-events:none}
.logo svg{filter:drop-shadow(0 0 10px rgba(139,92,255,.55))}
.wm b{font-weight:900;letter-spacing:-.3px;background:linear-gradient(180deg,#fff 30%,#C9D3FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.wm small{color:#8FE9FF;letter-spacing:.2px;font-weight:500;opacity:.85}
header .search{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.11);transition:border-color .15s,box-shadow .15s,background .15s}
header .search:focus{outline:0;border-color:color-mix(in srgb,var(--neo2) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--neo2) 18%,transparent);background:rgba(255,255,255,.09)}
header .hb,header .mbtn,header .btn.ghost{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.11);transition:border-color .15s,background .15s,box-shadow .15s}
header .hb:hover,header .mbtn:hover,header .btn.ghost:hover{background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--neo1) 70%,transparent);box-shadow:0 0 18px -6px var(--neo1)}

/* platform rail */
.gxrail{max-width:var(--gxw,1100px);margin:0 auto;padding:0 18px 10px;position:relative}
.gxri{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 2px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent)}
.gxri::-webkit-scrollbar{display:none}
.gxc{flex:none;display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:9px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#C9CDEA;font:600 13px Heebo,sans-serif;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}
.gxc svg{color:#8FE9FF;opacity:.9}
.gxc:hover{color:#fff;border-color:color-mix(in srgb,var(--neo2) 55%,transparent);background:rgba(0,212,255,.08)}
.gxc:active{transform:translateY(1px)}
.gxc.on{color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--neo1) 55%,transparent),color-mix(in srgb,var(--neo2) 30%,transparent));border-color:color-mix(in srgb,var(--neo1) 80%,transparent)}
.gxc.on svg{color:#fff}
.gxlive{width:7px;height:7px;border-radius:50%;background:var(--neo3);box-shadow:0 0 0 3px rgba(182,255,59,.16);animation:gxp 2s ease-in-out infinite}
@keyframes gxp{50%{box-shadow:0 0 0 5px rgba(182,255,59,0)}}
@media(max-width:820px){.gxrail{padding:0 10px 8px}.gxc{height:30px;padding:0 11px;font-size:12.5px}}

/* cards */
.card{border-radius:var(--r,14px);box-shadow:var(--gxsh)}
:root[data-theme="dark"] .card{background:linear-gradient(180deg,color-mix(in srgb,var(--sf) 100%,#fff 1.5%),var(--sf))}

/* category banners: HUD plate instead of mountains */
.card.cat>h2{position:relative;overflow:hidden;isolation:isolate;letter-spacing:.1px}
.card.cat>h2::after{content:""!important;position:absolute!important;inset:0 auto 0 0!important;width:min(46%,420px)!important;height:auto!important;background:repeating-linear-gradient(115deg,rgba(255,255,255,.07) 0 2px,transparent 2px 11px)!important;-webkit-mask:linear-gradient(90deg,#000,transparent)!important;mask:linear-gradient(90deg,#000,transparent)!important;opacity:1!important;transform:none!important;z-index:-1;pointer-events:none}
.card.cat>h2::before{content:"";position:absolute;inset-inline:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--cg,var(--neo2)) 30%,var(--neo1) 70%,transparent);opacity:.85;pointer-events:none}
.card.cat>h2 .cati{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);border-radius:9px}
.card.cat>h2 .colb{background:rgba(0,0,0,.25);border-color:rgba(255,255,255,.14)}
.fh{letter-spacing:.3px}

/* forum rows */
.fr,.tr{transition:background .15s}
.fr .ict,.tpic{position:relative;transition:transform .2s,box-shadow .2s}
.fr:hover .ict,.tpi:hover .tpic{transform:translateY(-1px) rotate(-3deg);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent),0 8px 22px -8px color-mix(in srgb,var(--c) 85%,transparent)}
.fr:hover,.tr:hover{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ac) 6%,transparent))}
.fr h3{transition:color .15s}
.fr:hover h3{color:var(--ac)}
.n b,.tile b,.cbar b,.lvn,.pno{font-family:var(--gxf);letter-spacing:.2px}
.n b{font-weight:700}

/* feed */
.feed .fdh h2 .live{background:var(--neo3)!important;box-shadow:0 0 0 4px rgba(182,255,59,.15)!important}
.fsw .fsl{background:linear-gradient(120deg,var(--neo1),color-mix(in srgb,var(--neo1) 50%,var(--neo2)))!important;box-shadow:0 6px 18px -8px var(--neo1)}

/* stats title: spawn mark instead of the peak */
.cbtlg,.cbt h2::before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2.5 35.2 11.2v17.6L20 37.5 4.8 28.8V11.2z'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2.5 35.2 11.2v17.6L20 37.5 4.8 28.8V11.2z'/%3E%3C/svg%3E") center/contain no-repeat!important}

/* buttons */
.btn:not(.ghost):not(.ghost2){transition:box-shadow .15s,transform .15s,filter .15s}
.btn:not(.ghost):not(.ghost2):hover{filter:brightness(1.08);box-shadow:var(--gxglow)}
.btn:not(.ghost):not(.ghost2):active{transform:translateY(1px)}

/* bottom nav (phones) */
.bnav{border-top:0!important;box-shadow:0 -12px 30px -18px rgba(0,0,0,.6)}
.bnav::before{content:"";position:absolute;inset-inline:0;top:0;height:1px;background:var(--gxline);opacity:.7}
.bnplus{background:linear-gradient(135deg,var(--neo1),var(--neo2))!important;box-shadow:0 8px 20px -8px var(--neo1)!important}

@media (prefers-reduced-motion:reduce){.gxlive{animation:none}.fr:hover .ict,.tpi:hover .tpic{transform:none}}

#ft::before,.empty::before{width:40px!important;height:40px!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20 3 35 11.5v17L20 37 5 28.5v-17z'/%3E%3Cpath d='M13.5 22.5 20 16l6.5 6.5M15.5 28l4.5-4.5 4.5 4.5'/%3E%3C/svg%3E") center/contain no-repeat!important;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20 3 35 11.5v17L20 37 5 28.5v-17z'/%3E%3Cpath d='M13.5 22.5 20 16l6.5 6.5M15.5 28l4.5-4.5 4.5 4.5'/%3E%3C/svg%3E") center/contain no-repeat!important}
.fhead::after{background:repeating-linear-gradient(115deg,color-mix(in srgb,var(--ac) 16%,transparent) 0 2px,transparent 2px 11px)!important;-webkit-mask:linear-gradient(90deg,#000,transparent 80%)!important;mask:linear-gradient(90deg,#000,transparent 80%)!important}

.wm b{font-family:"Chakra Petch",Rubik,sans-serif!important;font-weight:700!important;letter-spacing:2.5px!important;direction:ltr;font-size:27px}
@media(max-width:820px){.wm b{font-size:23px!important;letter-spacing:2px!important}}

/* ===== gx2 ===== */
/* game-glyph background: △ ○ ✕ □, d-pad and pixels over the HUD grid */
body::before{background:
 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320' viewBox='0 0 320 320' fill='none' stroke='%238B5CFF' stroke-opacity='.22' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M46 30 60 54H32z'/%3E%3Ccircle cx='170' cy='40' r='11'/%3E%3Cpath d='M262 30l18 18M280 30l-18 18'/%3E%3Crect x='96' y='128' width='20' height='20' rx='3'/%3E%3Cpath d='M228 132h10v-10h10v10h10v10h-10v10h-10v-10h-10z'/%3E%3Cpath d='M30 222h6M33 219v6M300 250h6M303 247v6M140 290h6M143 287v6' stroke='%2300D4FF'/%3E%3Cpath d='M170 214c-14 0-22 12-22 24 0 8 5 12 10 12 4 0 6-3 9-7h18c3 4 5 7 9 7 5 0 10-4 10-12 0-12-8-24-22-24z' stroke='%2300D4FF' stroke-opacity='.2'/%3E%3Cpath d='M160 230v6M157 233h6' stroke='%2300D4FF' stroke-opacity='.2'/%3E%3Ccircle cx='182' cy='231' r='1.2' stroke='%2300D4FF' stroke-opacity='.2'/%3E%3Ccircle cx='187' cy='236' r='1.2' stroke='%2300D4FF' stroke-opacity='.2'/%3E%3Cpath d='M264 196 276 216H252z' stroke-opacity='.14'/%3E%3Ccircle cx='60' cy='300' r='8' stroke-opacity='.14'/%3E%3Crect x='268' y='290' width='14' height='14' rx='2' stroke-opacity='.14'/%3E%3C/svg%3E") 0 0/320px 320px,
 linear-gradient(color-mix(in srgb,var(--neo1) 7%,transparent) 1px,transparent 1px) 0 0/40px 40px,
 linear-gradient(90deg,color-mix(in srgb,var(--neo1) 7%,transparent) 1px,transparent 1px) 0 0/40px 40px!important;
 -webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 45%,rgba(0,0,0,.18) 100%)!important;mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.55) 45%,rgba(0,0,0,.18) 100%)!important}
:root[data-theme="light"] body::before{opacity:.7}
/* neon horizon under the top bar */
body::after{display:block!important;background:radial-gradient(60% 40% at 50% 0,color-mix(in srgb,var(--neo1) 20%,transparent),transparent 70%),radial-gradient(30% 30% at 100% 30%,color-mix(in srgb,var(--neo2) 10%,transparent),transparent 70%),radial-gradient(30% 30% at 0 70%,color-mix(in srgb,var(--neo4) 8%,transparent),transparent 70%)!important}

/* theme menu */
.gxth{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px 6px 6px}
.gxto{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:12px 8px 10px;border:1px solid var(--line);border-radius:14px;background:var(--sf2);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.gxto:hover{border-color:color-mix(in srgb,var(--ac) 55%,var(--line));transform:translateY(-1px)}
.gxto b{font-size:13.5px;line-height:1.2}
.gxto small{font-size:11px;color:var(--mute);line-height:1.3}
.gxti{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--sf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 30%,transparent);margin-bottom:3px;flex:none}
.gxti svg{display:block}
.gxti.sm{width:36px;height:36px;margin:0}
.gxto[aria-checked="true"]{border-color:transparent;background:linear-gradient(var(--sf2),var(--sf2)) padding-box,var(--grad) border-box;border:1.5px solid transparent}
.gxto[aria-checked="true"] .gxti{background:var(--grad);color:#fff;box-shadow:0 6px 16px -6px var(--neo1)}
.gxtok{position:absolute;top:7px;inset-inline-end:7px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--neo3);color:#0A0C1A}
.gxchs{display:flex!important;align-items:center;gap:10px;padding:8px 10px}
.gxchs>span:nth-child(2){flex:1;display:flex;flex-direction:column;min-width:0}
.gxchs b{font-size:14px}.gxchs small{font-size:12px;color:var(--mute)}

/* ===== forum cards ===== */
@media(min-width:821px){
 .card.cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:0 14px 14px;align-items:stretch}
 .card.cat>h2{grid-column:1/-1;margin:0 -14px 2px}
 .card.cat>.fh,.card.cat>.th-cols{display:none!important}
 .card.cat>:not(h2):not(.fr):not(.fh){grid-column:1/-1}
 .card.cat>.fr{display:grid!important;grid-template-columns:62px auto minmax(0,1fr);grid-template-areas:"ic tx tx" ". a b" "ls ls ls";gap:0;align-items:start;padding:0!important;border:1px solid transparent!important;border-radius:16px;background:linear-gradient(var(--sf2),var(--sf2)) padding-box,linear-gradient(to bottom left,color-mix(in srgb,var(--fc,var(--ac)) 70%,transparent),var(--line) 45%) border-box!important;position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s;min-height:150px}
 :root[data-theme="light"] .card.cat>.fr{background:linear-gradient(var(--sf),var(--sf)) padding-box,linear-gradient(to bottom left,color-mix(in srgb,var(--fc,var(--ac)) 60%,transparent),var(--line) 45%) border-box!important}
 .card.cat>.fr::before{content:"";position:absolute;inset:0 0 auto auto;width:180px;height:120px;background:radial-gradient(closest-side,color-mix(in srgb,var(--fc,var(--ac)) 22%,transparent),transparent);pointer-events:none;opacity:.8;transition:opacity .2s}
 .card.cat>.fr:hover{transform:translateY(-3px);box-shadow:0 18px 36px -20px color-mix(in srgb,var(--fc,var(--ac)) 80%,transparent)}
 .card.cat>.fr:hover::before{opacity:1}
 .card.cat>.fr>*{padding:0!important;border:0!important;min-width:0;position:relative}
 .card.cat>.fr>.ic{grid-area:ic;padding:16px 16px 0 0!important;display:block!important;width:auto!important;height:auto!important}
 .card.cat>.fr>.ic .ict{width:46px;height:46px;border-radius:14px}
 .card.cat>.fr>div:nth-child(2){grid-area:tx;padding:16px 14px 6px 16px!important}
 .card.cat>.fr h3{font-size:16.5px;margin-bottom:3px}
 .card.cat>.fr .sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.5}
 .card.cat>.fr>.n{grid-area:a;flex-direction:row!important;align-items:baseline!important;gap:4px;padding:0 14px 12px 0!important;justify-content:flex-start!important;align-self:start}
 .card.cat>.fr>.n+.n{grid-area:b}
 .card.cat>.fr>.n b{font-size:14px;display:inline}
 .card.cat>.fr>.n span{font-size:11.5px}
 .card.cat>.fr>.last{grid-area:ls;margin:0 16px;padding:10px 0 12px!important;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)!important;align-self:end;display:block!important}
 .card.cat>.fr>.last .av.xs{width:24px;height:24px;font-size:11px}
 .card.cat>.fr>.last b{font-size:12.5px}
 .card.cat>.fr>.last .sub{font-size:11.5px;-webkit-line-clamp:1}
 .card.cat>.fr>.last b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
 .card.cat>.fr:hover .ict{transform:scale(1.06) rotate(-4deg)}
}
/* phones: compact cards with stats */
@media(max-width:820px){
 .card.cat>.fr{grid-template-columns:46px auto auto minmax(0,1fr)!important;grid-template-areas:"ic tx tx tx" "ic a b .";row-gap:4px;column-gap:12px;position:relative}
 .card.cat>.fr::after{content:"";position:absolute;inset-block:12px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--fc,var(--ac));opacity:.85}
 .card.cat>.fr>.ic{grid-area:ic;align-self:start}
 .card.cat>.fr>div:nth-child(2){grid-area:tx}
 .card.cat>.fr>.n{display:inline-flex!important;align-items:baseline;gap:3px;grid-area:a;font-size:11.5px}
 .card.cat>.fr>.n+.n{grid-area:b}
 .card.cat>.fr>.n b{font:700 12.5px var(--gxf);display:inline}
 .card.cat>.fr>.n span{font-size:11px}
 .card.cat>.fr .sub{font-size:13px}
}

/* ===== media in posts ===== */
.gxyt,.gxvid{position:relative;max-width:640px;margin:10px 0;border-radius:14px;overflow:hidden;background:#05060B;border:1px solid var(--line);box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}
.gxytp{display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;cursor:pointer;position:relative;background:radial-gradient(circle at 50% 45%,#2A1E6E,#05060B 70%)}
.gxytp img{width:100%;height:100%;object-fit:cover;display:block;opacity:.88;transition:opacity .2s,transform .3s}
.gxytp:hover img{opacity:1;transform:scale(1.02)}
.gxplay{position:absolute;inset:0;margin:auto;width:68px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#FF2D55,#E1141B);box-shadow:0 10px 30px -6px rgba(225,20,27,.7);transition:transform .15s}
.gxytp:hover .gxplay{transform:scale(1.08)}
.gxytl{position:absolute;top:10px;inset-inline-start:10px;font:700 11px var(--gxf);letter-spacing:.6px;color:#fff;background:rgba(0,0,0,.55);padding:3px 8px;border-radius:6px}
.gxytf{display:block;width:100%;aspect-ratio:16/9;border:0}
.gxyto{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px;color:#B9BEDF;text-decoration:none;background:#0B0D15;border-top:1px solid rgba(255,255,255,.06)}
.gxyto:hover{color:#fff;text-decoration:underline}
.gxvid video{display:block;width:100%;max-height:480px;background:#000}
.gxvm{display:flex;align-items:center;gap:6px;padding:7px 12px;font-size:12px;color:#B9BEDF;background:#0B0D15}
.gxvid.miss{background:var(--sf2)}
.gxvmiss{display:flex;flex-direction:column;align-items:center;gap:4px;padding:26px 16px;text-align:center;color:var(--mute)}
.gxvmiss b{color:var(--ink);font-size:14px}.gxvmiss small{font-size:12px}
.gxvp .fnote{font-size:11.5px;color:var(--mute)}

.thm .gxti{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.thm .gxto>b,.thm .gxto>small{display:block}
.thm .gxtok{display:flex!important;align-items:center;justify-content:center}

/* ===== gx3 ===== */
#ft::before{display:none!important}
.gxtop{display:flex;flex-direction:column;align-items:center;gap:2px;margin:34px auto 8px;background:none;border:0;padding:6px 10px;border-radius:14px;cursor:pointer;color:var(--mute);font:600 10.5px Heebo,sans-serif;transition:transform .18s,color .18s}
.gxtop i{display:block;width:40px;height:40px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20 3 35 11.5v17L20 37 5 28.5v-17z'/%3E%3Cpath d='M13.5 22.5 20 16l6.5 6.5M15.5 28l4.5-4.5 4.5 4.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%23000' stroke-width='2.4' stroke-linejoin='round' stroke-linecap='round'%3E%3Cpath d='M20 3 35 11.5v17L20 37 5 28.5v-17z'/%3E%3Cpath d='M13.5 22.5 20 16l6.5 6.5M15.5 28l4.5-4.5 4.5 4.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:filter .18s}
.gxtop span{opacity:0;transform:translateY(-3px);transition:opacity .18s,transform .18s}
.gxtop:hover,.gxtop:focus-visible{transform:translateY(-3px);color:var(--ac)}
.gxtop:hover i{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--neo1) 80%,transparent))}
.gxtop:hover span,.gxtop:focus-visible span{opacity:1;transform:none}
@media(hover:none){.gxtop span{opacity:1;transform:none}}
/* report triangles: same weight in every post */
.post .rep.gxrepb{opacity:1}
.post .rep.gxrepb:hover,.post .gxrepb[aria-expanded="true"]{background:rgba(229,72,77,.12)}
.gxrm{position:absolute;z-index:80;min-width:250px;max-width:calc(100vw - 16px);background:var(--sf);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 44px -14px rgba(0,0,0,.55);padding:6px;animation:fmin .14s ease}
.gxrmh{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#E5484D;padding:6px 10px 4px}
.gxrmi{display:flex;align-items:center;gap:10px;width:100%;text-align:start;background:none;border:0;border-radius:10px;padding:8px 10px;cursor:pointer;color:var(--ink);font:inherit}
.gxrmi:hover,.gxrmi:focus-visible{background:rgba(229,72,77,.09)}
.gxrmi[disabled]{opacity:.45;cursor:not-allowed}
.gxrmi>span:last-child{display:flex;flex-direction:column;min-width:0}
.gxrmi b{font-size:13.5px}.gxrmi small{font-size:11.5px;color:var(--mute)}
.gxrmic{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;background:rgba(229,72,77,.12);color:#E5484D}

/* level pill in posts: number + level name, coloured by tier */
.post .plv2{gap:5px!important;padding:2px 8px 2px 3px!important;font:700 11px/1 Heebo,sans-serif!important;color:var(--gxlc,var(--mute))!important;border-color:color-mix(in srgb,var(--gxlc,var(--ac)) 40%,var(--line))!important;background:color-mix(in srgb,var(--gxlc,var(--ac)) 10%,var(--sf))!important}
.plv2 .gxlvn{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:var(--gxlg,var(--gxlc,var(--ac)));color:#fff;font:700 10px/1 "Chakra Petch",Rubik,sans-serif}
.gxt0,.gxt1,.gxt2{--gxlc:#94A3B8}
.gxt3,.gxt4{--gxlc:#22C55E}
.gxt5{--gxlc:#A8B4C8;--gxlg:linear-gradient(135deg,#CBD5E1,#64748B)}
.gxt6{--gxlc:#A78BFA;--gxlg:linear-gradient(135deg,#8B5CFF,#00D4FF)}
.gxt7{--gxlc:#FB923C;--gxlg:linear-gradient(135deg,#F97316,#EF4444)}
.gxt8{--gxlc:#5EEAD4;--gxlg:linear-gradient(135deg,#22D3EE,#EC4899)}
.gxt9{--gxlc:#FBBF24;--gxlg:linear-gradient(135deg,#FDE047,#F59E0B 55%,#B45309)}
:root[data-theme="light"] .gxt0,:root[data-theme="light"] .gxt1,:root[data-theme="light"] .gxt2{--gxlc:#64748B}
:root[data-theme="light"] .gxt3,:root[data-theme="light"] .gxt4{--gxlc:#16A34A}
:root[data-theme="light"] .gxt5{--gxlc:#64748B}
:root[data-theme="light"] .gxt6{--gxlc:#7C3AED}
:root[data-theme="light"] .gxt7{--gxlc:#EA580C}
:root[data-theme="light"] .gxt8{--gxlc:#0891B2}
:root[data-theme="light"] .gxt9{--gxlc:#B45309}
/* profile cover: gaming pattern instead of mountains */
.prof-h .cover>svg{display:none}
.prof-h .cover{position:relative;overflow:hidden}
.prof-h .cover::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none' stroke='%23fff' stroke-opacity='.22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 20 38 40H14z'/%3E%3Ccircle cx='110' cy='30' r='10'/%3E%3Cpath d='M60 96l14 14M74 96l-14 14'/%3E%3Crect x='118' y='100' width='18' height='18' rx='3'/%3E%3C/svg%3E") 0 0/160px 160px,repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 2px,transparent 2px 14px);-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35));mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.35))}
/* level track: every circle shows its level name, also on phones (labels staggered in two rows) */
.aclt small{display:block!important;position:static;white-space:nowrap;-webkit-line-clamp:unset!important;overflow:visible!important;font-size:11px}
.aclt li.done small{color:color-mix(in srgb,var(--ac) 70%,var(--mute))}
@media(max-width:820px){
 .aclt{padding-bottom:34px!important}
 .aclt li small,.aclt li.cur small{position:absolute!important;top:31px;left:50%;transform:translateX(-50%);font-size:10px;line-height:1.2}
 .aclt li:nth-child(even) small{top:46px}
 .aclt li:nth-child(even)::after{content:"";position:absolute;top:29px;left:50%;width:1px;height:15px;background:var(--line)}
}

/* live: loading screen */
.gxloading #main,.gxloading #annbar,.gxloading #ft,.gxloading .gxrail{visibility:hidden}
.gxld{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gxldc{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:24px;max-width:320px}
.gxldc b{font-size:16px}.gxldc small{color:var(--mute);font-size:13px}
.gxldl{width:46px;height:46px;background:var(--grad);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2.5 35.2 11.2v17.6L20 37.5 4.8 28.8V11.2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M20 2.5 35.2 11.2v17.6L20 37.5 4.8 28.8V11.2z'/%3E%3C/svg%3E") center/contain no-repeat;animation:gxspin 1.1s cubic-bezier(.5,0,.5,1) infinite}
@keyframes gxspin{to{transform:rotate(360deg)}}
.gxldx{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(229,72,77,.15);color:#E5484D;font:800 24px Rubik,sans-serif;font-style:normal}
.gxok{text-align:center;justify-items:center}
.gxok h3{margin:4px 0 0}
@media (prefers-reduced-motion:reduce){.gxldl{animation:none}}

/* ===== gx5: friends ===== */
.gxfrb{gap:6px}
.gxfrb.on{color:#22C55E!important;border-color:color-mix(in srgb,#22C55E 45%,var(--line))!important;background:color-mix(in srgb,#22C55E 10%,var(--sf))!important}
.gxfrb.wait{color:var(--mute)!important}
.gxfrb.arm{color:#E5484D!important;border-color:color-mix(in srgb,#E5484D 50%,var(--line))!important;background:color-mix(in srgb,#E5484D 10%,var(--sf))!important}
.gxfrq{display:inline-flex;gap:6px;flex-wrap:wrap}
.gxfrc>h2{display:flex;align-items:center;justify-content:space-between}
.gxfrn{font:700 12px/1 "Chakra Petch",Rubik,sans-serif;background:rgba(255,255,255,.14);padding:4px 9px;border-radius:999px}
.gxfrg{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;padding:14px 12px 12px}
.gxfrp{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:0;border-radius:12px;padding:8px 4px;cursor:pointer;color:var(--ink);font:500 12px Heebo,sans-serif;min-width:0;transition:background .15s,transform .15s}
.gxfrp:hover{background:var(--sf2);transform:translateY(-1px)}
.gxfrp .av{width:46px;height:46px;font-size:18px;box-shadow:0 0 0 2px var(--sf),0 0 0 3.5px color-mix(in srgb,var(--ac) 45%,transparent)}
.gxfrp span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gxfrol{position:absolute;top:40px;left:calc(50% + 12px);width:11px;height:11px;border-radius:50%;background:#22C55E;border:2px solid var(--sf)}
.gxfrp.sm{flex-direction:row;padding:4px 6px;gap:8px;font-size:13.5px;font-weight:600}
.gxfrp.sm .av{width:32px;height:32px;font-size:13px;box-shadow:none}
.gxfrin{margin:12px 12px 0;padding:10px;border-radius:12px;background:color-mix(in srgb,var(--ac) 8%,var(--sf));border:1px solid color-mix(in srgb,var(--ac) 30%,var(--line))}
.gxfrin>b{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ac);margin-bottom:6px}
.gxfrr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:4px 0}
.gxfrr+.gxfrr{border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.gxfrr small{color:var(--mute);font-size:11.5px}
.gxfra{display:flex;gap:6px;margin-inline-start:auto}
.gxfre{padding:18px 16px;color:var(--mute);font-size:13.5px;text-align:center}
.gxfrmore{display:block;width:calc(100% - 24px);margin:0 12px 12px;background:var(--sf2);border:1px solid var(--line);border-radius:10px;padding:8px;color:var(--ac);font:600 13px Heebo,sans-serif;cursor:pointer}
.gxfrmore:hover{border-color:var(--ac)}
.gxfrout{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 16px 12px;font-size:12px;color:var(--mute)}
.gxfrlink{background:none;border:0;padding:0;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.nti .ntaw .av{width:34px;height:34px;font-size:14px}
/* ===== gx6: stay signed in ===== */
.gxrem{display:flex;align-items:flex-start;gap:10px;cursor:pointer;user-select:none;padding:2px 2px 0;font-size:14px;font-weight:600;color:var(--ink)}
.gxrem input{position:absolute;opacity:0;width:1px;height:1px}
.gxremb{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;border:1.5px solid color-mix(in srgb,var(--ac) 45%,var(--line));background:var(--sf);display:grid;place-items:center;transition:background .15s,border-color .15s}
.gxrem input:checked+.gxremb{background:var(--grad);border-color:transparent}
.gxrem input:checked+.gxremb::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(0,-1px)}
.gxrem input:focus-visible+.gxremb{outline:3px solid var(--ac);outline-offset:2px}
.gxrem>span:last-child{display:flex;flex-direction:column;line-height:1.35}
.gxrem small{font-size:11.5px;font-weight:400;color:var(--mute)}
/* ===== gx8: editable rail ===== */
.gxlive{background:var(--gxdot,var(--neo3))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--gxdot,var(--neo3)) 22%,transparent)!important}
@keyframes gxp{50%{box-shadow:0 0 0 5px transparent}}
.gxrlt{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:12px}
.gxrlt>span{display:flex;flex-direction:column}.gxrlt b{font-size:14px}.gxrlt small{font-size:12px;color:var(--mute)}
.gxrlprev{display:flex;gap:8px;overflow-x:auto;padding:10px;border-radius:12px;background:linear-gradient(100deg,#05060C,#16123A);margin-bottom:14px;scrollbar-width:thin}
.gxrlprev .gxc{cursor:default}
.gxrll{display:grid;gap:8px}
.gxrlr{display:grid;grid-template-columns:34px minmax(110px,1fr) minmax(140px,1.2fr) minmax(120px,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.gxrlr.miss{border-color:color-mix(in srgb,#E5484D 45%,var(--line))}
.gxrlr .in{width:100%;min-width:0}
.gxrlic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,var(--sf))}
.gxrla{display:flex;gap:4px}.gxrla .btn{padding:6px 8px}
.gxrla .gxdn svg{transform:rotate(180deg)}
.gxrldel{color:#E5484D!important}
.gxrlw{grid-column:1/-1;color:#E5484D;font-size:12px}
.gxrla{align-items:center}.gxrla .gxrlv{margin-inline-end:6px}
.gxrlr.hid{border-style:dashed;background:transparent}
.gxrlr.hid>.gxrlic,.gxrlr.hid>.in,.gxrlr.hid>select{opacity:.5}
.gxrlh{grid-column:1/-1;color:var(--mute);font-size:12px}
@media(max-width:820px){.gxrlr .gxrla{grid-column:1/-1;justify-content:flex-end;gap:6px}.gxrla .gxrlv{margin-inline-end:auto}.gxrla .btn{min-width:36px}}
.gxrlb{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gxrlc{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gxrlc>span{font-weight:600;font-size:13.5px;margin-inline-end:4px}
.gxsw{width:28px;height:28px;border-radius:50%;border:2px solid var(--sf);box-shadow:0 0 0 1px var(--line);background:var(--c);cursor:pointer}
.gxsw.on{box-shadow:0 0 0 2.5px var(--ac)}
.gxcust{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mute)}
.gxlive.gxbig{display:inline-block;width:12px;height:12px;border-radius:50%;margin-inline-start:8px}
@media(max-width:820px){.gxrlr{grid-template-columns:34px 1fr auto}.gxrlr select{grid-column:1/-1}}
/* ===== gx9: role names ===== */
.gxrkl{display:grid;gap:10px}
.gxrkr{display:grid;grid-template-columns:minmax(170px,1fr) minmax(160px,1.2fr) auto;gap:12px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.gxrkh{display:flex;flex-direction:column;gap:6px;align-self:center}
.gxrkh small{font-size:12px;color:var(--mute)}
.gxrkt{align-self:flex-start;background:color-mix(in srgb,var(--c) 16%,var(--sf))!important;color:var(--c)!important;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);font-size:12.5px!important;padding:2px 10px!important}
.gxrkf,.gxrkc{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--mute)}
.gxrkf .in{width:100%}
.gxrkb{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.gxrkpv{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:10px 12px;border-radius:10px;border:1px dashed var(--line);font-size:13px}
.gxrkd{width:4px;height:4px;border-radius:50%;background:var(--mute);opacity:.6;display:inline-block}
@media(max-width:820px){.gxrkr{grid-template-columns:1fr auto}.gxrkh{grid-column:1/-1}}
/* ===== gx10: signature ===== */
.sig{max-width:none}
.bb .al-center .bbi{margin-inline:auto}
.bb .al-left .bbi{margin-left:0;margin-right:auto}
.bb .al-right .bbi{margin-right:0;margin-left:auto}
.bbi[data-w]{height:auto;max-width:100%;max-height:none}
.sig .bbi{border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;cursor:default;-webkit-user-drag:none;-webkit-touch-callout:none}
.sig a .bbi{cursor:pointer}
.sig .bbi[data-w]{max-height:none}
.gxsz{display:flex;flex-direction:column;gap:10px;margin:12px 0 4px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--sf2)}
.gxszh{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute)}
.gxszt{display:flex;align-items:center;justify-content:space-between;gap:8px}
.gxszt b{font-size:14px}
.gxszt output{font:600 12.5px "Chakra Petch",Heebo,sans-serif;color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,var(--sf));padding:3px 10px;border-radius:999px}
.gxszc{display:flex;flex-wrap:wrap;gap:6px}
.gxszb{border:1px solid var(--line);background:var(--sf);color:var(--ink);border-radius:999px;padding:6px 14px;font:600 13px Heebo,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.gxszb:hover{border-color:var(--ac)}
.gxszb.on{background:var(--ac);border-color:var(--ac);color:#fff}
.gxszr{width:100%;accent-color:var(--ac);margin:0}
.gxszn{font-size:12px;color:var(--mute)}
.gxsigcnt{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.gxsigcnt small{font-size:12px;color:var(--mute);direction:ltr}
.gxsigcnt small.over{color:#E5484D;font-weight:700}
.gxsigpv{padding:4px 0;margin:6px 0 12px;overflow:hidden}
/* ===== gx11: visual editor ===== */
.ed.gxw>textarea.ta{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;opacity:0;pointer-events:none;resize:none;bottom:0;inset-inline-start:50%}
.ed.gxw .pvb,.ed.gxw .pv{display:none!important}
.gxwy{padding:12px 14px;line-height:1.75;outline:none;overflow-wrap:anywhere;cursor:text;min-height:130px;max-height:70vh;overflow-y:auto;color:var(--ink);font-size:15.5px;text-align:start}
.gxwy.gxemp::before{content:attr(data-ph);color:var(--mute);opacity:.8;pointer-events:none;position:absolute}
.gxwy>div,.gxwy p{margin:0}
.gxwy .bbi{max-height:320px;cursor:default}
.gxwy a{cursor:text}
.gxwy .gxatom{position:relative;width:fit-content;min-width:min(260px,100%);max-width:100%;margin:8px 0;border-radius:12px;user-select:none;outline:1px dashed transparent;outline-offset:3px;transition:outline-color .15s}
.gxwy .gxatom:hover{outline-color:color-mix(in srgb,var(--ac) 45%,transparent)}
.gxwy .gxatom>*:not(.gxatx){pointer-events:none}
.gxwy .gxatom .gxyt,.gxwy .gxatom .gxvid{width:420px;max-width:100%;margin:0}
.gxwy .gxatom>.qt,.gxwy .gxatom>.spl,.gxwy .gxatom>.bbc{margin:0}
.gxpvh{display:none!important}
.gxatx{position:absolute;top:6px;inset-inline-end:6px;z-index:2;width:26px;height:26px;border-radius:50%;border:0;background:rgba(10,12,26,.78);color:#fff;font:700 16px/1 Heebo,sans-serif;cursor:pointer;display:grid;place-items:center;opacity:.85}
.gxatx:hover{opacity:1;background:#E5484D}
.ed.gxw .tbb.on{background:var(--acs);color:var(--ac)}

/* v93 move forum */
.fmmvb{padding:6px 9px}
.fmmvb[aria-expanded="true"]{color:var(--ac);border-color:var(--ac);background:var(--acs)}
.fmmv{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:0 12px 12px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--ac) 45%,var(--line));border-radius:12px;background:var(--sf2)}
.fmmv-l{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}
.fmmv-l svg{color:var(--ac)}
.fmmv select.in{flex:1 1 240px;width:auto;min-width:0;height:36px;padding:0 10px;font-size:14px}
.fmmv-b{display:flex;gap:6px}
.fmmv-n{flex-basis:100%;margin:0;font-size:12px;color:var(--mute)}
.fmreg{background:none;border:0;padding:0;margin-inline-start:6px;font:inherit;font-size:12px;color:var(--ac);cursor:pointer}
.fmreg:hover{text-decoration:underline}
.fmr.fmflash{animation:fmfl 1.6s ease}
@keyframes fmfl{0%,40%{background:color-mix(in srgb,var(--ac) 12%,transparent)}100%{background:transparent}}
@media(max-width:820px){.fmmv{margin:0 8px 10px}.fmmv select.in{flex-basis:100%}.fmmv-b{width:100%}.fmmv-b .btn{flex:1;min-height:38px}}
@media(max-width:820px){.fma{gap:6px;flex-wrap:wrap;row-gap:8px}.fma .visb{white-space:nowrap}.fma>.sub{font-size:12px;white-space:nowrap}.fma .fmmvb{padding:6px 8px}}
@media(max-width:430px){.fma>.sub{display:none}}
/* v94 recent actions with tools */
.hlmini{margin:-4px -2px 0}
.hlmini .hlr{padding:9px 4px;border-top:1px solid var(--line)}
.hlmini .hlr:first-child{border-top:0}
.pnc .hlmini{margin:0}
.pnc .hlmini .hlr{padding:10px 16px}
.pnc .hlmini .hlr:first-child{border-top:1px solid var(--line)}
/* v95 gamer strip, prev/next, viewers */
.gmx{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;line-height:1}
.gmpl{--g:#64748B;display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:6px;font:600 10.5px/1 "Chakra Petch",Heebo,sans-serif;letter-spacing:.3px;color:var(--g);background:color-mix(in srgb,var(--g) 13%,transparent)}
.gm-pc{--g:#7C8BA5}.gm-ps{--g:#3B82F6}.gm-xbox{--g:#22C55E}.gm-switch{--g:#F43F5E}.gm-mobile{--g:#A78BFA}
.gmgm{display:inline-flex;align-items:center;gap:4px;height:19px;padding:0 4px;font-size:11.5px;color:var(--mute);max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gmgm svg{flex:none;color:var(--ac)}
.gmid{display:inline-flex;align-items:center;height:19px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:none;color:var(--mute);font:600 10.5px/1 "Chakra Petch",Heebo,sans-serif;cursor:pointer;transition:border-color .15s,color .15s}
.gmid:hover{border-color:var(--ac);color:var(--ac)}
.gmx.big{gap:6px;margin:0}
.gmx.big .gmpl,.gmx.big .gmid{height:24px;font-size:12px;padding:0 10px}
.gmx.big .gmgm{font-size:13px;height:24px;max-width:none}
.gmcard{padding:14px 16px}
.gmcard h3{display:flex;align-items:center;gap:7px;font-size:15px;margin:0 0 10px}
.gmpbs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.gmpb{height:34px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font:600 13px Heebo,sans-serif;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.gmpb:hover{border-color:var(--ac)}
.gmpb[aria-pressed="true"]{background:var(--acs);border-color:var(--ac);color:var(--ac)}
.gmnav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}
.gmnv{display:flex;flex-direction:column;gap:3px;min-width:0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sf);color:var(--ink);text-align:start;font:inherit;cursor:pointer;transition:border-color .15s}
.gmnv.nx{text-align:end;align-items:flex-end}
.gmnv:hover{border-color:var(--ac)}
.gmnv small{font-size:11.5px;color:var(--mute)}
.gmnv b{font-size:13.5px;font-weight:600;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gmnv.off{visibility:hidden}
.gmv{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 14px;padding:9px 14px;border:1px solid var(--line);border-radius:12px;background:var(--sf);font-size:13px;color:var(--mute)}
.gmvh{display:inline-flex;align-items:center;gap:7px}
.gmvh b{color:var(--ink)}
.gmvd{width:7px;height:7px;border-radius:50%;background:#22C55E;flex:none}
.gmvl{min-width:0;overflow-wrap:anywhere}
.gmvl i{font-style:normal;margin-inline-end:2px}
.gmvn{font-size:13px}
.gmvn:hover b{text-decoration:underline}
@media(max-width:820px){.gmx{margin-top:4px}.gmnav{gap:8px}.gmnv{padding:9px 11px}}
/* v96 profile tidy */
.edseg,.uptabs{display:flex;gap:4px;padding:4px;margin:0 0 14px;background:var(--sf);border:1px solid var(--line);border-radius:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.edseg::-webkit-scrollbar,.uptabs::-webkit-scrollbar{display:none}
.edseg button,.uptabs button{flex:1 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--mute);font:600 13.5px Heebo,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.edseg button:hover,.uptabs button:hover{color:var(--ink);background:var(--sf2)}
.edseg button[aria-selected="true"],.uptabs button[aria-selected="true"]{background:var(--acs);color:var(--ac)}
.uptabs{margin-top:14px}
.upwc{font-style:normal;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#E5484D;color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.uppan{display:grid;gap:14px;margin-bottom:18px}
.uppan .card{margin:0}
.upc{padding:0}
.uph{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.uph h3{display:flex;align-items:center;gap:8px;font-size:15.5px;margin:0}
.uph h3 svg{color:var(--ac)}
.upr{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.uph+.upr{border-top:0}
.upri{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--acs);color:var(--ac)}
.uprt{min-width:0;display:flex;flex-direction:column;gap:2px}
.uprt b{font-size:14px}
.uprt small{font-size:12px;color:var(--mute);line-height:1.4}
.upra{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.upra .btn{height:36px;padding:0 14px;font-size:13.5px;box-shadow:none}
.upra select.in{height:36px;width:auto;min-width:150px;padding:0 10px}
.upra label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:0}
.upra label input{width:110px!important;height:36px;font-size:14px}
.upwf{margin:4px 18px 16px!important;border-radius:12px}
.upws{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.upws .wl{font-size:11.5px;padding:2px 8px}
.uplog .mrow{padding:12px 18px}
.upempty{display:flex;align-items:center;justify-content:center;gap:8px;padding:26px 18px;color:var(--mute)}
.upempty svg{color:#22C55E}
.upac{padding:4px}
.upac .acstaff{margin:0;border:0}
.pha .rep.uprep{width:40px;height:40px;padding:0;justify-content:center;border-radius:12px}
@media(max-width:820px){
.upr{grid-template-columns:30px 1fr;padding:12px 14px;gap:8px 10px}
.upri{width:30px;height:30px}
.upra{grid-column:1/-1;justify-content:flex-start}
.upra .btn,.upra select.in{flex:1 1 auto;min-height:40px}
.uph{padding:12px 14px}
.uplog .mrow{padding:12px 14px}
.edseg button,.uptabs button{padding:0 12px;font-size:13px}
}
@media(max-width:820px){.uplog .mrow{flex-direction:column;align-items:stretch;gap:8px}.uplog .mrow>div{min-width:0!important}.uplog .acts .btn{width:100%}}
@media(max-width:430px){.edseg button{padding:0 8px;gap:0;font-size:12.5px}.edseg button svg{display:none}}
/* v97 title row */
.upttl{display:flex;gap:6px;align-items:center;width:100%;max-width:340px}
.upttl .in{flex:2 1 0;min-width:0;height:36px;padding:0 12px}
.upttl .btn{flex:1 1 0!important}
@media(max-width:820px){.upttl{max-width:none}.upttl .in{min-height:40px}}

/* ===== v98: page not found / loading ===== */
.rtmiss{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 20px}
.rtmiss h2{margin:6px 0 0;font-size:20px;background:none!important;color:var(--ink)!important;padding:0!important}
.rtmiss .btn{margin-top:12px}
.rtmi{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--acs);color:var(--ac)}
.rtload{padding:60px 18px}

/* ===== v98: show / hide password ===== */
.pwf{position:relative;display:block;width:100%;min-width:0}
.pwf>input{width:100%;padding-inline-end:46px!important}
.pwb{position:absolute;inset-block:0;inset-inline-end:4px;margin:auto 0;width:38px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:none;color:var(--mute);cursor:pointer;transition:color .15s,background .15s}
.pwb:hover{color:var(--ac);background:var(--acs)}
.pwb[aria-pressed="true"]{color:var(--ac)}
.pwb:focus-visible{outline:2px solid var(--ac);outline-offset:1px}

/* ===== v98: buttons – clean neon ===== */
:root{--nb1:#6E3BFF;--nb2:#8B5CF6;--nb3:#A855F7;--nbc:#22D3EE}
html body .btn:not(.ghost):not(.ghost2):not(.gxfrb):not(.hero .btn){
 background:linear-gradient(90deg,transparent 12%,rgba(34,211,238,.75) 50%,transparent 88%) center bottom/100% 1px no-repeat,linear-gradient(135deg,var(--nb1) 0%,var(--nb2) 55%,var(--nb3) 100%);
 color:#fff;border:0;text-shadow:0 1px 1px rgba(25,8,70,.35);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(196,181,253,.38),0 8px 20px -12px rgba(110,59,255,.95),0 0 18px -10px rgba(34,211,238,.7);
 transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
html body .btn:not(.ghost):not(.ghost2):not(.gxfrb):not(.hero .btn):hover{filter:brightness(1.07);transform:translateY(-1px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(221,214,254,.6),0 12px 26px -12px rgba(110,59,255,1),0 0 24px -8px rgba(34,211,238,.75)}
html body .btn:not(.ghost):not(.ghost2):not(.gxfrb):not(.hero .btn):active{transform:translateY(0);filter:brightness(.97);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 0 0 1px rgba(196,181,253,.35),0 4px 12px -8px rgba(110,59,255,.9)}
html body .btn:focus-visible{outline:2px solid var(--nbc);outline-offset:2px}
html body .btn:disabled,html body .btn[aria-disabled="true"]{filter:saturate(.6);opacity:.6;transform:none;box-shadow:none;cursor:not-allowed}
html body .btn.ghost:not(.del):not(.wbtn):not(.rkb):not(.gxfrb):not(.pm .btn):not(header .btn){
 background:color-mix(in srgb,var(--ac) 9%,var(--sf));color:var(--ac);border:1px solid color-mix(in srgb,var(--ac) 30%,var(--line));box-shadow:none;transition:border-color .15s,box-shadow .2s,background .15s,transform .15s}
html body .btn.ghost:not(.del):not(.wbtn):not(.rkb):not(.gxfrb):not(.pm .btn):not(header .btn):hover{border-color:color-mix(in srgb,var(--ac) 65%,transparent);background:color-mix(in srgb,var(--ac) 14%,var(--sf));box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 12%,transparent),0 0 16px -8px var(--ac)}
:root[data-theme="light"] .btn:not(.ghost):not(.ghost2):not(.gxfrb):not(.hero .btn){box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(167,139,250,.35),0 6px 16px -10px rgba(110,59,255,.8)}
@media(prefers-reduced-motion:reduce){html body .btn{transition:none!important;transform:none!important}}

/* ===== v99: preview before sending ===== */
.ed.gxw~.pvrow>.gxpvh,.pvrow>.gxpvh{display:inline-flex!important}
.pvrow>.pvmv.on{color:var(--ac)!important;border-color:color-mix(in srgb,var(--ac) 55%,var(--line))!important;background:var(--acs)!important}
.gxprev{margin-top:12px;border:1px dashed color-mix(in srgb,var(--ac) 40%,var(--line));border-radius:14px;padding:10px;background:color-mix(in srgb,var(--ac) 4%,transparent)}
.gxprh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:2px 4px 10px;font-size:13px;font-weight:700;color:var(--ac)}
.gxprh span{display:inline-flex;align-items:center;gap:6px}
.gxprh small{font-weight:400;color:var(--mute);font-size:12px}
.gxprev .gxprp{margin:0;box-shadow:none}
.gxprev .gxprp .ptop{padding:10px 14px;min-height:0}
.gxprev .gxprp .pav .av{width:36px;height:36px;font-size:15px}
.gxprev .gxprp .pbody{padding:12px 16px 10px}

/* ===== v100: sign-in window ===== */
#ldlg.lgx{width:min(420px,94vw);padding:26px 24px 20px}
#ldlg.lgx form{position:relative;gap:12px}
#ldlg.lgx h2{font-size:21px;margin:0 0 2px;padding-inline-end:36px}
.dlgx{position:absolute;top:-8px;inset-inline-end:-6px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:10px;background:none;color:var(--mute);cursor:pointer;transition:color .15s,background .15s}
.dlgx:hover{color:var(--ink);background:var(--sf2)}
.dlgx:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.lgxrow{display:block;margin-top:4px}
#ldlg .lgxgo{width:100%;height:46px;font-size:15.5px;border-radius:12px}
.lgxalt{margin:2px 0 0;text-align:center;font-size:14px;color:var(--mute)}
.lgxreg{background:none;border:0;padding:0;font:inherit;font-weight:700;color:var(--ac);cursor:pointer;text-underline-offset:3px}
.lgxreg:hover{text-decoration:underline}
.lgxreg:focus-visible{outline:2px solid var(--ac);outline-offset:2px;border-radius:4px}
#ldlg.lgx #lmsg:empty{display:none}

/* ===== v101: bot check box (Turnstile) ===== */
.tsbox{padding:0;border:0;background:none;max-width:none;max-height:none;overflow:visible}.tsbox[open]{display:grid;place-items:center}.tsbox::backdrop{background:rgba(5,6,14,.55)}
.tsx{font-size:13px}
.tscard{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 18px 14px;border-radius:16px;background:var(--sf);border:1px solid var(--line);box-shadow:0 20px 50px -20px rgba(0,0,0,.6);max-width:calc(100vw - 32px)}
.tscard b{font-size:14px;color:var(--ink)}
/* ===== v102: accessibility (ת"י 5568) – skip link, accessibility button + panel, display modes ===== */
.a11skip{position:fixed;z-index:2147483600;top:-80px;inset-inline-start:12px;padding:10px 16px;border-radius:12px;background:var(--ac);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 24px -8px rgba(0,0,0,.5);transition:top .15s}
.a11skip:focus{top:calc(12px + env(safe-area-inset-top,0px));outline:3px solid #fff;outline-offset:2px}
#main:focus{outline:none}
.a11b{position:fixed;z-index:34;inset-inline-start:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:44px;height:44px;border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer;color:var(--ac);background:var(--sf);border:1px solid var(--line);box-shadow:0 8px 22px -10px rgba(20,10,60,.45);transition:transform .15s,box-shadow .15s,border-color .15s}
.a11b:hover{border-color:color-mix(in srgb,var(--ac) 55%,var(--line));box-shadow:0 10px 26px -10px color-mix(in srgb,var(--ac) 60%,transparent)}
.a11b[aria-expanded="true"]{color:#fff;background:var(--grad);border-color:transparent}
.a11b[hidden]{display:none}
.a11p{position:fixed;z-index:2147483500;inset-inline-start:18px;bottom:calc(72px + env(safe-area-inset-bottom,0px));width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;padding:14px;border-radius:16px;background:var(--sf);color:var(--ink);border:1px solid var(--line);box-shadow:0 24px 60px -18px rgba(10,5,40,.55);font-size:14px}
.a11p[hidden]{display:none}
.a11h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.a11h h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.a11h h2 svg{color:var(--ac);width:22px;height:22px}
.a11x{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;border:0;background:none;color:var(--mute);cursor:pointer}.a11x:hover{background:var(--sf2);color:var(--ink)}
.a11fs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line);margin-bottom:8px}
.a11fs>span{font-weight:700}
.a11st{display:flex;align-items:center;gap:6px}.a11st b{min-width:62px;text-align:center;font-size:13px}
.a11st button{width:36px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font:700 14px inherit;font-family:inherit;cursor:pointer}
.a11st button:hover:not([disabled]){border-color:var(--ac);color:var(--ac)}.a11st button[disabled]{opacity:.4;cursor:default}
.a11g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.a11o{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:start;padding:10px 11px;border-radius:12px;border:1px solid var(--line);background:var(--sf);color:var(--ink);font-family:inherit;cursor:pointer;min-height:58px}
.a11o b{font-size:13.5px}.a11o small{font-size:11.5px;color:var(--mute);line-height:1.35}
.a11o:hover{border-color:color-mix(in srgb,var(--ac) 50%,var(--line))}
.a11o[aria-pressed="true"]{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,var(--sf));box-shadow:inset 0 0 0 1px var(--ac)}
.a11o[aria-pressed="true"] b::before{content:"✓ ";color:var(--ac)}
.a11f{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.a11l{border:0;background:none;padding:4px 0;color:var(--ac);font:600 13px inherit;font-family:inherit;cursor:pointer}.a11l:hover{text-decoration:underline}
.a11f .a11l:last-child{margin-inline-start:auto;color:var(--mute)}
.a11back{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:6px 0 4px;padding:12px 14px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
@media(max-width:820px){.a11b{inset-inline-start:12px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:42px;height:42px}.a11p{inset-inline:10px;width:auto;max-width:none;bottom:calc(138px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 170px)}}
@media(max-width:380px){.a11g{grid-template-columns:1fr}}
/* display modes (classes on <html>) */
html.a11-fs1 body>:not(.a11p):not(.a11b):not(.a11skip){zoom:1.12}html.a11-fs2 body>:not(.a11p):not(.a11b):not(.a11skip){zoom:1.25}html.a11-fs3 body>:not(.a11p):not(.a11b):not(.a11skip){zoom:1.4}
html.a11-con{--mute:var(--ink);--line:color-mix(in srgb,var(--ink) 55%,transparent)}
html.a11-con body::before,html.a11-con body::after{display:none}
html.a11-con .card,html.a11-con .fr,html.a11-con .post{border:1px solid var(--line)!important}
html.a11-con *{text-shadow:none!important}
html.a11-con :focus-visible{outline:3px solid var(--ink)!important;outline-offset:2px}
html.a11-lnk a,html.a11-lnk main button:not(.btn):not(.a11o),html.a11-lnk .sfl button{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px!important}
html.a11-lnk .btn{outline:2px solid var(--ink);outline-offset:1px}
html.a11-rd body,html.a11-rd body *:not(svg):not(svg *){font-family:Arial,"Noto Sans Hebrew",Helvetica,sans-serif!important}
html.a11-sp p,html.a11-sp li,html.a11-sp .bb,html.a11-sp .pbody,html.a11-sp small,html.a11-sp .sub,html.a11-sp td{line-height:1.9!important;letter-spacing:.03em!important;word-spacing:.14em!important}
html.a11-gray{filter:grayscale(1)}
html.a11-anim *,html.a11-anim *::before,html.a11-anim *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11-cur,html.a11-cur *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M4 2l26 20-12 2 7 13-5 2-7-13-9 8z' fill='%23000' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 4 2,auto!important}
/* v103: privacy notice at sign-up (Amendment 13) */
.rgpn{margin:14px 0 6px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line);font-size:12.5px;line-height:1.65;color:var(--mute)}
.rgpn .lnk{font-size:inherit}
.rgnw{white-space:nowrap}
/* v104: views in the home feed (new / hot) */
.tpst{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.tpv{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600;color:var(--mute);font-variant-numeric:tabular-nums}
.tpv svg{opacity:.75}
/* v105: sign-in / register text buttons – no box or glow on hover, just a soft colour change */
header #regBtn,header #auth{box-shadow:none!important;transition:color .15s,opacity .15s}
header #regBtn:hover,header #auth:hover,header #regBtn:active,header #auth:active{background:none!important;border-color:transparent!important;box-shadow:none!important;text-decoration:none;color:#C9B8FF}
header #regBtn:focus-visible,header #auth:focus-visible{border-radius:8px}
/* v106: "almost done" / success messages centred in the card */
.rg.gxok,.gxok{margin-inline:auto;max-width:520px;width:100%;padding:34px 22px 38px;gap:10px;box-sizing:border-box}
.gxok p{margin:0;line-height:1.7}.gxok p b{word-break:break-all}
.gxok .sub{margin-top:4px}
/* v107: add-friend icon next to the writer's name in posts */
.gxfrm{display:inline-grid;place-items:center;width:26px;height:26px;margin-inline-start:4px;padding:0;border-radius:8px;border:1px solid transparent;background:none;color:var(--mute);cursor:pointer;vertical-align:middle;transition:color .15s,background .15s,border-color .15s}
.gxfrm:hover{color:var(--ac);background:var(--acs);border-color:color-mix(in srgb,var(--ac) 30%,transparent)}
.gxfrm.wait{color:var(--ac)}
.gxfrm:disabled{opacity:.5;cursor:default}
/* v108: notification type badge – type names (reply, like…) are also page classes; keep the badge a small circle */
.ntk.ntk{padding:0!important;gap:0!important;margin:0!important;width:20px!important;height:20px!important;min-height:0!important;border-radius:50%!important;border:2px solid var(--sf)!important;box-sizing:border-box;font-size:0;line-height:0;opacity:1;overflow:hidden}
.ntk.reply{background:var(--ac)}.ntk.like{background:#EC4899}
/* v109: one online indicator only – friends list keeps the avatar dot, profile header keeps the "מחובר/ת" text */
.gxfrol{display:none!important}
.phav .av[data-st]::after,.phav .av[data-st]::before{display:none!important}
/* v110: broadcast to chosen staff ranks */
.bcrk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.bcrk[hidden]{display:none}
.bcrkh{font-size:13px;font-weight:700;margin-inline-end:4px}
.bcrko{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:var(--sf);cursor:pointer;font-size:13px}
.bcrko small{color:var(--mute);font-size:11.5px;margin-inline-start:4px}
.bcrko:has(input:checked){border-color:var(--ac);background:color-mix(in srgb,var(--ac) 10%,var(--sf))}
.bcrko:has(input:disabled){opacity:.5;cursor:default}
.bcrko input{accent-color:var(--ac);margin:0}
/* v111: forum shortcut bar – centred when it fits; when it scrolls (phone) the first item isn't faded */
.gxri:not(.ovf){justify-content:center;-webkit-mask-image:none;mask-image:none}
.gxri.ovf{justify-content:flex-start;padding-inline:14px;scroll-padding-inline:14px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 22px,#000 calc(100% - 22px),transparent)}
.gxri.ovf.at-start{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px);mask-image:linear-gradient(90deg,transparent 0,#000 28px)}
.gxri.ovf.at-end{-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 28px);mask-image:linear-gradient(270deg,transparent 0,#000 28px)}

/* ===== 15-fx: thread share menu ===== */
.shb{display:inline-grid;place-items:center;padding:2px;border:0;border-radius:6px;background:none;color:var(--mute);cursor:pointer;transition:color .15s}
.shb:hover,.shb[aria-expanded="true"]{color:var(--ac)}
.shb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.shm{position:absolute;z-index:2147483400;width:240px;padding:10px;border-radius:16px;background:var(--sf);border:1px solid var(--line);box-shadow:0 22px 50px -18px rgba(10,6,40,.55);animation:shin .18s cubic-bezier(.2,.8,.2,1)}
.shm[hidden],.shbd{display:none}
.shm:not(.sheet) .shmg{grid-template-columns:1fr;gap:2px}
.shm:not(.sheet) .shmi{flex-direction:row;gap:10px;padding:6px 8px;font-size:13.5px;border-radius:10px}
.shm:not(.sheet) .shmc{width:30px;height:30px}.shm:not(.sheet) .shmc svg{width:16px;height:16px}
.shm:not(.sheet) .shmi:hover .shmc{transform:none}
.shmh{display:flex;flex-direction:column;gap:2px;padding:2px 4px 10px;margin-bottom:8px;border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.shmh b{font-size:14px}.shmh small{font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shmg{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.shmi{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;border:0;border-radius:12px;background:none;color:var(--ink);font-weight:500;font-size:11.5px;font-family:inherit;cursor:pointer;min-width:0}
.shmi:hover,.shmi:focus-visible{background:var(--sf2);outline:none}.shmi:focus-visible .shmc{box-shadow:0 0 0 2px var(--sf),0 0 0 4px var(--ac)}
.shmc{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--c);transition:transform .15s}
.shmi:hover .shmc{transform:translateY(-2px)}
.shml{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shm.sheet .shml{white-space:normal;text-align:center;line-height:1.25}
.shmi.done .shmc{background:#16A34A}
:root[data-theme="dark"] .shmi[data-shx="x"] .shmc{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .shmi[data-shx="x"] .shmc{background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}}
.shm.sheet{position:fixed;inset:auto 0 0 0;width:auto;border-radius:20px 20px 0 0;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));animation:shup .22s cubic-bezier(.2,.8,.2,1)}
.shm.sheet::before{content:"";display:block;width:38px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 10px}
html.shopen .shm.sheet:not([hidden])~.shbd{display:block;position:fixed;inset:0;z-index:2147483399;background:rgba(5,4,20,.45)}
@keyframes shin{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes shup{from{transform:translateY(100%)}to{transform:none}}


/* ===== 15-fx: like burst ===== */
.fxbst{position:fixed;z-index:2147483300;width:0;height:0;pointer-events:none}
.fxbst b{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font:800 15px var(--gxf,Rubik),sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;animation:fxup .8s cubic-bezier(.2,.7,.2,1) forwards}
.fxbst i{position:absolute;left:-2.5px;top:-2.5px;width:5px;height:5px;border-radius:1px;background:var(--c);animation:fxsk .6s cubic-bezier(.15,.7,.3,1) forwards}
@keyframes fxup{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}25%{opacity:1;transform:translate(-50%,-120%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-260%) scale(1)}}
@keyframes fxsk{0%{opacity:1;transform:none}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(90deg) scale(.4)}}

/* ===== 15-fx: card spotlight (computer only) ===== */
.fxsp{position:fixed;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s;background:radial-gradient(240px circle at var(--x) var(--y),color-mix(in srgb,var(--ac) 9%,transparent),transparent 70%)}
.fxsp::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(200px circle at var(--x) var(--y),color-mix(in srgb,#00D4FF 75%,transparent),color-mix(in srgb,var(--ac) 45%,transparent) 45%,transparent 75%);-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)}
.fxsp.on{opacity:1}

/* ===== 15-fx: reading XP bar (threads) ===== */
.fxrd{position:fixed;top:0;inset-inline:0;z-index:60;height:3px;pointer-events:none;opacity:0;transition:opacity .25s}
.fxrd.on{opacity:1}
.fxrd i{position:absolute;inset:0;background:var(--grad);transform-origin:right center;transform:scaleX(0);box-shadow:0 0 10px color-mix(in srgb,#00D4FF 60%,transparent)}
.fxrd.done i{animation:fxrdg 1s ease}
@keyframes fxrdg{50%{filter:brightness(1.6);box-shadow:0 0 18px #00D4FF}}

/* ===== 15-fx: logo respawn ===== */
.logo svg path{transform-box:fill-box;transform-origin:center}
.logo:hover svg path:nth-of-type(2),.logo.fxspawn svg path:nth-of-type(2){animation:fxch .7s cubic-bezier(.2,.8,.2,1) both}
.logo:hover svg path:nth-of-type(3),.logo.fxspawn svg path:nth-of-type(3){animation:fxch .7s .08s cubic-bezier(.2,.8,.2,1) both}
.logo:hover svg path:nth-of-type(4),.logo.fxspawn svg path:nth-of-type(4){animation:fxdm .9s .15s cubic-bezier(.3,1.5,.5,1) both}
@keyframes fxch{0%{opacity:0;transform:translateY(7px)}100%{opacity:1;transform:none}}
@keyframes fxdm{0%{transform:scale(0) rotate(-90deg)}100%{transform:none}}

/* ===== 15-fx: secret code ===== */
.fxgg{position:fixed;inset:0;z-index:2147483500;pointer-events:none;overflow:hidden;display:grid;place-items:center}
.fxgg b{font:900 clamp(80px,22vw,200px)/1 var(--gxf,Rubik),sans-serif;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 10px 40px rgba(124,77,255,.55));animation:fxggb 2.6s cubic-bezier(.2,.8,.2,1) forwards}
.fxgg i{position:absolute;top:-12px;width:9px;height:9px;border-radius:2px;background:var(--c);animation:fxcf var(--d) cubic-bezier(.3,.6,.5,1) forwards}
@keyframes fxggb{0%{opacity:0;transform:scale(.4) rotate(-6deg)}18%{opacity:1;transform:scale(1.08)}30%{transform:scale(1)}80%{opacity:1}100%{opacity:0;transform:scale(1.05)}}
@keyframes fxcf{to{transform:translate(var(--w),110vh) rotate(var(--r))}}

/* ===== 15-fx: keyboard shortcuts dialog ===== */

/* ===== accessibility additions: focus, reading guide, hide images, read aloud ===== */
html.a11-focus :focus-visible{outline:3px solid #FFB800!important;outline-offset:3px!important;box-shadow:0 0 0 7px rgba(0,0,0,.55)!important;border-radius:6px}
.a11gd{display:none}
html.a11-guide .a11gd{display:block;position:fixed;top:0;inset-inline:0;z-index:2147483200;height:40px;pointer-events:none;background:color-mix(in srgb,#FFE066 20%,transparent);border-block:2px solid #FFB800;box-shadow:0 0 0 100vmax rgba(0,0,0,.18);transform:translateY(-100px)}
html.a11-img .bb img,html.a11-img .bb video,html.a11-img .bb iframe,html.a11-img .pbody img,html.a11-img .pbody video,html.a11-img .pbody iframe{display:none!important}
.a11ts{position:fixed;z-index:2147483450;bottom:calc(18px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:0;background:var(--grad);color:#fff;font-weight:700;font-size:14px;font-family:inherit;cursor:pointer;box-shadow:0 12px 30px -10px rgba(124,77,255,.7)}
.a11ts[hidden]{display:none}
.a11ts:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:820px){.a11ts{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}
.a11o[disabled]{opacity:.5;cursor:default}

@media(prefers-reduced-motion:reduce){.fxbst,.fxgg,.shm,.logo svg path{animation:none!important}.fxsp,.fxrd{display:none}}
html.a11-anim .fxsp,html.a11-anim .fxbst,html.a11-anim .fxgg{display:none}

/* ===== 16-community: forum on/off switch (Dashboard → forums) ===== */
.fofb{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px 0 12px;border-radius:9px;border:1px solid color-mix(in srgb,#22C55E 45%,var(--line));background:color-mix(in srgb,#22C55E 10%,var(--sf));color:var(--ink);font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;flex:none}
.fofb i{position:relative;width:28px;height:16px;border-radius:9px;background:#22C55E;transition:background .2s}
.fofb i::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:inset-inline-start .2s}
.fofb.off{border-color:var(--line);background:var(--sf2);color:var(--mute)}
.fofb.off i{background:color-mix(in srgb,var(--mute) 55%,transparent)}
.fofb.off i::after{inset-inline-start:14px}
.fofb:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.fmr:has(.fofb.off) .fmrow>:not(.fma),.fmr:has(.fofb.off) .icb{opacity:.45}

/* ===== 16-community: forum cards fill the row whatever the count ===== */
@media(min-width:1101px){
 .card.cat{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .card.cat>.fr{grid-column:span 2}
 .card.cat>.fr[data-s3="3"]{grid-column:span 3}
 .card.cat>.fr[data-s3="6"]{grid-column:1/-1}
}
@media(min-width:821px) and (max-width:1100px){
 .card.cat{grid-template-columns:repeat(6,minmax(0,1fr))!important}
 .card.cat>.fr{grid-column:span 3}
 .card.cat>.fr[data-s2="6"]{grid-column:1/-1}
}
@media(min-width:1101px){.card.cat>.fr[data-s3="6"]{grid-template-columns:62px minmax(0,1.1fr) auto auto minmax(220px,1fr)!important;grid-template-areas:"ic tx a b ls"!important;align-items:center!important}
 .card.cat>.fr[data-s3="6"]>.ic{padding:16px 16px 16px 0!important;align-self:center}
 .card.cat>.fr[data-s3="6"]>div:nth-child(2){padding:16px 14px!important}
 .card.cat>.fr[data-s3="6"]>.n{padding:0 10px!important;align-self:center;flex-direction:column!important;align-items:center!important;gap:0}
 .card.cat>.fr[data-s3="6"]>.n b{font-size:18px}
 .card.cat>.fr[data-s3="6"]>.last{margin:12px 6px 12px 14px;padding:4px 16px 4px 0!important;border-top:0!important;border-inline-start:1px dashed color-mix(in srgb,var(--line) 75%,transparent)!important;align-self:stretch;display:flex!important;align-items:center}}
@media(min-width:821px) and (max-width:1100px){.card.cat>.fr[data-s2="6"]{grid-template-columns:62px minmax(0,1.1fr) auto auto minmax(200px,1fr)!important;grid-template-areas:"ic tx a b ls"!important;align-items:center!important}
 .card.cat>.fr[data-s2="6"]>.ic{padding:16px 16px 16px 0!important;align-self:center}
 .card.cat>.fr[data-s2="6"]>div:nth-child(2){padding:16px 14px!important}
 .card.cat>.fr[data-s2="6"]>.n{padding:0 10px!important;align-self:center;flex-direction:column!important;align-items:center!important;gap:0}
 .card.cat>.fr[data-s2="6"]>.last{margin:12px 6px 12px 14px;padding:4px 16px 4px 0!important;border-top:0!important;border-inline-start:1px dashed color-mix(in srgb,var(--line) 75%,transparent)!important;align-self:stretch;display:flex!important;align-items:center}}

/* ===== 16-community: gamer reactions ===== */
.rxw{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;margin-inline-start:6px}
.rxc{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:var(--sf2);color:var(--ink);font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.rxc i{font-style:normal;font-size:14px;line-height:1}.rxc b{font-weight:700;font-size:12px}.rxc span{font:700 12px var(--gxf,Heebo);color:var(--mute)}
.rxc:hover{border-color:color-mix(in srgb,var(--ac) 50%,var(--line));transform:translateY(-1px)}
.rxc.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--sf));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ac) 40%,transparent)}.rxc.on span{color:var(--ac)}
.rxa{position:relative;display:inline-grid;place-items:center;width:32px;height:30px;border-radius:999px;border:1px dashed var(--line);background:none;color:var(--mute);cursor:pointer}
.rxa em{position:absolute;top:1px;inset-inline-end:3px;font:800 11px/1 var(--gxf,Heebo);font-style:normal;color:var(--ac)}
.rxa:hover,.rxa[aria-expanded="true"]{color:var(--ac);border-color:var(--ac);border-style:solid}
.rxc:focus-visible,.rxa:focus-visible,.rxpi:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.rxpk{position:absolute;z-index:2147483400;display:flex;gap:4px;padding:6px;border-radius:999px;background:var(--sf);border:1px solid var(--line);box-shadow:0 16px 40px -16px rgba(10,6,40,.6);animation:shin .16s cubic-bezier(.2,.8,.2,1)}
.rxpk[hidden]{display:none}
.rxpi{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:54px;padding:6px 6px 4px;border:0;border-radius:14px;background:none;color:var(--ink);font-weight:600;font-size:11px;font-family:inherit;cursor:pointer}
.rxpi i{font-style:normal;font-size:22px;line-height:1.1;transition:transform .15s}
.rxpi:hover{background:var(--sf2)}.rxpi:hover i{transform:scale(1.2) translateY(-2px)}
.rxpi.on{background:color-mix(in srgb,var(--ac) 14%,var(--sf));color:var(--ac)}

/* ===== 16-community: streak chip + quests dialog ===== */
.qsb{display:inline-flex!important;align-items:center;gap:4px;width:auto!important;padding:0 10px!important;position:relative;color:var(--mute)}
.qsb[hidden]{display:none!important}
.qsb b{font:700 14px var(--gxf,Heebo)}
.qsb.hot{color:#FF8A3D}.qsb.hot svg{filter:drop-shadow(0 0 6px rgba(255,138,61,.6))}
.qsb em{position:absolute;top:-4px;inset-inline-end:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#22C55E;color:#fff;font:700 10.5px/17px var(--gxf,Heebo);font-style:normal;text-align:center}
.qsdlg,.pcdlg{width:min(460px,calc(100vw - 20px));padding:0;border-radius:18px;border:1px solid var(--line);background:var(--sf);color:var(--ink);box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.qsdlg::backdrop,.pcdlg::backdrop{background:rgba(5,4,20,.55)}
.qsin,.pcin{padding:16px}
.qsh{display:flex;align-items:center;gap:12px}.qsh>div:nth-child(2){flex:1;min-width:0}
.qsh h2{margin:0;font-size:19px}.qsh .sub{font-size:12.5px}
.qsfl{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;flex:none;color:var(--mute);background:var(--sf2);border:1px solid var(--line)}
.qsfl.on{color:#fff;background:linear-gradient(140deg,#FFB800,#FF4D2D);border-color:transparent;box-shadow:0 10px 26px -10px rgba(255,90,40,.8)}
.qsd7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:14px 0 4px;padding:0;list-style:none}
.qsd7 li{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:var(--mute)}
.qsd7 i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sf2);border:1px solid var(--line);color:#fff}
.qsd7 li.on i{background:linear-gradient(140deg,#FFB800,#FF4D2D);border-color:transparent}
.qsd7 li.now span{color:var(--ink);font-weight:700}
.qsl{margin-top:12px;padding-top:12px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.qslh{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.qslh small{color:var(--mute);font-size:12px}
.qsl ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.qsq{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.qsi{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--acs);color:var(--ac)}
.qst{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.qst b{font-size:13.5px}.qst small{font-size:11.5px;color:var(--mute)}
.qsbar{height:6px;border-radius:6px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}.qsbar i{display:block;height:100%;border-radius:6px;background:var(--grad);transition:width .4s}
.qsx{font:700 12px var(--gxf,Heebo);color:var(--mute);white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
.qsx.got{color:#22C55E}
.qsq.ready{border-color:color-mix(in srgb,#22C55E 55%,var(--line));background:color-mix(in srgb,#22C55E 8%,var(--sf2))}
.qsq.done{opacity:.75}.qsq.done .qsi{background:color-mix(in srgb,#22C55E 18%,var(--sf));color:#22C55E}
.qsclaim{white-space:nowrap;animation:qsp 1.8s ease-in-out infinite}
@keyframes qsp{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--ac) 22%,transparent)}}

/* ===== 16-community: player card ===== */
.pcbt{display:inline-flex;align-items:center;gap:6px}
.pcdh{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pcdh h2{margin:0;font-size:17px}
.pcc{position:relative;overflow:hidden;border-radius:18px;padding:18px;color:#fff;background:#0A0820;border:1px solid rgba(255,255,255,.12);isolation:isolate}
.pcbg{position:absolute;inset:0;z-index:-1;background:radial-gradient(420px 220px at 90% 0%,rgba(124,77,255,.55),transparent 70%),radial-gradient(380px 220px at 0% 100%,rgba(0,212,255,.35),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px)}
.pcc::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--grad)}
.pctop{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pclogo{font:800 15px var(--gxf,Rubik);letter-spacing:1px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pclv{font:700 12px var(--gxf,Heebo);padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15)}
.pcid{display:flex;align-items:center;gap:14px}
.pcav .av{width:72px!important;height:72px!important;font-size:30px!important;border-radius:50%;box-shadow:0 0 0 3px #0A0820,0 0 0 5px var(--rc)}
.pcid>div:last-child{display:flex;flex-direction:column;min-width:0}
.pcnm{font:800 24px var(--gxf,Rubik);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcrk{color:var(--rc);font-weight:700;font-size:14px}.pcid small{color:rgba(255,255,255,.6);font-size:12px}
.pcxp{margin:16px 0 12px;display:flex;flex-direction:column;gap:6px}
.pcxp>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.pcxp b{font-size:14px}.pcxp small{color:rgba(255,255,255,.6);font-size:12px}
.pcbar{height:8px;border-radius:8px;background:rgba(255,255,255,.1);overflow:hidden}.pcbar i{display:block;height:100%;border-radius:8px;background:var(--grad)}
.pcst{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px}
.pcst>div{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.pcst b{font:800 19px var(--gxf,Rubik)}.pcst span{font-size:11.5px;color:rgba(255,255,255,.6)}
.pcpl{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.pcpl span{font-weight:600;font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.pcft{display:flex;justify-content:space-between;margin-top:14px;font-size:11.5px;color:rgba(255,255,255,.5)}
.pcda{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* ===== 16-community: LFG board + home strip ===== */
.lfgb{padding:14px 16px}
.lfgh{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lfgh h2{margin:0;font-size:17px;display:flex;align-items:center;gap:2px;flex:1;min-width:180px}.lfgh h2 small{font-size:12.5px;color:var(--mute);font-weight:500;margin-inline-start:8px}
.lfgcnt{font-size:12.5px;color:var(--mute)}
.lfgf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;border-radius:14px;background:var(--sf2);border:1px solid var(--line)}
.lfgf label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mute);min-width:0}.lfgf label.w{grid-column:1/-1}
.lfgf .in{margin:0;width:100%}
.lfgfa{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lfgfa small{color:var(--mute);font-size:12px}
.lfgl{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.lfgc{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:var(--sf2);border:1px solid var(--line);border-top:3px solid #22C55E}
.lfgu{display:flex;align-items:center;gap:10px}.lfgu>div{display:flex;flex-direction:column;min-width:0}.lfgu b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lfgu .sub{font-size:12px}
.lfgu .av{width:36px;height:36px;font-size:15px}
.lfgm{display:flex;gap:6px;flex-wrap:wrap}
.lfgp,.lfgs{font-weight:600;font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--acs);color:var(--ac)}
.lfgs{background:color-mix(in srgb,#22C55E 14%,var(--sf));color:#16A34A}
:root[data-theme="dark"] .lfgs{color:#4ADE80}
.lfgn{margin:0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.lfga{display:flex;gap:6px;justify-content:flex-end;margin-top:auto}
.lfge{margin:12px 0 0;padding:14px;border-radius:12px;border:1px dashed var(--line);color:var(--mute);font-size:13.5px;text-align:center}
.lfgstrip{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 16px;padding:11px 16px;border-radius:14px;border:1px solid color-mix(in srgb,#22C55E 40%,var(--line));background:color-mix(in srgb,#22C55E 7%,var(--sf));color:var(--ink);font:inherit;cursor:pointer;text-align:start;transition:border-color .15s,transform .15s}
.lfgstrip:hover{border-color:#22C55E;transform:translateY(-1px)}
.lfgstrip .live{animation:lfgpl 1.6s ease-in-out infinite}
@keyframes lfgpl{50%{box-shadow:0 0 0 7px rgba(62,232,154,0)}}
.lfgstrip b{font-size:14px;white-space:nowrap}
.lfgsg{display:flex;gap:6px;flex:1;min-width:0;overflow:hidden}.lfgsg em{font-style:normal;font-size:12px;padding:2px 9px;border-radius:999px;background:var(--sf2);border:1px solid var(--line);white-space:nowrap}
.lfgsj{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#16A34A;white-space:nowrap}
:root[data-theme="dark"] .lfgsj{color:#4ADE80}
@media(max-width:640px){.lfgf{grid-template-columns:1fr 1fr}.lfgf label:first-child{grid-column:1/-1}.lfgsg{display:none}.lfgstrip b{white-space:normal}}
@media(prefers-reduced-motion:reduce){.qsclaim,.lfgstrip .live,.rxpk{animation:none}}
.qsmi{white-space:nowrap}.qsmi em{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-style:normal;font-size:12.5px;color:#FF8A3D;font-weight:700}.qsmi em i{min-width:17px;height:17px;border-radius:9px;background:#22C55E;color:#fff;font:700 10.5px/17px var(--gxf,Heebo);font-style:normal;text-align:center}
.qsmi .mic svg{color:#FF8A3D}
@media(max-width:560px){#qsb{display:none!important}}
.bdhid.on{color:var(--mute);border-style:dashed}

/* ===== header v2 (2026-10-20): logo · search in the exact centre · one group of icons + the personal button. The rail below uses the same width and fills it ===== */
.hact{display:flex;align-items:center;gap:8px;min-width:0}
.hgrp{display:flex;align-items:center;gap:2px;height:40px;padding:0 3px;border-radius:12px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055)}
.hgrp:not(:has(.hb:not([hidden]))){display:none}
.hgrp .hb{height:34px!important;width:38px!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:9px!important;color:#E6E3FF}
.hgrp .hb:hover,.hgrp .hb[aria-expanded="true"]{background:rgba(255,255,255,.1)!important;color:#fff}
.hgrp .hicon em{top:-4px;inset-inline-start:-3px}
.logo svg{width:44px;height:44px}
.wm b{font-size:31px!important;line-height:1}
.wm small{font-size:12.5px;margin-top:6px}
@media(min-width:821px){
 header .hd{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,500px) minmax(0,1fr);gap:20px;max-width:var(--gxw,1100px);padding:14px 18px 12px}
 header .hd>.logo{justify-self:start}
 header .hd>#q{width:100%;max-width:none;margin:0;height:42px}
 header .hd>.hact{justify-self:end}
 .gxri:not(.ovf){padding-inline:0}
 .gxri:not(.ovf) .gxc{flex:1 1 0;justify-content:center;min-width:max-content}
 .gxrail{padding-bottom:12px}
}
@media(max-width:820px){
 .hact{margin-inline-start:auto;gap:6px}
 .hgrp{height:38px}.hgrp .hb{height:32px!important;width:35px!important}
 .logo svg{width:38px;height:38px}
 .wm b{font-size:24px!important}
}
@media(max-width:380px){.wm b{font-size:21px!important}.logo svg{width:32px;height:32px}.hgrp .hb{width:32px!important}}

/* streak: a small flame on the avatar of the personal button */
#mnu .mav{position:relative;display:inline-flex}
.mstk{position:absolute;bottom:-5px;inset-inline-start:-8px;display:inline-flex;align-items:center;gap:1px;height:16px;padding:0 4px 0 3px;border-radius:8px;background:#2B2147;color:#FFB27A;border:1.5px solid #150E3A;font:700 10px/1 var(--gxf,Heebo);font-style:normal;pointer-events:none}
.mstk svg{width:10px;height:10px}
.mstk.hot{background:linear-gradient(135deg,#FF8A3D,#FF3D6E);color:#fff}
.mstk.rdy{box-shadow:0 0 0 2px #22C55E}

/* personal menu: the same progress row on every screen */
.mprog{padding:10px 12px 12px;border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent);margin-bottom:4px;display:flex;flex-direction:column;gap:9px}
.mplv{display:grid;grid-template-columns:1fr;gap:4px}
.mplv>span:first-child{display:flex;gap:6px;align-items:baseline;font-size:13px;font-weight:600}.mplv b{color:var(--ac)}
.mplv small{font-size:11.5px;color:var(--mute)}
.mpbar{display:block;height:5px;border-radius:3px;background:color-mix(in srgb,var(--line) 80%,transparent);overflow:hidden}
.mpbar i{display:block;height:100%;border-radius:3px;background:var(--grad);margin-inline-start:0}
.mpbt{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mpb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);color:var(--ink);font:600 12.5px Heebo,sans-serif;cursor:pointer;white-space:nowrap}
.mpb:hover{border-color:var(--ac)}
.mpb svg{color:var(--ac);flex:none}.mpq svg{color:#FF8A3D}
.mpb em{position:absolute;top:-6px;inset-inline-end:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#22C55E;color:#fff;font:700 10.5px/17px var(--gxf,Heebo);font-style:normal}
.qslv{display:flex;flex-direction:column;gap:6px;margin:4px 0 14px;padding:10px 12px;border-radius:12px;background:var(--sf2);border:1px solid var(--line)}
.qslv>div{display:flex;flex-direction:column;gap:2px}.qslv b{font-size:13.5px}.qslv small{font-size:12px;color:var(--mute)}

/* ===== LFG v2: squads that fill up ===== */
.lfgl{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.lfgc{gap:10px;padding:14px;border-top:1px solid var(--line);position:relative;overflow:hidden}
.lfgc::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,#22C55E,#3EE89A)}
.lfgc.full::before{background:var(--grad)}
.lfgc.mine{border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.lfgc.flash{animation:lgf 1.6s ease}
.lfgtop{display:flex;align-items:center;gap:8px;min-width:0}
.lfgg{font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lfgby{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--mute);margin-top:-6px;min-width:0}
.lfgby .unl{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}.lfgby .unl:hover{text-decoration:underline}
.lfgby svg{flex:none;opacity:.8}
.lfgsq{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lfgseats{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.lfgseat{position:relative;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1.5px dashed color-mix(in srgb,var(--mute) 55%,transparent);color:var(--mute)}
.lfgseat.on{border:0}
.lfgseat .unl{padding:0;border:0;background:none;cursor:pointer;border-radius:50%;line-height:0}
.lfgseat .av{width:32px;height:32px;font-size:13px;box-shadow:0 0 0 2px var(--sf2),0 0 0 3.5px #22C55E;border-radius:50%}
.lfgseat.lead .av{box-shadow:0 0 0 2px var(--sf2),0 0 0 3.5px var(--ac)}
.lfgkick{position:absolute;top:-5px;inset-inline-end:-5px;width:16px;height:16px;border-radius:50%;border:0;padding:0;display:none;place-items:center;background:#EF4444;color:#fff;cursor:pointer}
.lfgseat:hover .lfgkick,.lfgkick:focus-visible{display:grid}
@media(hover:none){.lfgkick{display:grid}}
.lfgsqn{font-size:12.5px;color:var(--mute)}.lfgsqn b{color:var(--ink);font-family:var(--gxf,Heebo)}
.lfgc.full .lfgsqn b{color:var(--ac)}
.lfgreq{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.lfgreq small{font-size:12px;color:var(--mute);font-weight:600}
.lfgrq{display:flex;align-items:center;gap:6px}
.lfgrqu{display:flex;align-items:center;gap:8px;flex:1;min-width:0;background:none;border:0;padding:0;font:600 13.5px Heebo,sans-serif;color:var(--ink);cursor:pointer;text-align:start}
.lfgrqu .av{width:28px;height:28px;font-size:12px;flex:none}.lfgrqu span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lfgrqu:hover span{text-decoration:underline}
.lfgok,.lfgno{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);background:var(--sf);color:var(--mute)}
.lfgok{color:#16A34A;border-color:color-mix(in srgb,#22C55E 45%,var(--line));background:color-mix(in srgb,#22C55E 10%,var(--sf))}
.lfgok:hover{background:#22C55E;color:#fff}.lfgno:hover{color:#EF4444;border-color:#EF4444}
.lfgok:disabled{opacity:.4;cursor:not-allowed}
.lfga{align-items:center;flex-wrap:wrap}
.lfgtag{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--mute);background:var(--sf);border:1px solid var(--line);margin-inline-end:auto}
.lfgtag.ok{color:#16A34A;border-color:color-mix(in srgb,#22C55E 40%,var(--line))}.lfgtag.wait{color:#D97706}.lfgtag.no{color:#EF4444}
:root[data-theme="dark"] .lfgtag.ok,:root[data-theme="dark"] .lfgok{color:#4ADE80}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lfgtag.ok,:root:not([data-theme="light"]) .lfgok{color:#4ADE80}}
.lfgdel{width:32px;padding:0!important;justify-content:center}
/* home row */
.lfgrow{margin:0 0 16px}
.lfgrh{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding-inline:2px}
.lfgrh h2{margin:0;font-size:16px;display:flex;align-items:center;gap:2px;flex:1;min-width:0}.lfgrh h2 small{font-size:12.5px;color:var(--mute);font-weight:500;margin-inline-start:8px}
.lfgrh .live{animation:lfgpl 1.6s ease-in-out infinite}
.lfgall,.lfgwait{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:4px 2px;font:700 13px Heebo,sans-serif;color:var(--ac);cursor:pointer;white-space:nowrap}
.lfgall svg{transform:rotate(90deg)}
.lfgall:hover{text-decoration:underline}
.lfgwait{padding:4px 10px;border-radius:999px;background:#22C55E;color:#fff;font-size:12px}
.lfgrl{list-style:none;margin:0;padding:2px 2px 6px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.lfgrl .lfgc{scroll-snap-align:start;background:var(--sf);border:1px solid var(--line);border-radius:14px;padding:12px;gap:9px}
.lfgc.sm .lfgseat,.lfgc.sm .lfgseat .av{width:28px;height:28px;font-size:12px}
.lfgc.sm .lfga .btn{width:100%;justify-content:center}
.lfgc.sm .lfgtag{margin:0;width:100%;justify-content:center}
.lfgpbtn{background:#22C55E!important;border-color:#22C55E!important;color:#fff!important}
@media(max-width:640px){.lfgrl{grid-auto-columns:78%}.lfgrh h2 small{display:none}}
@media(prefers-reduced-motion:reduce){.lfgrh .live,.lfgc.flash{animation:none}}
.lfgseat [data-st]::after,.lfgseat [data-st]::before{display:none!important}
.lfga .lfgdel{height:32px!important;width:32px;min-height:0;display:inline-flex;align-items:center;margin-inline-start:auto}
.lfga .lfgtag~.lfgdel,.lfga .btn~.lfgdel{margin-inline-start:auto}
.lfgc.sm .lfgseats{gap:5px}.lfgc.sm .lfgseat,.lfgc.sm .lfgseat .av{width:26px;height:26px;font-size:11.5px}
.lfgc.sm .lfgsq{flex-wrap:nowrap}.lfgc.sm .lfgsqn{margin-inline-start:auto;white-space:nowrap}
.lfgl2{display:none}
.mstk.rdy{box-shadow:none}.mstk.rdy::after{content:"";position:absolute;top:-4px;inset-inline-end:-3px;width:8px;height:8px;border-radius:50%;background:#22C55E;border:1.5px solid #150E3A}
.mstk:not(.hot){background:#2B2147}
@media(max-width:640px){.lfgrh h2{font-size:15px;white-space:nowrap}.lfgl1{display:none}.lfgl2{display:inline}.lfgb .lfga .btn:not(.lfgdel):not(.ghost){flex:1;justify-content:center}}
#mnu .mav [data-st]::after,#mnu .mav [data-st]::before{display:none!important}
.mstk.rdy::after{display:none}

/* ===== LFG: clean join button + the request message ===== */
.lfgjb{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 16px;border-radius:10px;border:1px solid color-mix(in srgb,#22C55E 55%,var(--line));background:transparent;color:#16A34A;font:700 13.5px Heebo,sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.lfgjb svg{transform:rotate(90deg);transition:transform .15s}
.lfgjb:hover{background:#22C55E;border-color:#22C55E;color:#fff}.lfgjb:hover svg{transform:rotate(90deg) translateY(2px)}
.lfgjb:focus-visible{outline:3px solid color-mix(in srgb,#22C55E 45%,transparent);outline-offset:2px}
:root[data-theme="dark"] .lfgjb{color:#4ADE80}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .lfgjb{color:#4ADE80}}
:root .lfgjb:hover{color:#fff}
.lfgc.sm .lfgjb{width:100%}
.lfgjf{display:flex;flex-direction:column;gap:8px;width:100%}
.lfgjf textarea{margin:0;width:100%;min-height:0;resize:none;font-size:13.5px;line-height:1.45;padding:8px 10px}
.lfgjfa{display:flex;gap:6px}.lfgjfa .btn:first-child{flex:1;justify-content:center}
.lfgrqu span{display:flex;flex-direction:column;min-width:0}
.lfgrqu small{font-weight:400;font-size:12.5px;color:var(--mute);white-space:normal;overflow-wrap:anywhere;margin-top:1px}
.lfgrq{align-items:flex-start}.lfgrq .lfgok,.lfgrq .lfgno{flex:none}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== player card themes (original art, no game assets) ===== */
.pcth-neon .pcbg{background:radial-gradient(420px 220px at 90% 0%,color-mix(in srgb,var(--pca,#7C4DFF) 60%,transparent),transparent 70%),radial-gradient(380px 220px at 0% 100%,color-mix(in srgb,var(--pcb,#00D4FF) 40%,transparent),transparent 70%),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 28px),#0A0820}
.pcth-synth .pcbg{background:repeating-linear-gradient(0deg,rgba(255,46,136,.28) 0 1px,transparent 1px 16px) bottom/100% 34% no-repeat,radial-gradient(circle 40px at 20% 66%,rgba(255,176,0,.9) 0,rgba(255,94,98,.75) 60%,rgba(255,46,136,0) 100%),radial-gradient(240px 140px at 20% 70%,rgba(255,46,136,.3),transparent 70%),linear-gradient(180deg,#16072B 0%,#2E0A4F 62%,#16072B 100%)}
.pcth-inferno .pcbg{background:radial-gradient(3px 3px at 20% 30%,#FFB000,transparent),radial-gradient(2px 2px at 70% 20%,#FF7A00,transparent),radial-gradient(2px 2px at 45% 70%,#FFD089,transparent),radial-gradient(500px 260px at 50% 120%,rgba(255,77,0,.85),transparent 70%),radial-gradient(300px 200px at 100% 0%,rgba(255,176,0,.35),transparent 70%),#160500}
.pcth-toxic .pcbg{background:radial-gradient(circle at 10px 10px,rgba(57,255,20,.18) 2px,transparent 2.5px) 0 0/20px 20px,radial-gradient(420px 240px at 85% 10%,rgba(57,255,20,.45),transparent 70%),radial-gradient(360px 220px at 0% 100%,rgba(0,255,163,.3),transparent 70%),#03130A}
.pcth-arctic .pcbg{background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.08) 41%,transparent 55%),linear-gradient(60deg,transparent 60%,rgba(199,249,255,.08) 61%,transparent 75%),radial-gradient(420px 240px at 90% 0%,rgba(110,231,255,.45),transparent 70%),linear-gradient(180deg,#0B2338,#06121F)}
.pcth-storm .pcbg{background:radial-gradient(circle at 75% 40%,transparent 38%,rgba(168,85,247,.55) 39%,rgba(59,130,246,.15) 44%,transparent 52%),radial-gradient(300px 200px at 0% 100%,rgba(59,130,246,.4),transparent 70%),#070B1F}
.pcth-crimson .pcbg{background:repeating-linear-gradient(135deg,rgba(255,31,75,.07) 0 2px,transparent 2px 14px),radial-gradient(440px 260px at 90% 0%,rgba(255,31,75,.5),transparent 70%),radial-gradient(300px 200px at 0% 100%,rgba(124,10,42,.6),transparent 70%),#12030A}
.pcth-gold .pcbg{background:linear-gradient(115deg,transparent 30%,rgba(255,204,51,.12) 45%,transparent 60%),radial-gradient(420px 240px at 90% 0%,rgba(255,204,51,.5),transparent 70%),radial-gradient(300px 200px at 0% 100%,rgba(255,153,0,.3),transparent 70%),#140F02}
.pcth-galaxy .pcbg{background:radial-gradient(1.5px 1.5px at 12% 22%,#fff,transparent),radial-gradient(1px 1px at 32% 68%,#fff,transparent),radial-gradient(1.5px 1.5px at 58% 34%,#fff,transparent),radial-gradient(1px 1px at 78% 78%,#fff,transparent),radial-gradient(1px 1px at 88% 18%,#fff,transparent),radial-gradient(1px 1px at 45% 88%,#fff,transparent),radial-gradient(380px 200px at 75% 30%,rgba(139,92,255,.5),transparent 70%),radial-gradient(320px 200px at 15% 85%,rgba(255,61,139,.35),transparent 70%),#05030F}
.pcth-carbon .pcbg{background:linear-gradient(27deg,#151517 5px,transparent 5px) 0 5px,linear-gradient(207deg,#151517 5px,transparent 5px) 10px 0,linear-gradient(27deg,#222 5px,transparent 5px) 0 10px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px),linear-gradient(#1d1d1d 25%,#1a1a1a 25%,#1a1a1a 50%,transparent 50%,transparent 75%,#242424 75%,#242424);background-size:20px 20px;background-color:#0B0B0D}
.pcimg .pcbg,.pcup.on .pcbg{background:linear-gradient(rgba(5,4,15,var(--pcdim,.55)),rgba(5,4,15,var(--pcdim,.55))),var(--pcimg) center/cover no-repeat,#0A0820!important}
.pcc{background:#0A0820}.pcc::before{background:linear-gradient(90deg,var(--pcb,#00D4FF),var(--pca,#7C4DFF))}
.pcc .pcav .av{box-shadow:0 0 0 3px rgba(0,0,0,.5),0 0 0 5px var(--pca,var(--rc))}
.pcrk{color:var(--pca,var(--rc))}
.pcbar i{background:linear-gradient(90deg,var(--pcb,#00D4FF),var(--pca,#7C4DFF))}
.pctg{display:inline-flex;align-items:center;gap:4px;font:600 12px var(--gxf,Heebo);color:rgba(255,255,255,.75);direction:ltr;align-self:flex-start;margin-top:2px}
.pcmo{margin:12px 0 0;font-size:14px;color:rgba(255,255,255,.88);font-style:italic}
.pcxp{margin:14px 0 12px}.pcxp small{align-self:flex-end}
.pcst>div{background:rgba(10,8,24,.4);backdrop-filter:blur(2px)}
.pcpk,.pcgk{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:11.5px;padding:3px 9px;border-radius:999px;background:rgba(10,8,24,.45);border:1px solid rgba(255,255,255,.16);color:#fff;white-space:nowrap}
.pcgk{border-color:color-mix(in srgb,var(--pca,#7C4DFF) 60%,transparent)}
.pcpk svg{opacity:.9}.pk-ps svg{color:#60A5FA}.pk-xbox svg{color:#4ADE80}.pk-switch svg{color:#FB7185}.pk-pc svg{color:#CBD5E1}.pk-mobile svg{color:#FBBF24}.pk-vr svg{color:#C084FC}

/* ===== signature card (scales with its width) ===== */
.pcprof{margin:0 0 16px;display:flex;justify-content:center}.pcprof .sgc{--w:720px!important}
/* the card block in the visual editor */
.gxcard{position:relative;padding:6px 0}
.gxcsz{position:absolute;top:10px;inset-inline-end:44px;z-index:3;display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:rgba(10,8,24,.75);border:1px solid rgba(255,255,255,.2)}
.gxcsz button{height:24px;padding:0 9px;border:0;border-radius:7px;background:none;color:#fff;font:600 12px Heebo,sans-serif;cursor:pointer}
.gxcsz button[aria-pressed="true"]{background:var(--ac,#8B5CFF)}
.gxcard .sgc{pointer-events:none}
.sgc[data-sga="c"]{margin-inline:auto!important}.sgc[data-sga="l"]{margin-inline-start:auto!important;margin-inline-end:0!important}
.gxcsz .gxcal{width:28px;padding:0;display:grid;place-items:center}
.gxcsep{width:1px;align-self:stretch;margin:3px 3px;background:rgba(255,255,255,.22)}
.gxcsz button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
@media(max-width:600px){.gxcsz{position:static;display:flex;width:fit-content;margin:0 0 6px;margin-inline-end:auto}.gxcard{padding-top:2px}.gxcard>.gxatx{top:2px}}

/* ===== the studio (own profile → כרטיס שחקן) ===== */
.pcstu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:18px;align-items:start}
.pcsv{position:sticky;top:16px;display:flex;flex-direction:column;gap:14px;order:2}
.pcsgp{display:flex;flex-direction:column;gap:6px}.pcsgp>small{font-size:12px;color:var(--mute)}
.pcsc{order:1;padding:18px 20px;display:flex;flex-direction:column;gap:18px}
.pcsch h2{margin:0 0 4px;font-size:18px}
.pcss h3{margin:0 0 10px;font-size:14px;display:flex;align-items:baseline;gap:8px}.pcss h3 small{font-weight:400;font-size:12px;color:var(--mute)}
.pcss+.pcss{padding-top:16px;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.pcths{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}
.pcthb{position:relative;isolation:isolate;overflow:hidden;height:62px;border-radius:12px;border:2px solid transparent;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:0 0 7px;color:#fff;font:600 12px Heebo,sans-serif;background:#0A0820;box-shadow:0 0 0 1px var(--line)}
.pcthb>.pcbg{position:absolute;inset:0;z-index:-1}
.pcthb span{text-shadow:0 1px 3px rgba(0,0,0,.7)}
.pcthb.on{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 30%,transparent)}
.pcthb:focus-visible,.pcup:focus-within{outline:3px solid var(--ac);outline-offset:2px}
.pcup{flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;background:var(--sf2);color:var(--mute);border:2px dashed var(--line);box-shadow:none}
.pcup.on{color:#fff;border-style:solid}
.pcup:hover{border-color:var(--ac);color:var(--ac)}
.pcimr{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.pcimr label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mute);flex:1;min-width:200px}.pcimr input{flex:1;accent-color:var(--ac)}
.pcsws{display:flex;gap:8px;flex-wrap:wrap}
.pcsw{width:30px;height:30px;border-radius:50%;border:0;background:var(--sw);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.pcsw.on{box-shadow:0 0 0 2px var(--sf),0 0 0 4px var(--sw)}
.pcpls{display:flex;gap:8px;flex-wrap:wrap}
.pcplb{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);color:var(--ink);font:600 13px Heebo,sans-serif;cursor:pointer}
.pcplb.on{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,var(--sf));color:var(--ac)}
.pcplb.on svg{color:inherit!important}
.pcgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pcgs .in{margin:0}
.pcfs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pcfs label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--mute)}.pcfs .in{margin:0}
.pcfs .pcchk{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:13.5px;cursor:pointer}.pcchk input{width:18px;height:18px;accent-color:var(--ac)}
.pcsa{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:14px;border-top:1px solid var(--line)}
.pcrst{margin-inline-start:auto;font-size:13px}
.pcsgn{margin:0;font-size:12.5px}
@media(max-width:900px){.pcstu{grid-template-columns:1fr}.pcsv{position:static;order:0}.pcgs,.pcfs{grid-template-columns:1fr}.pcsa .btn{flex:1 1 100%;justify-content:center}.pcrst{margin:0 auto}}

.gxcsz,.gxcsz button{pointer-events:auto}
.gxatom.gxcard{display:block;width:100%;max-width:var(--aw,480px);margin-inline:0 auto}.gxatom.gxcard[data-sga="c"]{margin-inline:auto}.gxatom.gxcard[data-sga="l"]{margin-inline:auto 0}.gxatom.gxcard .sgc{margin-inline:0!important;width:100%}
.gxcard .sgc{margin:0}
/* ===== bell: LFG requests with approve / decline (2026-10-20) ===== */
.ntk.lfg{background:#7C4DFF}
.nti.ntlfg{flex-direction:column;gap:9px;cursor:default}
.nti.ntlfg:hover{background:color-mix(in srgb,var(--ac) 4%,var(--sf))}
.nti.ntlfg.un:hover{background:color-mix(in srgb,var(--ac) 9%,var(--sf))}
.ntlm{display:flex;gap:10px;align-items:flex-start;width:100%;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;position:relative;border-radius:8px}
.ntlm .ntk{top:23px;inset-inline-start:26px}
.ntlm:focus-visible{outline:2px solid var(--ac);outline-offset:3px}
.ntla{display:flex;gap:6px;padding-inline-start:48px}
.ntla .btn{height:30px;padding:0 12px;font-size:12.5px}
.ntlfg.busy{opacity:.55;pointer-events:none}
.nttoast .ntlfg{padding-inline-start:34px}
/* player card: the member's own images */
.pcgal{margin-top:12px;display:flex;flex-direction:column;gap:6px}.pcgal>small{font-size:12px;color:var(--mute)}
.pcgl{display:flex;flex-wrap:wrap;gap:8px}
.pcgi{position:relative;width:76px;height:50px}
.pcgb{width:100%;height:100%;border-radius:10px;border:2px solid transparent;background:var(--pcimg) center/cover no-repeat,#0A0820;box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}
.pcgi.on .pcgb{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 30%,transparent)}
.pcgb:focus-visible,.pcgx:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.pcgx{position:absolute;top:-6px;inset-inline-end:-6px;width:22px;height:22px;border-radius:50%;border:2px solid var(--sf);background:#1B1730;color:#fff;display:grid;place-items:center;padding:0;cursor:pointer;opacity:.9}
.pcgx:hover{background:#E5484D;opacity:1}

/* phones: no live blur behind moving content (it re-blurs on every scroll frame and makes the page lag); slightly more solid backgrounds instead */
@media (max-width:820px),(hover:none) and (pointer:coarse){
 body *:not(dialog){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .bnav{background:color-mix(in srgb,var(--sf) 97%,transparent)!important}
 .bsrch{background:color-mix(in srgb,var(--sf) 97%,transparent)!important}
 .card.feed,.cbar,.cstat{background:color-mix(in srgb,var(--sf) 92%,transparent)!important}
 .gxld{background:var(--bg)!important}
}

/* ===== player card banner (signature + profile), redesigned 2026-10-20 =====
   avatar on the right, name as the heading, one meta line, small chips, motto, and a stats strip the member chooses */
.sgc{--w:480px;position:relative;isolation:isolate;overflow:hidden;width:min(100%,var(--w));container-type:inline-size;display:flex;flex-direction:column;border-radius:14px;border:1px solid rgba(255,255,255,.14);color:#fff;font-style:normal;text-align:start;margin:6px 0 2px;background:#0A0820;box-shadow:0 10px 26px -18px rgba(0,0,0,.7)}
.sgc::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--pcb,#00D4FF),var(--pca,#7C4DFF));z-index:1}
.sgc>.pcbg{position:absolute;inset:0;z-index:-1}
.sgch{display:flex;align-items:center;gap:14px;padding:14px 16px 12px}
.sgca{flex:none;line-height:0}
.sgca .av{width:56px!important;height:56px!important;font-size:22px!important;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.4),0 0 0 4px var(--pca,var(--rc))}
.sgca [data-st]::after{display:none!important}
.sgcm{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.sgcn{display:flex;align-items:center;gap:8px;min-width:0}
.sgcn .unl{min-width:0;background:none;border:0;padding:0;color:#fff;font:800 19px/1.15 var(--gxf,Rubik),Heebo,sans-serif;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgcn .unl:hover{text-decoration:underline}
.sgclv{flex:none;font:700 11px/1 Heebo,sans-serif;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)}
.sgcr{display:flex;align-items:center;flex-wrap:wrap;gap:2px 6px;font-size:12.5px;color:rgba(255,255,255,.78);min-width:0}
.sgcr i{font-style:normal;opacity:.45}
.sgcrk{color:var(--pca,var(--rc));font-weight:700}
.sgctg{font:600 12px/1 ui-monospace,Consolas,monospace;color:rgba(255,255,255,.88)}
.sgcp{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}
.sgcp .pcpk,.sgcp .pcgk{font-size:10.5px;line-height:1;padding:4px 8px;gap:4px;background:rgba(10,8,24,.38);border-color:rgba(255,255,255,.14)}
.sgcp .pcgk{border-color:color-mix(in srgb,var(--pca,#7C4DFF) 55%,transparent)}
.sgcp svg{width:11px;height:11px}
.sgcmo{margin:1px 0 0;font-size:12px;font-style:italic;color:rgba(255,255,255,.72);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgcf{display:flex;align-items:center;gap:16px;padding:8px 16px 9px;border-top:1px dashed rgba(255,255,255,.14);background:rgba(5,4,15,.28);font-size:11.5px;color:rgba(255,255,255,.62)}
.sgcf>span:not(.sgcl){display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap}
.sgcf b{font:800 14px/1 var(--gxf,Rubik),Heebo,sans-serif;color:#fff}
.sgcl{margin-right:auto;margin-left:0;font:800 9.5px/1 var(--gxf,Rubik),sans-serif;letter-spacing:1.5px;color:rgba(255,255,255,.32);direction:ltr}
/* small card: tighter */
.sgc[data-sgz="s"]:not(.sgfull) .sgch{gap:11px;padding:11px 12px 10px}
.sgc[data-sgz="s"]:not(.sgfull) .sgca .av{width:44px!important;height:44px!important;font-size:18px!important}
.sgc[data-sgz="s"]:not(.sgfull) .sgcn .unl{font-size:16px}
.sgc[data-sgz="s"]:not(.sgfull) .sgcf{gap:12px;padding:7px 12px 8px}
/* large card in signatures + the profile version: more room */
.sgc[data-sgz="l"] .sgca .av,.sgfull .sgca .av{width:68px!important;height:68px!important;font-size:26px!important}
.sgc[data-sgz="l"] .sgcn .unl,.sgfull .sgcn .unl{font-size:22px}
.sgc[data-sgz="l"] .sgch{padding:16px 18px 13px;gap:16px}
.sgfull .sgch{padding:18px 20px 12px;gap:18px}
.sgfull .sgcp .pcpk,.sgfull .sgcp .pcgk{font-size:11.5px;padding:5px 9px}
.sgfull .sgcmo{white-space:normal;font-size:13px}
.sgcx{display:flex;align-items:center;gap:10px;padding:0 20px 14px}
.sgcx .pcbar{flex:1;height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;display:flex;justify-content:flex-start}
.sgcx .pcbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--pcb,#00D4FF),var(--pca,#7C4DFF))}
.sgcx small{font-size:11.5px;color:rgba(255,255,255,.66);white-space:nowrap}
.sgfull .sgcf{padding:10px 20px 11px;gap:22px}.sgfull .sgcf b{font-size:16px}
/* narrow screens */
@container (max-width:360px){.sgc[data-sgz] .sgch{gap:10px;padding:11px 12px 10px}.sgc[data-sgz] .sgch .sgca .av{width:46px!important;height:46px!important;font-size:18px!important}.sgc[data-sgz] .sgcn .unl{font-size:16px!important}.sgcf{gap:10px;padding:7px 12px 8px}.sgcx{padding:0 12px 12px}.sgcx small{display:none}}
/* accessibility panel: "hide the button" is the first thing people see */
.a11hd{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0 4px;padding:9px 12px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--ac) 45%,var(--line));background:color-mix(in srgb,var(--ac) 7%,var(--sf));color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.a11hd:hover{background:color-mix(in srgb,var(--ac) 12%,var(--sf))}
.a11hd:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.a11hd>svg{flex:none;color:var(--ac)}
.a11hd>span{display:flex;flex-direction:column;gap:1px;min-width:0}.a11hd b{font-size:13.5px}.a11hd small{font-size:12px;color:var(--mute)}
/* ===== who posts in a forum (Panel → פורומים) ===== */
.fpbt{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:var(--sf);color:var(--mute);font:600 12.5px Heebo,sans-serif;cursor:pointer}
.fpbt:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ac) 45%,var(--line))}
.fpbt.on{color:var(--ac);border-color:color-mix(in srgb,var(--ac) 55%,var(--line));background:color-mix(in srgb,var(--ac) 9%,var(--sf))}
.fpbt:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.fpno{opacity:.55}
.fpd{width:min(460px,calc(100vw - 24px));padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--sf);color:var(--ink)}
.fpd::backdrop{background:rgba(5,4,20,.5)}
.fpdh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.fpdh h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.fpdh h2 svg{color:var(--ac)}
.fpg{border:0;margin:12px 0 0;padding:12px 0 0;border-top:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}
.fpg legend{display:flex;flex-direction:column;gap:2px;padding:0;margin-bottom:8px;font-weight:700;font-size:14px}.fpg legend small{font-weight:400;font-size:12px;color:var(--mute)}
.fpm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.fpr{position:relative;display:block;cursor:pointer}
.fpr input{position:absolute;opacity:0;inset:0}
.fpr span{display:flex;align-items:center;justify-content:center;height:36px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--sf2);font-size:13px;font-weight:600;text-align:center}
.fpr input:checked+span{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 12%,var(--sf));color:var(--ac)}
.fpr input:focus-visible+span{outline:3px solid var(--ac);outline-offset:2px}
.fprk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.fpc{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;cursor:pointer}
.fpc input{width:16px;height:16px;accent-color:var(--ac)}
.fpnote{margin:14px 0 0;font-size:12.5px}
.fpdf{display:flex;gap:8px;margin-top:14px}
@media(max-width:520px){.fpm{grid-template-columns:1fr}}
/* footer on phones: links in tidy centred rows (they ran off both sides), copyright wraps */
@media(max-width:600px){
 #ft .sfl{display:grid;grid-template-columns:repeat(3,auto);justify-content:center;justify-items:center;gap:2px 18px;white-space:nowrap;padding:0 12px}
 #ft .sfl button{font-size:12.5px;padding:7px 0}
 #ft .sfc{display:block;white-space:normal;line-height:1.6;margin-top:8px;padding:0 16px}
 #ft{padding-bottom:56px}/* room so the floating accessibility button never covers the last line */
}
@media(max-width:340px){#ft .sfl{grid-template-columns:repeat(2,auto)}}

/* ===== player card: labelled detail rows (platforms / games / gamertag) ===== */
.sgcd{margin:0;padding:0 16px 13px;padding-inline-start:86px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;align-items:center}
.sgcdr{display:contents}
.sgcd dt{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:rgba(255,255,255,.56);white-space:nowrap;letter-spacing:.2px}
.sgcd dt svg{flex:none;opacity:.85}
.sgcd dd{margin:0;display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.sgcd .pcpk{font-size:10.5px;line-height:1;padding:4px 9px 4px 8px;gap:5px;border-radius:999px;background:rgba(10,8,24,.42);border:1px solid rgba(255,255,255,.15)}
.sgcd .pcpk svg{width:12px;height:12px}
.sgcd .pcgk{font-size:11px;line-height:1;font-weight:700;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--pca,#7C4DFF) 24%,rgba(10,8,24,.35));border:1px solid color-mix(in srgb,var(--pca,#7C4DFF) 60%,transparent);color:#fff}
.sgctag{display:inline-flex;align-items:center;font:700 12px/1 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.6px;padding:5px 10px;border-radius:7px;background:rgba(0,0,0,.34);border:1px dashed rgba(255,255,255,.3);color:#fff}
.sgc[data-sgz="s"]:not(.sgfull) .sgcd{padding:0 12px 10px;padding-inline-start:67px;gap:6px 10px}
.sgc[data-sgz="l"]:not(.sgfull) .sgcd{padding:0 18px 14px;padding-inline-start:102px}
.sgfull .sgcd{padding:0 20px 14px;padding-inline-start:106px;gap:9px 14px}
.sgfull .sgcd dt{font-size:12px}.sgfull .sgcd .pcpk{font-size:11.5px;padding:5px 10px 5px 9px}.sgfull .sgcd .pcgk{font-size:12px;padding:6px 10px}.sgfull .sgctag{font-size:13px}
@container (max-width:400px){.sgc[data-sgz] .sgcd{padding:0 12px 11px!important;gap:6px 9px!important}}
@container (max-width:300px){.sgcd dt span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* the big card (dialog / studio) uses the same rows */
.pcc .sgcd{padding:0;margin-top:14px;gap:8px 12px}

/* banner v3 (2026-10-20): wide and low again – gamertag under the photo, platforms/games rows beside it */
.sgch{align-items:flex-start}
.sgca{display:flex;flex-direction:column;align-items:center;gap:7px;max-width:112px}
.sgcgt{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:112px}
.sgcgt small{font:800 8px/1 var(--gxf,Rubik),sans-serif;letter-spacing:1.4px;color:rgba(255,255,255,.5)}
.sgcgt b{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 11px/1 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.4px;padding:4px 7px;border-radius:6px;background:rgba(0,0,0,.34);border:1px dashed rgba(255,255,255,.3);color:#fff}
.sgch .sgcd{padding:0!important;margin:3px 0 0;gap:5px 9px!important}
.sgch .sgcd dt{font-size:10.5px}
.sgcm{gap:4px}
.sgfull .sgcgt b{font-size:12.5px;padding:5px 9px}.sgfull .sgcgt small{font-size:9px}
.sgfull .sgch .sgcd{gap:7px 12px!important}
@container (max-width:300px){.sgcgt{display:none}}
/* narrow cards (small size, phones): labels become icons, tighter gamertag, so the card stays wide and low */
@container (max-width:430px){
 .sgc[data-sgz] .sgch{gap:10px;padding:11px 12px 10px}
 .sgc .sgca,.sgc .sgcgt{max-width:96px}.sgc .sgcgt b{max-width:96px;font-size:10px!important;padding:3px 6px!important}.sgc .sgcgt small{font-size:7px!important}
 .sgch .sgcd{grid-template-columns:auto minmax(0,1fr);gap:5px 6px!important}
 .sgch .sgcd dt span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .sgch .sgcd dt svg{width:13px;height:13px;opacity:.7}
 .sgch .sgcd dd{gap:4px}
 .sgch .sgcd .pcpk{font-size:10px;padding:3px 7px 3px 6px;gap:4px}.sgch .sgcd .pcpk svg{width:11px;height:11px}
 .sgch .sgcd .pcgk{font-size:10px;padding:4px 7px}
 .sgcmo{font-size:11.5px}
}
/* logo lockup: the tagline sets the width, SPAWN is fitted to it by lgFit (15-fx.js), the icon matches both lines */
@media(min-width:821px){
 .logo.lgfit{gap:12px;align-items:center}
 .logo.lgfit .wm{display:inline-flex;flex-direction:column;align-items:stretch;width:max-content}
 .logo.lgfit .wm b{display:block;line-height:.92;text-align:center;white-space:nowrap}
 .logo.lgfit .wm small{display:block;white-space:nowrap;margin-top:5px;font-size:12.5px;letter-spacing:.3px;text-align:center}
 .logo.lgfit svg{flex:none}
}
/* player card window: share right inside it (the old menu opened behind the window) */