:root{
  --bg:#f6f4fb;--ink:#1d1a33;--mut:#6b6785;--card:#fff;--line:#e2deef;
  --acc:#e0407b;--acc2:#12958f;
}
@media(prefers-color-scheme:dark){
  :root{--bg:#15122a;--ink:#f1eefc;--mut:#a29fbd;--card:#1f1b3a;--line:#332e57;--acc:#ff6b9a;--acc2:#3cc9c2}
}
*{box-sizing:border-box}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:Vazirmatn,Tahoma,system-ui,sans-serif;line-height:1.8;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.w{max-width:720px;margin:0 auto;padding:0 18px}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid var(--line)}
.nav .l{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-size:14px}
.logo{font-weight:800;font-size:22px;letter-spacing:.25em;color:var(--acc)}
header{padding:34px 0 8px}
h1{font-size:clamp(26px,6vw,42px);line-height:1.35;margin:10px 0 4px;font-weight:800}
.sub{color:var(--mut);margin:0}
.sub2{color:var(--mut);margin:0 0 22px}
.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}
textarea,input:not([type=checkbox]),select{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:9px 12px;font:inherit;font-size:15px}
textarea{min-height:110px;resize:vertical}
form textarea:first-of-type{border:0;background:transparent;padding:0;font-size:17px}
.lbl{font-size:14px;color:var(--mut);margin:10px 0 6px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:99px;padding:5px 14px;font:inherit;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block}
.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px}
@media(max-width:520px){.row{grid-template-columns:1fr}}
.go{margin-top:14px;background:var(--acc);color:#fff;border:0;border-radius:12px;padding:10px 26px;font:inherit;font-weight:600;font-size:16px;cursor:pointer}
.link{margin-top:14px;padding:12px;border-radius:12px;background:var(--bg);border:1px dashed var(--acc2)}
.link b{display:block;word-break:break-all;font-weight:600;unicode-bidi:plaintext}
h2{font-size:20px;margin:30px 0 10px}
.post{margin-bottom:12px}
.tag{display:inline-block;font-size:13px;border-radius:99px;padding:0 10px;background:var(--bg);border:1px solid var(--line)}
.meta{color:var(--mut);font-size:13px;margin:4px 0 6px}
.to{font-weight:600;margin:6px 0 0}
.post p{margin:6px 0 10px;font-size:16px;unicode-bidi:plaintext}
.rx{display:flex;flex-wrap:wrap;gap:6px}
.rx button,.rx a{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;padding:2px 10px;font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.sim{margin-top:10px}
.s1{border-inline-start:3px solid var(--acc2);padding:2px 10px;margin:6px 0;font-size:14px;color:var(--mut);unicode-bidi:plaintext}
.sf{display:flex;gap:6px;margin-top:8px}
.sf input{flex:1}
.field-check{display:block;font-size:14px;color:var(--mut);margin-top:10px}
.field-check input{width:auto}
.msgpage{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px 0}
.msgpage .inner{max-width:520px}
.msgpage small{color:var(--mut)}
.msgpage p{font-size:20px;margin:14px 0;unicode-bidi:plaintext}
footer{color:var(--mut);font-size:13px;padding:30px 0 50px}
.empty{color:var(--mut)}
.err{color:var(--acc);font-size:14px;margin:8px 0}
.pager{margin-top:6px}
select#lang{width:auto}