/* Clean skin: a neutral, content-first forum. Opt-in and fully reversible. */
.clean-btn{display:flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:42px;padding:7px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font:500 .85rem "Plex Arabic",sans-serif;cursor:pointer}
.clean-btn [lang=en]{font-family:system-ui,sans-serif;font-weight:650;letter-spacing:.2px}
.clean-state{font-size:.7rem;opacity:.85}
.clean-btn:hover{background:rgba(255,255,255,.16)}
.clean-btn:focus-visible,.tbtn:focus-visible{outline:3px solid var(--pri2);outline-offset:3px}
.presence{margin-bottom:24px}
.presence-card{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px 24px}
.presence-title{display:flex;align-items:center;gap:12px;flex:1;min-width:230px}
.presence-title>.ic{width:28px;height:28px;color:var(--pri)}
.presence-title h2{font-size:1.03rem;font-weight:600}
.presence-title p,.presence-status{margin:4px 0 0;color:var(--muted);font-size:.78rem}
.presence-counts{display:flex;gap:26px;text-align:center;font-size:.78rem;color:var(--muted)}
.presence-counts span{display:flex;flex-direction:column;gap:3px;min-width:70px}
.presence-counts b{font:600 1.6rem/1.3 "Plex Arabic",sans-serif;color:var(--text);font-variant-numeric:tabular-nums}
.presence-status{flex-basis:100%;margin:0;padding-top:12px;border-top:1px solid var(--line)}
.presence-status.offline{color:var(--warn)}
html.clean{
  --bg:#f5f6f7;--bg2:#edf0f2;--surface:#fff;--surface2:#f8f9fa;--text:#232629;--muted:#5f6871;--line:#dfe3e6;--line2:#c8cdd2;
  --pri:#1769a5;--pri2:#247cb9;--pri-soft:#edf5fa;--acc:#526773;--acc-soft:#eff3f5;
  --warn:#78571c;--warn-soft:#f7f3e9;--ok:#326445;--ok-soft:#eef6f0;--red:#ab3737;
  --code-bg:#f3f4f5;--code-text:#24292f;--quote:#f5f7f8;--shadow:none;--shadow2:none;--r:7px;--r2:5px;--hdr:#fff;
}
html.clean.dark{
  --bg:#181a1c;--bg2:#292d31;--surface:#222528;--surface2:#262a2e;--text:#e3e6e8;--muted:#b0b8c0;--line:#3b4147;--line2:#525960;
  --pri:#8bc4ee;--pri2:#9bd0f4;--pri-soft:#263845;--acc:#afc2d0;--acc-soft:#2b353d;
  --warn:#dec38c;--warn-soft:#353124;--ok:#a0cfad;--ok-soft:#27382d;--red:#efa5a5;
  --code-bg:#1a1d20;--code-text:#e3e6e8;--quote:#292e32;--hdr:#222528;
}
html.clean body{font-size:15px;line-height:1.8}
html.clean .top{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000008;border-top:3px solid #cf6d29;border-bottom:1px solid var(--line)}
html.clean .brand{color:var(--text);gap:10px}
html.clean .logo{background:var(--bg2);color:var(--pri);box-shadow:none;border-radius:6px;border:1px solid var(--line)}
html.clean .bt b{font-size:1rem}
html.clean .bt small{color:var(--muted);opacity:1;font-size:.7rem;margin-top:3px}
html.clean .bar{gap:12px;height:66px}
html.clean .qs{background:var(--surface2);border:1px solid var(--line2);border-radius:5px;color:var(--muted);height:38px}
html.clean .qs:focus-within{border-color:var(--pri);box-shadow:0 0 0 3px var(--pri-soft)}
html.clean .qs input{color:var(--text);font-size:.85rem}
html.clean .qs input::placeholder{color:var(--muted)}
html.clean .tbtn,html.clean .clean-btn{background:var(--surface);border-color:var(--line2);border-radius:5px;color:var(--muted);min-height:38px;height:38px}
html.clean .tbtn{width:38px}
html.clean .tbtn:hover,html.clean .clean-btn:hover{background:var(--bg2);color:var(--text)}
html.clean .clean-btn[aria-pressed=true]{background:var(--pri-soft);border-color:var(--pri);color:var(--pri)}
html.clean .nav{height:42px;gap:6px}
html.clean .nav a{color:var(--muted);font-size:.83rem;padding-inline:12px;border-bottom-width:2px}
html.clean .nav a:hover{background:var(--surface2);color:var(--text)}
html.clean .nav a.on{color:var(--text);border-color:#cf6d29;background:var(--surface2)}
html.clean .ribbon,html.clean .ribbon.full{background:var(--surface2);color:var(--muted);font-size:.77rem}
html.clean .ribbon .wrap{min-height:34px}
html.clean .hero{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px;box-shadow:none;padding:28px 30px}
html.clean .hero:after{content:none}
html.clean .hero h1{font-size:1.65rem;line-height:1.5}
html.clean .hero p{color:var(--muted);font-size:.93rem;opacity:1}
html.clean .hero-q{background:var(--surface);border:1px solid var(--line2);border-radius:5px;box-shadow:none}
html.clean .hero-q input{color:var(--text);font-size:.92rem}
html.clean .hero-q button,html.clean .sopts button,html.clean .mq button{background:var(--pri);color:var(--surface);border-radius:4px}
html.clean.dark .hero-q button,html.clean.dark .sopts button,html.clean.dark .mq button{color:#172029}
html.clean .kpis{gap:0;margin-top:22px;border-top:1px solid var(--line);padding-top:16px}
html.clean .kpi,html.clean .kpis.wide .kpi{background:none;border:0;border-inline-end:1px solid var(--line);border-radius:0;box-shadow:none;backdrop-filter:none;color:var(--text);padding:0 16px}
html.clean .kpi:last-child{border-inline-end:0}
html.clean .kpi b,html.clean .kpis.wide .kpi b{font-size:1.35rem;color:var(--text)}
html.clean .kpi span{font-size:.76rem;color:var(--muted);opacity:1}
html.clean .cat{box-shadow:none;border-radius:7px}
html.clean .cat-head{background:var(--surface2);border-color:var(--line)}
html.clean .mono,html.clean .av-l{background:var(--bg2);color:var(--muted);border:1px solid var(--line);box-shadow:none;border-radius:5px}
html.clean .frow,html.clean .trow{background:var(--surface)}
html.clean .frow:hover,html.clean .trow:hover{background:var(--surface2)}
html.clean .frow .fn,html.clean .trow .tn{font-weight:500}
html.clean .gname,html.clean .who[style]{color:var(--text)!important}
html.clean .chip,html.clean .bd,html.clean .prefix{border-radius:4px;background:var(--bg2);color:var(--muted);font-weight:500}
html.clean .bd.ok{background:var(--ok-soft);color:var(--ok)}
html.clean .chip.priv,html.clean .bd.priv,html.clean .bd.hidden{background:var(--warn-soft);color:var(--warn)}
html.clean .rank li .rk{background:var(--bg2);color:var(--muted);filter:none}
html.clean .utitle,html.clean .pips{color:var(--muted)}
html.clean .pb i,html.clean .pc.top .pb i{background:var(--pri)}
html.clean .thead{border-radius:7px;padding:22px 24px}
html.clean .thead h1{font-size:1.55rem;line-height:1.55;font-weight:600}
html.clean .posts{gap:18px}
html.clean .post{grid-template-columns:158px minmax(0,1fr);border-radius:7px;box-shadow:none}
html.clean .post.best{border-color:var(--ok);box-shadow:none}
html.clean .post:target{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-soft)}
html.clean .au{padding:20px 12px;background:var(--surface2)}
html.clean .au>.av{--s:48px!important;width:48px;height:48px}
html.clean .au .who{font-size:.88rem}
html.clean .au-s{font-size:.7rem;gap:5px}
html.clean .au-s div{border:0;padding:0;background:none;border-radius:0}
html.clean .ph{background:var(--surface);font-size:.75rem;padding:10px 22px;flex-wrap:wrap;gap:8px}
html.clean .post-body{font-size:1rem;line-height:1.95;padding:22px 26px;color:var(--text)}
/* Override legacy presentation only; retain text, emphasis, links, quotes, media and code. */
html.clean :is(.post-body,.sig) :is(p,div,span,font,b,strong,i,em,u,s,strike,a,li,td,th,center,blockquote){
  font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;
  background-color:transparent!important;background-image:none!important;text-shadow:none!important;filter:none!important;
  letter-spacing:normal!important;word-spacing:normal!important;
}
html.clean :is(.post-body,.sig) :is(p,div,span,font,center){font-weight:400!important}
html.clean :is(.post-body,.sig) :is(b,strong){font-weight:600!important}
html.clean :is(.post-body,.sig) :is(p,div,center){text-align:start!important;max-width:100%!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;text-indent:0!important}
html.clean .post-body :is(p,center){margin:0 0 .8em!important;padding:0!important}
html.clean .post-body :is(h1,h2,h3,h4,h5,h6){font-family:inherit!important;color:var(--text)!important;background:none!important;font-size:1.15em!important;line-height:1.65!important;font-weight:600!important;text-align:start!important;margin:1em 0 .5em!important}
html.clean .post-body :is(a,a *){color:var(--pri)!important;text-decoration:underline;text-underline-offset:3px}
html.clean .post-body :is(ul,ol){padding-inline-start:1.7em!important;margin:.75em 0!important}
html.clean .post-body li{margin:.3em 0}
html.clean .post-body blockquote.q{background:var(--quote)!important;border-inline-start:3px solid var(--line2);border-radius:4px;padding:12px 16px!important;margin:16px 0!important}
html.clean .post-body blockquote.q .qh{color:var(--muted)!important;font-size:.82rem!important;font-weight:500!important;margin-bottom:8px}
html.clean .post-body details.spoiler{border:1px solid var(--line);border-radius:4px;background:var(--surface2)}
html.clean .post-body pre.code{font-size:.84rem!important;line-height:1.7!important;border:1px solid var(--line);border-radius:5px;background:var(--code-bg);color:var(--code-text);box-shadow:none;padding-top:40px;max-width:100%;overflow:auto;white-space:pre;direction:ltr;text-align:left}
html.clean .post-body pre.code *{font-family:"JB Mono",Consolas,monospace!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;background:transparent!important;color:inherit!important;filter:none!important}
html.clean .post-body pre.code .hljs-comment{color:var(--muted)!important}
html.clean .post-body pre.code :is(.hljs-keyword,.hljs-built_in,.hljs-selector-tag){color:var(--pri)!important}
html.clean .post-body pre.code:after{content:none}
html.clean .post-body pre.code .copy{right:10px;border-color:var(--line2);color:var(--muted)!important;background:var(--surface)!important;font:.72rem "Plex Arabic",sans-serif!important}
html.clean .post-body :is(code,kbd),html.clean .post-body :is(code,kbd) *{font-family:"JB Mono",Consolas,monospace!important;direction:ltr;unicode-bidi:embed}
html.clean .post-body img:not(.emo){max-width:100%!important;height:auto!important;object-fit:contain;border-radius:4px}
html.clean .post-body table{width:auto!important;max-width:100%!important;min-width:0!important;font-size:.9rem;background:var(--surface)!important}
html.clean .post-body :is(td,th){white-space:normal!important;min-width:0!important;max-width:40ch;padding:8px 10px!important}
html.clean .post-body th{background:var(--surface2)!important;font-weight:600!important}
html.clean .sig,html.clean .sig.open{font-size:.8rem;line-height:1.75;margin:0 26px 18px;padding:14px 0 0;border-top:1px solid var(--line);color:var(--muted);max-width:100%}
html.clean .sig a{color:var(--pri)!important}
html.clean .atts{border-radius:5px;background:var(--surface2)}
html.clean .att{border-radius:4px}
html.clean .foot{background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}
html.clean .uchip{border-color:var(--line2);background:var(--surface2);color:var(--text)}
html.clean .uchip button{color:var(--muted);border-color:var(--line)}
html.clean .pcover{background:var(--bg2)}
html.clean .pcover:after{opacity:0}
html.clean .login-go{background:var(--pri);color:var(--surface);border-radius:5px}
html.clean .pager .pg{border-radius:4px}
html.clean .pager .pg.on{background:var(--pri);color:var(--surface)}
@media(max-width:980px){html.clean .bar{gap:8px}.clean-state{display:none}}
@media(max-width:760px){
  .bar{flex-wrap:wrap;height:auto;min-height:60px;padding-top:10px;padding-bottom:10px;gap:7px}
  .brand{flex:1 1 160px;min-width:0}.bt{min-width:0}.bt b{font-size:.84rem}
  .tbtn{width:34px;height:36px}.clean-btn{min-height:36px;height:36px;padding:6px 10px}
  .presence-card{padding:18px;gap:16px}.presence-title{min-width:0;flex-basis:100%}.presence-counts{width:100%;gap:8px;justify-content:space-between}.presence-counts span{min-width:0;flex:1}
  html.clean .bar{height:auto;min-height:60px;gap:7px}html.clean .bt b{font-size:.84rem}
  html.clean .nav{height:auto}html.clean .nav a.on{border-inline-start:3px solid #cf6d29;border-bottom:0}
  html.clean .tbtn{width:34px;height:36px;min-height:36px}html.clean .clean-btn{height:36px;min-height:36px}
  html.clean .hero{padding:20px 18px}html.clean .hero h1{font-size:1.28rem}
  html.clean .kpis{row-gap:16px}html.clean .kpi:nth-child(2n){border-inline-end:0}html.clean .kpi b{font-size:1.18rem}
  html.clean .post{grid-template-columns:minmax(0,1fr)}html.clean .au{padding:12px 14px;gap:12px;flex-wrap:wrap}
  html.clean .au-i{flex:1;min-width:0}html.clean .au-s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:6px}
  html.clean .au-s div{flex-direction:column;gap:0}
  html.clean .post-body{font-size:.96rem;padding:18px 16px}html.clean .ph{padding:10px 16px}
  html.clean .thead{padding:18px 16px}html.clean .thead h1{font-size:1.22rem}
  html.clean .sig,html.clean .sig.open{margin-inline:16px}
}
@media(max-width:370px){.brand{flex-basis:145px}.brand .logo{width:30px;height:30px;font-size:11px}.bar{gap:5px}.bt b,html.clean .bt b{font-size:.78rem}.clean-btn{padding-inline:7px}.tbtn,html.clean .tbtn{width:30px}.uchip{max-width:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.clean *{transition:none!important}}
@media print{.presence,.clean-btn{display:none}}
/* Secondary pages use the same restrained palette, not their former gradients. */
html.clean .cath{background:var(--surface2)}
html.clean .cover{background:var(--bg2)}
html.clean .yb i{background:var(--pri)}
html.clean .login button{background:var(--pri);color:var(--surface);border-radius:5px}
html.clean.dark .login button{color:#172029}
html.clean .login input{border-radius:5px}
html.clean .sorter a,html.clean .shares a,html.clean .shares button{border-radius:4px}
html.clean .chip{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
html.clean .tags{min-width:0;max-width:100%}
html.clean :is(.snip,.rt,.cloud a,.thead h1,.fn,.tn){overflow-wrap:anywhere}
html.clean .res{min-width:0}
@media(max-width:370px){html.clean .mq{max-width:100%}html.clean .mq input{min-width:0;width:100%}html.clean .mgrid{grid-template-columns:minmax(0,1fr)}}