*{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg:#1e212a;--bg2:#262a35;--card:#2b2f3b;--card-h:#333844;
    --t1:#ede6d8;--t2:#9a9298;--t3:#6a6570;
    --ac:#c9a84c;--ac-dim:rgba(201,168,76,.12);--ac-h:#dab95c;
    --brd:#363b48;--red:#d9534f;
    --bg-blur:rgba(30,33,42,.88);
    --shadow:rgba(0,0,0,.35);
}
html[data-theme="light"]{
    --bg:#faf7f0;--bg2:#ffffff;--card:#ffffff;--card-h:#f6f1e6;
    --t1:#2b2620;--t2:#6b6258;--t3:#a39a8c;
    --ac:#b8923a;--ac-dim:rgba(184,146,58,.10);--ac-h:#a67f2e;
    --brd:#e8e0d0;--red:#c0392b;
    --bg-blur:rgba(250,247,240,.88);
    --shadow:rgba(43,38,32,.10);
}
html{scroll-behavior:smooth}
body{font-family:'Vazirmatn',sans-serif;background:var(--bg);color:var(--t1);min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(201,168,76,.035) 1px,transparent 0);background-size:44px 44px;pointer-events:none;z-index:0}
body::after{content:'';position:fixed;top:-40%;right:-20%;width:70%;height:70%;background:radial-gradient(ellipse,rgba(201,168,76,.04) 0%,transparent 65%);pointer-events:none;z-index:0}
#app{position:relative;z-index:1;display:flex;min-height:100vh}
a{text-decoration:none;color:inherit}



.w-100 {width: 100% !important}
.gap-0 { gap: 0; }
.gap-4 { gap: 4px; }
.gap-8 { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 16px; }
.gap-20 { gap: 20px; }
.gap-24 { gap: 24px; }
.gap-28 { gap: 28px; }
.gap-32 { gap: 32px; }
.gap-36 { gap: 36px; }
.gap-40 { gap: 40px; }

.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }

.flex-row { flex-direction: row !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column { flex-direction: column !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.justify-start { justify-content: flex-start !important; }
.justify-end { justify-content: flex-end !important; }
.justify-center { justify-content: center !important; }
.justify-between { justify-content: space-between !important; }
.justify-around { justify-content: space-around !important; }
.justify-evenly { justify-content: space-evenly !important; }

.items-start { align-items: flex-start !important; }
.items-end { align-items: flex-end !important; }
.items-center { align-items: center !important; }
.items-baseline { align-items: baseline !important; }
.items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }


.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }


.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }


.flex-basis-auto { flex-basis: auto !important; }
.flex-basis-0 { flex-basis: 0 !important; }


.flex-1 { flex: 1 !important; }
.flex-auto { flex: auto !important; }
.flex-initial { flex: initial !important; }
.flex-none { flex: none !important; }


.m-0 { margin: 0 !important; }
.m-2 { margin: 2px !important; }
.m-4 { margin: 4px !important; }
.m-6 { margin: 6px !important; }
.m-8 { margin: 8px !important; }
.m-12 { margin: 12px !important; }
.m-16 { margin: 16px !important; }
.m-20 { margin: 20px !important; }
.m-24 { margin: 24px !important; }
.m-32 { margin: 32px !important; }
.m-40 { margin: 40px !important; }
.m-48 { margin: 48px !important; }
.m-64 { margin: 64px !important; }
.m-80 { margin: 80px !important; }
.m-96 { margin: 96px !important; }
.m-128 { margin: 128px !important; }


.mt-0 { margin-top: 0 !important; }
.mt-2 { margin-top: 2px !important; }
.mt-4 { margin-top: 4px !important; }
.mt-6 { margin-top: 6px !important; }
.mt-8 { margin-top: 8px !important; }
.mt-12 { margin-top: 12px !important; }
.mt-16 { margin-top: 16px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-24 { margin-top: 24px !important; }
.mt-32 { margin-top: 32px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-48 { margin-top: 48px !important; }
.mt-64 { margin-top: 64px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-96 { margin-top: 96px !important; }
.mt-128 { margin-top: 128px !important; }

.mr-0 { margin-right: 0 !important; }
.mr-2 { margin-right: 2px !important; }
.mr-4 { margin-right: 4px !important; }
.mr-6 { margin-right: 6px !important; }
.mr-8 { margin-right: 8px !important; }
.mr-12 { margin-right: 12px !important; }
.mr-16 { margin-right: 16px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-24 { margin-right: 24px !important; }
.mr-32 { margin-right: 32px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-48 { margin-right: 48px !important; }
.mr-64 { margin-right: 64px !important; }
.mr-80 { margin-right: 80px !important; }
.mr-96 { margin-right: 96px !important; }
.mr-128 { margin-right: 128px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-2 { margin-bottom: 2px !important; }
.mb-4 { margin-bottom: 4px !important; }
.mb-6 { margin-bottom: 6px !important; }
.mb-8 { margin-bottom: 8px !important; }
.mb-12 { margin-bottom: 12px !important; }
.mb-16 { margin-bottom: 16px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-24 { margin-bottom: 24px !important; }
.mb-32 { margin-bottom: 32px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-48 { margin-bottom: 48px !important; }
.mb-64 { margin-bottom: 64px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-96 { margin-bottom: 96px !important; }
.mb-128 { margin-bottom: 128px !important; }

.ml-0 { margin-left: 0 !important; }
.ml-2 { margin-left: 2px !important; }
.ml-4 { margin-left: 4px !important; }
.ml-6 { margin-left: 6px !important; }
.ml-8 { margin-left: 8px !important; }
.ml-12 { margin-left: 12px !important; }
.ml-16 { margin-left: 16px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-24 { margin-left: 24px !important; }
.ml-32 { margin-left: 32px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-48 { margin-left: 48px !important; }
.ml-64 { margin-left: 64px !important; }
.ml-80 { margin-left: 80px !important; }
.ml-96 { margin-left: 96px !important; }
.ml-128 { margin-left: 128px !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }
.mx-2 { margin-left: 2px !important; margin-right: 2px !important; }
.mx-4 { margin-left: 4px !important; margin-right: 4px !important; }
.mx-6 { margin-left: 6px !important; margin-right: 6px !important; }
.mx-8 { margin-left: 8px !important; margin-right: 8px !important; }
.mx-12 { margin-left: 12px !important; margin-right: 12px !important; }
.mx-16 { margin-left: 16px !important; margin-right: 16px !important; }
.mx-20 { margin-left: 20px !important; margin-right: 20px !important; }
.mx-24 { margin-left: 24px !important; margin-right: 24px !important; }
.mx-32 { margin-left: 32px !important; margin-right: 32px !important; }
.mx-40 { margin-left: 40px !important; margin-right: 40px !important; }
.mx-48 { margin-left: 48px !important; margin-right: 48px !important; }
.mx-64 { margin-left: 64px !important; margin-right: 64px !important; }
.mx-80 { margin-left: 80px !important; margin-right: 80px !important; }
.mx-96 { margin-left: 96px !important; margin-right: 96px !important; }
.mx-128 { margin-left: 128px !important; margin-right: 128px !important; }

.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-2 { margin-top: 2px !important; margin-bottom: 2px !important; }
.my-4 { margin-top: 4px !important; margin-bottom: 4px !important; }
.my-6 { margin-top: 6px !important; margin-bottom: 6px !important; }
.my-8 { margin-top: 8px !important; margin-bottom: 8px !important; }
.my-12 { margin-top: 12px !important; margin-bottom: 12px !important; }
.my-16 { margin-top: 16px !important; margin-bottom: 16px !important; }
.my-20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.my-24 { margin-top: 24px !important; margin-bottom: 24px !important; }
.my-32 { margin-top: 32px !important; margin-bottom: 32px !important; }
.my-40 { margin-top: 40px !important; margin-bottom: 40px !important; }
.my-48 { margin-top: 48px !important; margin-bottom: 48px !important; }
.my-64 { margin-top: 64px !important; margin-bottom: 64px !important; }
.my-80 { margin-top: 80px !important; margin-bottom: 80px !important; }
.my-96 { margin-top: 96px !important; margin-bottom: 96px !important; }
.my-128 { margin-top: 128px !important; margin-bottom: 128px !important; }

.m-auto { margin: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mt-auto { margin-top: auto !important; }
.mr-auto { margin-right: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ml-auto { margin-left: auto !important; }


.p-0 { padding: 0 !important; }
.p-2 { padding: 2px !important; }
.p-4 { padding: 4px !important; }
.p-6 { padding: 6px !important; }
.p-8 { padding: 8px !important; }
.p-12 { padding: 12px !important; }
.p-16 { padding: 16px !important; }
.p-20 { padding: 20px !important; }
.p-24 { padding: 24px !important; }
.p-32 { padding: 32px !important; }
.p-40 { padding: 40px !important; }
.p-48 { padding: 48px !important; }
.p-64 { padding: 64px !important; }
.p-80 { padding: 80px !important; }
.p-96 { padding: 96px !important; }
.p-128 { padding: 128px !important; }


.pt-0 { padding-top: 0 !important; }
.pt-2 { padding-top: 2px !important; }
.pt-4 { padding-top: 4px !important; }
.pt-6 { padding-top: 6px !important; }
.pt-8 { padding-top: 8px !important; }
.pt-12 { padding-top: 12px !important; }
.pt-16 { padding-top: 16px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-24 { padding-top: 24px !important; }
.pt-32 { padding-top: 32px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-48 { padding-top: 48px !important; }
.pt-64 { padding-top: 64px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-96 { padding-top: 96px !important; }
.pt-128 { padding-top: 128px !important; }

.pr-0 { padding-right: 0 !important; }
.pr-2 { padding-right: 2px !important; }
.pr-4 { padding-right: 4px !important; }
.pr-6 { padding-right: 6px !important; }
.pr-8 { padding-right: 8px !important; }
.pr-12 { padding-right: 12px !important; }
.pr-16 { padding-right: 16px !important; }
.pr-20 { padding-right: 20px !important; }
.pr-24 { padding-right: 24px !important; }
.pr-32 { padding-right: 32px !important; }
.pr-40 { padding-right: 40px !important; }
.pr-48 { padding-right: 48px !important; }
.pr-64 { padding-right: 64px !important; }
.pr-80 { padding-right: 80px !important; }
.pr-96 { padding-right: 96px !important; }
.pr-128 { padding-right: 128px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-2 { padding-bottom: 2px !important; }
.pb-4 { padding-bottom: 4px !important; }
.pb-6 { padding-bottom: 6px !important; }
.pb-8 { padding-bottom: 8px !important; }
.pb-12 { padding-bottom: 12px !important; }
.pb-16 { padding-bottom: 16px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-24 { padding-bottom: 24px !important; }
.pb-32 { padding-bottom: 32px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-48 { padding-bottom: 48px !important; }
.pb-64 { padding-bottom: 64px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-96 { padding-bottom: 96px !important; }
.pb-128 { padding-bottom: 128px !important; }

.pl-0 { padding-left: 0 !important; }
.pl-2 { padding-left: 2px !important; }
.pl-4 { padding-left: 4px !important; }
.pl-6 { padding-left: 6px !important; }
.pl-8 { padding-left: 8px !important; }
.pl-12 { padding-left: 12px !important; }
.pl-16 { padding-left: 16px !important; }
.pl-20 { padding-left: 20px !important; }
.pl-24 { padding-left: 24px !important; }
.pl-32 { padding-left: 32px !important; }
.pl-40 { padding-left: 40px !important; }
.pl-48 { padding-left: 48px !important; }
.pl-64 { padding-left: 64px !important; }
.pl-80 { padding-left: 80px !important; }
.pl-96 { padding-left: 96px !important; }
.pl-128 { padding-left: 128px !important; }

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.px-2 { padding-left: 2px !important; padding-right: 2px !important; }
.px-4 { padding-left: 4px !important; padding-right: 4px !important; }
.px-6 { padding-left: 6px !important; padding-right: 6px !important; }
.px-8 { padding-left: 8px !important; padding-right: 8px !important; }
.px-12 { padding-left: 12px !important; padding-right: 12px !important; }
.px-16 { padding-left: 16px !important; padding-right: 16px !important; }
.px-20 { padding-left: 20px !important; padding-right: 20px !important; }
.px-24 { padding-left: 24px !important; padding-right: 24px !important; }
.px-32 { padding-left: 32px !important; padding-right: 32px !important; }
.px-40 { padding-left: 40px !important; padding-right: 40px !important; }
.px-48 { padding-left: 48px !important; padding-right: 48px !important; }
.px-64 { padding-left: 64px !important; padding-right: 64px !important; }
.px-80 { padding-left: 80px !important; padding-right: 80px !important; }
.px-96 { padding-left: 96px !important; padding-right: 96px !important; }
.px-128 { padding-left: 128px !important; padding-right: 128px !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.py-4 { padding-top: 4px !important; padding-bottom: 4px !important; }
.py-6 { padding-top: 6px !important; padding-bottom: 6px !important; }
.py-8 { padding-top: 8px !important; padding-bottom: 8px !important; }
.py-12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.py-16 { padding-top: 16px !important; padding-bottom: 16px !important; }
.py-20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.py-24 { padding-top: 24px !important; padding-bottom: 24px !important; }
.py-32 { padding-top: 32px !important; padding-bottom: 32px !important; }
.py-40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.py-48 { padding-top: 48px !important; padding-bottom: 48px !important; }
.py-64 { padding-top: 64px !important; padding-bottom: 64px !important; }
.py-80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.py-96 { padding-top: 96px !important; padding-bottom: 96px !important; }
.py-128 { padding-top: 128px !important; padding-bottom: 128px !important; }


.d-flex {display: flex}
.flex-column  {flex-direction:column}

/* === سایدبار === */
#sidebar{position:fixed;top:0;right:0;width:276px;height:100vh;background:var(--bg2);border-left:1px solid var(--brd);display:flex;flex-direction:column;z-index:100;transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--brd) transparent}
#sidebar::-webkit-scrollbar{width:3px}
#sidebar::-webkit-scrollbar-thumb{background:var(--brd);border-radius:10px}
.sb-head{padding:26px 22px 20px;border-bottom:1px solid var(--brd);display:flex;align-items:center;gap:12px}
.sb-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--ac),#8b6914);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--bg);font-weight:900;flex-shrink:0}
.sb-head h1{font-size:1.2rem;font-weight:800;letter-spacing:-.02em}
.sb-nav{padding:14px 10px;flex:1}
.nav-i{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:10px;color:var(--t2);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s;user-select:none}
.nav-i:hover{background:var(--ac-dim);color:var(--t1)}
.nav-i.act{background:var(--ac-dim);color:var(--ac)}
.nav-i i{width:18px;text-align:center;font-size:.82rem}
.nav-badge{margin-right:auto;background:var(--ac);color:var(--bg);font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:10px;min-width:18px;text-align:center;display:none}
.nav-badge.vis{display:block}
.nav-div{height:1px;background:var(--brd);margin:11px 13px}
.nav-lbl{font-size:.7rem;font-weight:600;color:var(--t3);padding:3px 13px 7px;letter-spacing:.04em}
.pnav{display:flex;align-items:center;gap:9px;padding:7px 13px;border-radius:8px;color:var(--t2);cursor:pointer;transition:all .2s;font-size:.83rem;user-select:none}
.pnav:hover{background:rgba(255,255,255,.025);color:var(--t1)}
.pnav.act{color:var(--ac);background:var(--ac-dim)}
.pnav-av{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,rgba(201,168,76,.18),rgba(201,168,76,.04));display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--ac);flex-shrink:0}
.sb-foot{padding:14px 22px;border-top:1px solid var(--brd);font-size:.72rem;color:var(--t3);display:flex;align-items:center;justify-content:center;gap:10px}

/* === تعویض حالت روشن/تاریک === */
.theme-tgl{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--brd);background:var(--card);color:var(--t2);cursor:pointer;transition:all .2s;font-size:.82rem;flex-shrink:0}
.theme-tgl:hover{border-color:var(--ac);color:var(--ac);background:var(--ac-dim)}
.theme-tgl i{pointer-events:none}
#mhead .theme-tgl{margin-right:auto;margin-left:0}

/* === محتوا === */

#cw{flex:1;margin-right:276px;min-height:100vh;min-width:0;overflow-x:hidden;transition:margin-right .35s cubic-bezier(.4,0,.2,1)}

/* === هدر موبایل === */
#mhead{display:none;position:sticky;top:0;z-index:50;background:var(--bg-blur);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--brd);padding:13px 18px;align-items:center;gap:13px}
#mbtn{background:none;border:none;color:var(--t1);font-size:1.15rem;cursor:pointer;padding:4px}
#mhead .ht{font-size:1.05rem;font-weight:700}

/* === محتوای اصلی === */
#mc{padding:38px 40px;max-width:1200px;margin:0 auto}

/* === جمع/باز کردن سایدبار (دسکتاپ) === */
@media(min-width:769px){
  #sidebar.collapsed{transform:translateX(100%)}
  #sidebar.collapsed ~ #cw{margin-right:0}
  #sidebar.collapsed ~ .sb-collapse-toggle{right:0}
}
html.sb-pre-collapsed #sidebar{transform:translateX(100%);transition:none!important}
html.sb-pre-collapsed #cw{margin-right:0;transition:none!important}
html.sb-pre-collapsed .sb-collapse-toggle{right:0;transition:none!important}

.sb-collapse-toggle{
  position:fixed;top:50%;right:276px;transform:translateY(-50%);
  width:20px;height:56px;background:var(--card);border:1px solid var(--brd);
  border-right:none;
  border-radius:10px 0 0 10px;
  display:flex;align-items:center;justify-content:center;
  color:var(--t3);cursor:pointer;z-index:101;font-size:.7rem;
  box-shadow:-4px 0 12px var(--shadow);
  transition:right .35s cubic-bezier(.4,0,.2,1),color .2s,background .2s;
}
.sb-collapse-toggle:hover{color:var(--ac);background:var(--ac-dim)}
@media(max-width:768px){.sb-collapse-toggle{display:none}}

/* === بردکرامب === */
.bc{display:flex;align-items:center;gap:7px;margin-bottom:28px;font-size:.8rem;color:var(--t3);flex-wrap:wrap}
.bc a{color:var(--t2);cursor:pointer;transition:color .2s}
.bc a:hover{color:var(--ac)}
.bc .sep{font-size:.65rem;opacity:.5}
.bc .cur{color:var(--ac)}

/* === عنوان صفحه === */
.pt{font-size:2rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em;line-height:1.3}
.ps{font-size:.92rem;color:var(--t2);margin-bottom:34px;line-height:1.75}
.stat-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px}
.stat-badge{display:inline-flex;align-items:center;gap:6px;color:var(--t2);background:var(--card);border:1px solid var(--brd);border-radius:999px;padding:5px 12px;font-size:.76rem;font-weight:500}
.stat-badge i{color:var(--ac);font-size:.68rem}
.flex{display:flex;align-items:center;flex-wrap:wrap;gap:14px 12px;margin-bottom:8px}
.stat-badges{display:flex;flex-wrap:wrap;gap:8px}
.stat-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ac-dim);border:1px solid rgba(201,168,76,.18);color:var(--ac);font-size:.78rem;font-weight:600;padding:6px 13px;border-radius:20px;white-space:nowrap}
.stat-badge i{font-size:.72rem}

/* === کارت شاعر === */
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pcard{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--card);border:1px solid var(--brd);border-radius:16px;padding:0 24px 18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(14px);animation:fu .5s ease forwards;overflow:hidden}
.pcard::after{content:'';position:absolute;bottom:0;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,var(--ac),transparent);opacity:0;transition:opacity .35s;border-radius:2px}
.pcard:hover{border-color:rgba(201,168,76,.28);background:var(--card-h);transform:translateY(-3px);box-shadow:0 14px 44px var(--shadow),0 0 0 1px rgba(201,168,76,.08)}
.pcard:hover::after{opacity:.55}
.pc-av{width:110px;height:110px;border-radius:18px;background:linear-gradient(135deg,var(--ac),#8b6914);display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;color:var(--bg);flex-shrink:0;margin-bottom:14px}
.pc-av img{width:100%;height:100%;object-fit:cover;border-radius:18px}
.pc-info{display:flex;flex-direction:column;align-items:center;gap:6px}
.pc-n{font-size:1.05rem;font-weight:700}
.pc-m{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--ac);font-weight:500}

/* === کارت مجموعه/شعر === */
.clist{display:flex;flex-direction:column;gap:10px}
.ccard{display:flex;background:var(--card);border:1px solid var(--brd);border-radius:13px;padding:18px 22px;cursor:pointer;transition:all .3s ease;align-items:center;justify-content:space-between;opacity:0;transform:translateY(10px);animation:fu .5s ease forwards}
.ccard:hover{border-color:rgba(201,168,76,.28);background:var(--card-h);transform:translateX(-4px)}
.cc-n{font-size:.98rem;font-weight:600}
.cc-m{font-size:.78rem;color:var(--t3);margin-top:3px}
.cc-arr{color:var(--t3);transition:all .2s;font-size:.82rem}
.ccard:hover .cc-arr{color:var(--ac);transform:translateX(-4px)}

/* === نمایش شعر === */
.poem-c{opacity:0;animation:fu .55s ease forwards}
.poem-hd{text-align:center;margin-bottom:44px;padding-bottom:28px;border-bottom:1px solid var(--brd)}
.poem-t{font-size:1.45rem;font-weight:700;margin-bottom:10px;line-height:1.5}
.poem-info{font-size:1rem;color:var(--t3)}
.save-all{display:inline-flex;align-items:center;gap:8px;padding:9px 22px;border-radius:10px;border:1px solid var(--brd);background:transparent;color:var(--t2);font-family:inherit;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .25s;user-select:none}
.save-all:hover{border-color:var(--ac);color:var(--ac);background:var(--ac-dim)}
.save-all.saved{border-color:var(--ac);color:var(--ac);background:var(--ac-dim)}
.poem-tabs{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.poem-tab{padding:5px 13px;border-radius:7px;border:1px solid var(--brd);background:transparent;color:var(--t2);font-family:inherit;font-size:.74rem;cursor:pointer;transition:all .2s;user-select:none;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis}
.poem-tab.act{border-color:var(--ac);background:var(--ac-dim);color:var(--ac)}
.poem-tab:hover:not(.act){border-color:rgba(201,168,76,.2);color:var(--t1)}

/* === ابیات === */
.verses{max-width:1200px;margin:0 auto}
.vb{margin-bottom:10px}
.vl{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:9px;font-size:calc(1.28rem * var(--fs,1));font-weight:400;line-height:2.2;color:var(--t1);transition:background .2s;flex-wrap:wrap}
.vl:hover{background:rgba(255,255,255,.018)}
.vt{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;column-gap:85px;align-items:baseline;min-width:0}
.vt .m1,.vt .m2{white-space:normal;min-width:0}
.vt .m1{grid-column:1;text-align:left}
.vt.single {justify-items: center;}
.vt .m2{grid-column:2}
.vt.single .m1{grid-column:1/-1;text-align:right}
.vact{display:flex;align-items:center;gap:2px;flex-shrink:0}
.vnum{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 6px;border-radius:20px;background:rgba(255,255,255,.06);color:var(--t3);font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;user-select:none;flex-shrink:0}
.vs,.vm,.vf,.vshot{opacity:.5;transition:all .2s ease;color:var(--t3);cursor:pointer;background:none;border:none;font-size:.95rem;padding:7px 10px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;font-family:inherit;user-select:none}
.vl:hover .vs,.vl:hover .vm,.vl:hover .vf,.vl:hover .vshot{opacity:.85}
.vs:hover,.vm:hover,.vf:hover,.vshot:hover{opacity:1!important;color:var(--ac);background:var(--ac-dim)}
.vs.saved{opacity:1!important;color:var(--ac)}
.vm.act{opacity:1!important;color:var(--ac);background:var(--ac-dim)}
.v-meaning{max-width:900px;margin:0 auto 10px;background:var(--card);border-right:3px solid var(--ac);padding:12px 18px;border-radius:8px;font-size:1rem;color:var(--t2);line-height:1.9}
.prose-p{max-width:1200px;margin:0 auto 16px;font-size:calc(1.28rem * var(--fs,1));line-height:2.1;color:var(--t1);text-align:justify}

/* === صفحه‌بندی شعر قبلی/بعدی === */
.poem-pager{max-width:900px;margin:44px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pg-item{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--brd);border-radius:13px;padding:16px 18px;transition:all .25s ease;text-decoration:none;color:inherit;min-width:0}
.pg-item:hover{border-color:rgba(201,168,76,.3);background:var(--card-h)}
.pg-prev:hover{transform:translateX(3px)}
.pg-next:hover{transform:translateX(-3px)}
.pg-arrow{color:var(--t3);font-size:.9rem;flex-shrink:0;transition:color .2s}
.pg-item:hover .pg-arrow{color:var(--ac)}
.pg-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.pg-prev .pg-body{text-align:right}
.pg-next .pg-body{text-align:left}
.pg-lbl{font-size:.7rem;color:var(--t3);font-weight:600}
.pg-t{font-size:.9rem;font-weight:600;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-m1{font-size:.78rem;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-empty{visibility:hidden;border:none;background:none;padding:0}

/* === ذخیره‌شده‌ها === */
.stabs{display:flex;gap:3px;margin-bottom:26px;background:var(--card);border-radius:11px;padding:3px;width:fit-content;flex-wrap:wrap}
.stab{padding:7px 20px;border-radius:8px;border:none;background:none;color:var(--t2);font-family:inherit;font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s;user-select:none}
.stab.act{background:var(--ac-dim);color:var(--ac)}
.sitem{background:var(--card);border:1px solid var(--brd);border-radius:11px;padding:15px 18px;margin-bottom:9px;transition:all .2s;opacity:0;transform:translateY(8px);animation:fu .4s ease forwards}
.sitem:hover{border-color:rgba(201,168,76,.18)}
.sitem-t{font-size:1.02rem;line-height:1.9;color:var(--t1);margin-bottom:7px}
.sitem-m{font-size:.76rem;color:var(--t3);display:flex;align-items:center;justify-content:space-between;gap:10px}
.srm{background:none;border:none;color:var(--t3);cursor:pointer;font-size:.76rem;padding:3px 8px;border-radius:6px;transition:all .2s;font-family:inherit;white-space:nowrap;user-select:none}
.srm:hover{color:var(--red);background:rgba(217,83,79,.1)}
.empty{text-align:center;padding:56px 20px;color:var(--t3)}
.empty i{font-size:2.4rem;margin-bottom:14px;opacity:.35;display:block}
.empty p{font-size:.9rem}
.loading{color:var(--t3);padding:40px 0;text-align:center;font-size:.88rem}


.poem-actions{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.fs-ctl{display:inline-flex;align-items:center;border:1px solid var(--brd);border-radius:10px;overflow:hidden}
.fs-btn{background:transparent;border:none;color:var(--t2);font-family:inherit;font-size:1rem;padding:11px 14px;cursor:pointer;transition:all .2s;user-select:none;white-space:nowrap;line-height:1}
.fs-btn:hover{color:var(--ac);background:var(--ac-dim)}
.fs-btn+.fs-btn{border-right:1px solid var(--brd)}

.poem-info-box{padding:16px 0;}
.poem-info{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;color:var(--t2);line-height:1.8}
.poem-info.exp{-webkit-line-clamp:unset;display:block}
.pi-more{background:none;border:none;color:var(--ac);font-family:inherit;font-size:1rem;font-weight: 700;cursor:pointer;padding:0;margin-top:6px;display:none}
.pi-more.vis{display:inline-block}
.pi-more:hover{text-decoration:underline}


.pc-av{width:265px;height:auto;border-radius:16px;background:linear-gradient(135deg,var(--ac),#8b6914);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:800;color:var(--bg);flex-shrink:0}
.pc-av img{width:100%;height:100%;object-fit:cover;border-radius:16px 16px 0 0}
.pc-h{gap:16px}

.poet-portrait{width:230px;height:230px;border-radius:18px;overflow:hidden;margin-bottom:16px;flex-shrink:0}
.poet-portrait img{width:100%;height:100%;object-fit:cover;display:block}

.poet-mini-av{width:120px;height:120px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 12px;border:2px solid var(--ac)}


.search-form{margin:0 0 22px}
.search-box{
  display:flex;align-items:center;gap:0;
  background:var(--card);border:1px solid var(--brd);border-radius:14px;
  overflow:hidden;transition:border-color .2s,box-shadow .2s;
}
.search-box:focus-within{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px var(--ac-dim)}
.search-ico{color:var(--t3);padding:0 4px 0 16px;font-size:.95rem;flex-shrink:0}
.search-inp{
  flex:1;border:none;background:transparent;color:var(--t1);
  font-family:inherit;font-size:1rem;padding:14px 12px;outline:none;min-width:0;
}
.search-inp::placeholder{color:var(--t3)}
.search-btn{
  border:none;background:var(--ac);color:var(--bg);font-family:inherit;
  font-size:.88rem;font-weight:700;padding:14px 22px;cursor:pointer;
  transition:background .2s;flex-shrink:0;white-space:nowrap;
}
.search-btn:hover{background:var(--ac-h)}
.search-btn:disabled{opacity:.55;cursor:not-allowed}
.search-meta{
  font-size:.82rem;color:var(--t2);margin-bottom:18px;line-height:1.7;
  padding:10px 14px;background:var(--card);border-radius:10px;border:1px solid var(--brd);
}
.search-meta strong{color:var(--ac);font-weight:700}

.poet-filter-row{display:flex;justify-content:flex-end;margin-bottom:8px}
.poet-filter-select{
  appearance:none;-webkit-appearance:none;
  background:var(--card);border:1px solid var(--brd);border-radius:9px;
  color:var(--t2);font-family:inherit;font-size:.8rem;font-weight:500;
  padding:8px 28px 8px 12px;cursor:pointer;outline:none;
  max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M1 1l4 4 4-4' stroke='%236a6570' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat:no-repeat;background-position:left 10px center;
  transition:border-color .2s,color .2s;
}
.poet-filter-select:hover,.poet-filter-select:focus{border-color:rgba(201,168,76,.4);color:var(--ac)}
.poet-filter-select option{background:var(--card);color:var(--t1)}

.loading{text-align:center;padding:56px 20px;color:var(--t3)}
.loading-ico{
  font-size:1.9rem;color:var(--ac);margin-bottom:14px;
  display:inline-block;animation:loading-flip 1.2s ease-in-out infinite;
}
.loading p{font-size:1.3rem;color:var(--t1);margin:0;animation:loading-fade 1.6s ease-in-out infinite}
@keyframes loading-flip{
  0%,100%{transform:rotate(-12deg) translateY(0)}
  50%{transform:rotate(12deg) translateY(-3px)}
}
@keyframes loading-fade{
  0%,100%{opacity:.5}
  50%{opacity:1}
}

.empty{animation:fu .5s ease both}
.empty i{animation:empty-float 2.6s ease-in-out infinite}
@keyframes empty-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}


.s-card{
  display:block;background:var(--card);border:1px solid var(--brd);border-radius:12px;
  padding:14px 18px;margin-bottom:10px;transition:all .2s;
  opacity:0;transform:translateY(8px);animation:fu .4s ease forwards;
}
.s-card:hover{border-color:rgba(201,168,76,.22);background:var(--card-h)}
.s-verse{font-size:1.08rem;line-height:1.95;color:var(--t1);margin-bottom:8px}
.s-verse mark{
  background:var(--ac-dim);color:var(--ac);border-radius:3px;padding:0 3px;
  font-style:normal;
}
.s-meta{font-size:.76rem;color:var(--t3);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.s-meta .sep{opacity:.4}
.load-more-btn{
  border:1px solid var(--brd);background:var(--card);color:var(--t1);
  font-family:inherit;font-size:.88rem;font-weight:600;padding:12px 28px;
  border-radius:11px;cursor:pointer;transition:all .2s;
}
.load-more-btn:hover{border-color:rgba(201,168,76,.35);background:var(--ac-dim);color:var(--ac)}
.load-more-btn:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:520px){
  .search-btn{padding:14px 14px;font-size:.82rem}
  .s-verse{font-size:1rem}
}


/* === تست === */
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--card);border:1px solid var(--brd);color:var(--t1);padding:11px 26px;border-radius:11px;font-size:.83rem;font-weight:500;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px var(--shadow);white-space:nowrap;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0)}
#ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#ov.show{display:block}



@keyframes fu{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.pls{animation:pulse .28s ease}

/* === ریسپانسیو === */
@media(max-width:768px){
    #sidebar{transform:translateX(100%)}
    #sidebar.open{transform:translateX(0)}
   #cw{margin-right:0;min-width:0;overflow-x:hidden}
    #mhead{display:flex}
    #mc{padding:30px 24px;min-width:0}    
    .pt{font-size:1.45rem}
    .vl{font-size:calc(1.08rem * var(--fs,1));line-height:2;padding:7px 8px;gap:6px}
    .vt{grid-template-columns:1fr;column-gap:0;row-gap:0;justify-items: center}
    .vt .m1{text-align:right}
    .vt .m2{grid-column:1}
    .vact{display:flex;justify-content:center;gap:2px}
    .vs,.vm,.vf{opacity:.6!important;font-size:.85rem;padding:8px 10px;min-width:38px;min-height:38px}
    .vs.saved,.vm.act{opacity:1!important}
    .pgrid{grid-template-columns:1fr}
    .pgrid{grid-template-columns:1fr}
.pcard{flex-direction:row;text-align:right;padding:14px 16px;gap:14px}
.pc-av{width:52px;height:52px;border-radius:13px;font-size:1.2rem;margin-bottom:0}
.pc-av img{border-radius:13px}
.poet-portrait{width:150px;height:150px}
.pc-info{align-items:flex-start;gap:4px}
    .poem-t{font-size:1.15rem}
    .stabs{width:100%}
    .stab{flex:1;text-align:center}
    .poem-tabs{gap:5px}
    .poem-tab{font-size:.68rem;padding:4px 9px;max-width:140px}
    .poem-pager{grid-template-columns:1fr;gap:10px;margin-top:30px}
    .pg-empty{display:none}
    .bio-poet{flex-direction: column}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(min-width:769px){
  .vb{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .vl{flex:1 1 auto;min-width:0}
  .v-meaning{flex-basis:100%}
}

@media(max-width:520px){
  .search-btn{padding:14px 14px;font-size:.82rem}
  .s-verse{font-size:1rem}
  .poet-filter-select{max-width:130px;font-size:.76rem}
}

/* === شاعران پرطرفدار === */
.popular-section{margin-bottom:44px}
.popular-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.popular-title{font-size:1.2rem;font-weight:700;color:var(--t1);display:flex;align-items:center}
.popular-sub{font-size:.8rem;color:var(--t3)}
.popular-scroll{
    display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    padding-bottom:8px;scroll-snap-type:x mandatory;
}
.popular-scroll::-webkit-scrollbar{height:4px}
.popular-scroll::-webkit-scrollbar-track{background:var(--card);border-radius:10px}
.popular-scroll::-webkit-scrollbar-thumb{background:var(--brd);border-radius:10px}
.popular-scroll::-webkit-scrollbar-thumb:hover{background:var(--ac)}
.popular-card{
    flex-shrink:0;scroll-snap-align:start;
    display:flex;flex-direction:column;align-items:center;text-align:center;
    background:var(--card);border:1px solid var(--brd);border-radius:16px;
    padding:20px 22px 16px;min-width:132px;cursor:pointer;
    transition:all .3s cubic-bezier(.4,0,.2,1);
    opacity:0;transform:translateY(10px);animation:fu .45s ease forwards;
    position:relative;overflow:hidden;
}
.popular-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg,transparent,var(--ac),transparent);
    opacity:0;transition:opacity .3s;
}
.popular-card:hover{
    border-color:rgba(201,168,76,.35);background:var(--card-h);
    transform:translateY(-4px);box-shadow:0 12px 36px var(--shadow),0 0 0 1px rgba(201,168,76,.1);
}
.popular-card:hover::before{opacity:.7}
.pp-av{
    width:72px;height:72px;border-radius:50%;overflow:hidden;
    background:linear-gradient(135deg,var(--ac),#8b6914);
    display:flex;align-items:center;justify-content:center;
    font-size:1.6rem;font-weight:800;color:var(--bg);margin-bottom:10px;
    border:2px solid rgba(201,168,76,.2);
    transition:border-color .3s,box-shadow .3s;
}
.popular-card:hover .pp-av{
    border-color:rgba(201,168,76,.5);
    box-shadow:0 0 18px rgba(201,168,76,.15);
}
.pp-av img{width:100%;height:100%;object-fit:cover}
.pp-name{font-size:.92rem;font-weight:700;margin-bottom:4px;white-space:nowrap}
.pp-count{font-size:.72rem;color:var(--t3);font-weight:500}

/* === تست === */
#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);background:var(--card);border:1px solid var(--brd);color:var(--t1);padding:11px 26px;border-radius:11px;font-size:.83rem;font-weight:500;z-index:1000;transition:transform .35s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px var(--shadow);white-space:nowrap;pointer-events:none}
#toast.show{transform:translateX(-50%) translateY(0)}
#ov{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:90;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#ov.show{display:block}

@keyframes fu{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.pls{animation:pulse .28s ease}

/* === ریسپانسیو === */
@media(max-width:768px){
    #sidebar{transform:translateX(100%)}
    #sidebar.open{transform:translateX(0)}
    #cw{margin-right:0;min-width:0;overflow-x:hidden}
    #mhead{display:flex}
    #mc{padding:22px 16px}
    .pt{font-size:1.45rem}
    .vl{font-size:calc(1.08rem * var(--fs,1));line-height:2;padding:7px 8px;gap:6px}
    .vt{grid-template-columns:1fr;column-gap:0;row-gap:0;justify-items:center}
    .vt .m1{text-align:right}
    .vt .m2{grid-column:1}
    .vact{display:flex;justify-content:center;gap:2px}
    .vs,.vm{opacity:.6!important;font-size:.85rem;padding:8px 10px;min-width:38px;min-height:38px}
    .vs.saved,.vm.act{opacity:1!important}
    .pgrid{grid-template-columns:1fr}
    .pcard{flex-direction:row;text-align:right;padding:14px 16px;gap:14px}
    .pc-av{width:52px;height:52px;border-radius:13px;font-size:1.2rem;margin-bottom:0}
    .pc-av img{border-radius:13px}
    .poet-portrait{width:150px;height:150px}
    .pc-info{align-items:flex-start;gap:4px}
    .poem-t{font-size:1.15rem}
    .stabs{width:100%}
    .stab{flex:1;text-align:center}
    .poem-tabs{gap:5px}
    .poem-tab{font-size:.68rem;padding:4px 9px;max-width:140px}
    .poem-pager{grid-template-columns:1fr;gap:10px;margin-top:30px}
    .pg-empty{display:none}
    .bio-poet{flex-direction:column}
    .popular-scroll{gap:10px}
    .popular-card{min-width:110px;padding:16px 14px 12px}
    .pp-av{width:58px;height:58px;font-size:1.3rem}
    .pp-name{font-size:.82rem}
    .pp-count{font-size:.68rem}
    .popular-scroll::-webkit-scrollbar{display:none}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(min-width:769px){
    .vb{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
    .vl{flex:1 1 auto;min-width:0}
    .v-meaning{flex-basis:100%}
}

@media(max-width:520px){
    .search-btn{padding:14px 14px;font-size:.82rem}
    .s-verse{font-size:1rem}
    .poet-filter-select{max-width:130px;font-size:.76rem}
}

/* === جستجوی شاعران === */
.poets-search-wrap{margin-bottom:28px}
.poets-search-box{
    display:flex;align-items:center;gap:0;
    background:var(--card);border:1px solid var(--brd);border-radius:14px;
    overflow:hidden;transition:border-color .2s,box-shadow .2s;
}
.poets-search-box:focus-within{border-color:rgba(201,168,76,.45);box-shadow:0 0 0 3px var(--ac-dim)}
.poets-search-ico{color:var(--t3);padding:0 4px 0 16px;font-size:.92rem;flex-shrink:0}
.poets-search-inp{
    flex:1;border:none;background:transparent;color:var(--t1);
    font-family:inherit;font-size:.95rem;padding:13px 12px;outline:none;min-width:0;
}
.poets-search-inp::placeholder{color:var(--t3)}
.poets-search-clear{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;margin-left:6px;
    border:none;background:var(--ac-dim);color:var(--t3);
    border-radius:10px;cursor:pointer;transition:all .2s;font-size:.78rem;
    flex-shrink:0;
}
.poets-search-clear:hover{color:var(--ac);background:rgba(201,168,76,.2)}
.poets-search-meta{
    font-size:.8rem;color:var(--t2);margin-top:10px;
    padding:8px 14px;background:var(--card);border-radius:10px;border:1px solid var(--brd);
}
.poets-search-meta strong{color:var(--ac);font-weight:700}

@media(max-width:768px){
    .poets-search-inp{font-size:.9rem;padding:12px 10px}
    .poets-search-ico{padding:0 4px 0 12px}
    .poets-search-clear{width:34px;height:34px;margin-left:4px}
}



.modal-ov {
  position: fixed; inset: 0; background: rgba(0,0,0,.55);
  display: flex; align-items: center; justify-content: center;
  z-index: 999; padding: 16px;
}
.modal-ov[hidden] { display: none; }
.modal-box {
  background: var(--bg-card, #24272f); border-radius: 14px;
  padding: 22px; width: 100%; max-width: 420px; position: relative;
}
.modal-close {
  position: absolute; top: 12px; left: 12px; background: none; border: none;
  color: var(--muted, #9aa); font-size: 1.1rem; cursor: pointer;
}
.modal-box h2 { margin: 0 0 16px; font-size: 1.05rem; }
.modal-box label { display: block; margin: 12px 0 6px; font-size: .85rem; color: var(--muted, #9aa); }
.modal-box input, .modal-box textarea {
  width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var(--border, #3a3d46);
  background: var(--bg, #1e212a); color: inherit; font-family: inherit; resize: vertical;
}
.modal-submit {
  margin-top: 16px; width: 100%; padding: 11px; border: none; border-radius: 8px;
  background: #c9a227; color: #1e212a; font-weight: 700; cursor: pointer;
}
.modal-submit:disabled { opacity: .6; cursor: default; }
.modal-err { color: #e05555; font-size: .85rem; margin-top: 10px; }

.vreports { margin-top: 34px; padding-top: 20px; border-top: 1px solid var(--border, #3a3d46); }
.vreports-t { font-size: 1rem; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.vreport-item { padding: 12px 14px; border-radius: 10px; background: var(--bg-card, #24272f); margin-bottom: 10px; }
.vreport-h { display: flex; gap: 10px; align-items: center; font-size: .8rem; color: var(--muted, #9aa); margin-bottom: 6px; }
.vreport-order { font-weight: 700; }
.vreport-msg { margin: 0; line-height: 1.7; }
.vreports-empty { color: var(--muted, #9aa); font-size: .9rem; }

#mhead .donate-btn{ margin-inline-start:auto; }
.don-copy{
    display:flex; align-items:center; gap:6px;
    padding:8px 14px; border-radius:10px;
    border:1px solid var(--rv-border, rgba(127,127,127,.25));
    background:transparent; color:var(--ac);
    font-family:inherit; font-size:.85rem; cursor:pointer;
    white-space:nowrap; transition:background .15s ease;
}
.don-copy:hover{ background: var(--rv-panel, rgba(127,127,127,.08)); }
.don-copy.done{ color:#3fae56; border-color:#3fae56; }
#donateCard tbody tr:nth-child(2n){ background: rgba(127,127,127,.035); }
@media (max-width:520px){
    .don-num{ font-size:.95rem !important; word-break:break-all; }
}

/* === رفع مشکل ریسپانسیو بازه ۷۶۸ تا ۱۴۸۵ پیکسل === */
@media(min-width:769px) and (max-width:1485px){
    #sidebar{transform:translateX(100%)}
    #sidebar.open{transform:translateX(0)}
    #sidebar.collapsed{transform:translateX(100%)}
    #sidebar.collapsed ~ #cw{margin-right:0}
    #cw{margin-right:0}
    #mhead{display:flex}
    .sb-collapse-toggle{display:none}
    #mc{padding:30px 24px}
    .pgrid{grid-template-columns:repeat(3,1fr);gap:14px}
    .pt{font-size:1.7rem}
    .poem-t{font-size:1.3rem}
    .vl{font-size:calc(1.18rem * var(--fs,1))}
    .poem-pager{max-width:100%}
}

@media(min-width:769px) and (max-width:1024px){
    .pgrid{grid-template-columns:repeat(2,1fr)}
}

/* === خط جداکنندهٔ بین بیت‌ها و بندهای نثر (فقط موبایل) === */
@media (max-width: 768px) {
  .verses .vb:not(:last-child) {
    border-bottom: 1px dashed var(--brd);
    padding-bottom: 8px;
    margin-bottom: 12px;
  }
  /* margin پایین پاراگراف نثر (16px) باعث می‌شد فاصله تا خط زیاد بشه */
  .vb .prose-p {
    margin-bottom: 4px;
  }
}