/* v151 · کاوش (Explore) */
#s-explore.ex151on{ padding-left:0 !important; padding-right:0 !important }
#s-explore.ex151on > *:not(#ex151host){ display:none !important }

.ex151{ --ink:#1F1433; --sub:#8A82A0; --pk:#FF3D7F; --vi:#8B5CF6; color:var(--ink); max-width:640px; margin:0 auto; padding-bottom:calc(90px + env(safe-area-inset-bottom)) }
.ex151 button{ font-family:inherit; color:inherit }
.ex151 [hidden]{ display:none !important }

/* ═══ سربرگ ═══ */
.hd151{ position:sticky; top:0; z-index:6; padding:8px 14px 10px; background:linear-gradient(180deg,rgba(250,248,253,.97) 75%,rgba(250,248,253,0)); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px) }
.hdt151{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }
.hdt151 h2{ display:flex; align-items:center; gap:6px; margin:0; font-size:24px; font-weight:900 }
.hdt151 h2 span{ background:linear-gradient(90deg,#FF3D7F,#8B5CF6,#3B82F6); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:shine145 6s linear infinite }
.hdt151 h2 i{ width:20px; height:20px; color:#F59E0B; animation:tw150 2.4s ease-in-out infinite }
.hdt151 h2 i svg{ width:100%; height:100% }
.nw151{ position:relative; width:44px; height:44px; border:0; border-radius:15px; display:grid; place-items:center; cursor:pointer; color:#fff !important;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 20px rgba(139,92,246,.35) }
.nw151::after{ content:""; position:absolute; inset:-3px; border-radius:18px; border:2px solid rgba(255,61,127,.35); animation:ring151 2.4s ease-out infinite }
@keyframes ring151{ 0%{ transform:scale(.9); opacity:1 } 100%{ transform:scale(1.25); opacity:0 } }
.nw151 svg{ width:22px; height:22px }
.sr151{ display:flex; align-items:center; gap:8px; height:46px; padding:0 14px; border-radius:16px; background:#fff; box-shadow:0 6px 18px rgba(76,29,149,.08), inset 0 0 0 1.5px #EEE8F8; transition:box-shadow .2s }
.sr151:focus-within{ box-shadow:0 8px 22px rgba(139,92,246,.18), inset 0 0 0 2px #C4B5FD }
.sr151 > svg{ flex:none; width:20px; height:20px; color:#A39BB8 }
.sr151 input{ flex:1; min-width:0; border:0; outline:0; background:none; font-family:inherit; font-size:14px; font-weight:700; color:var(--ink) }
.sr151 input::-webkit-search-cancel-button{ display:none }
.srx151{ display:none; width:26px; height:26px; border:0; border-radius:50%; place-items:center; background:#F2EFF7; cursor:pointer }
.srx151 svg{ width:14px; height:14px }
.sr151.has .srx151{ display:grid }

/* نتایج جستجو */
.sm151{ padding:0 14px }
.smt151{ display:flex; gap:8px; margin:2px 0 10px }
.smt151 button{ height:34px; padding:0 18px; border:0; border-radius:99px; cursor:pointer; font-size:13px; font-weight:800; background:#F2EFF7; color:#8A82A0 !important }
.smt151 button.on{ color:#fff !important; background:linear-gradient(90deg,#FF3D7F,#8B5CF6) }
.pe151{ position:relative; display:flex; align-items:center; gap:11px; padding:9px 4px; border-radius:16px; cursor:pointer }
.pe151:active{ background:#F6F2FB }
.pea151{ flex:none; width:50px; height:50px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#C4B5FD,#F9A8D4) }
.pea151 img, .pea151 em, .av151 img, .av151 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff }
.on151{ position:absolute; top:44px; inset-inline-start:42px; width:12px; height:12px; border-radius:50%; background:#22C55E; border:2px solid #fff }
.pet151{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.pet151 b{ display:flex; align-items:center; gap:4px; font-size:14.5px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.pet151 small{ font-size:11.5px; font-weight:700; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:ltr; text-align:start }
.tk151{ display:inline-block; width:15px; height:15px; flex:none }
.tk151 svg{ width:100%; height:100%; display:block }
.pe151 > button, .cr151 > button{ flex:none; height:32px; padding:0 14px; border:0; border-radius:11px; cursor:pointer; font-size:12px; font-weight:900; color:#fff !important;
  background:linear-gradient(90deg,#FF3D7F,#A855F7); box-shadow:0 5px 12px rgba(236,72,153,.25) }
.pe151 > button.fo, .cr151 > button.fo{ color:#7C3AED !important; background:#F3EDFF; box-shadow:none }

/* ═══ خانهٔ کاوش ═══ */
.hm151{ padding:0 0 4px }
.sec151{ display:flex; align-items:center; padding:6px 16px 8px }
.sec151 b{ display:flex; align-items:center; gap:7px; font-size:15.5px; font-weight:900 }
.dot151{ width:9px; height:9px; border-radius:50%; background:#F43F5E; box-shadow:0 0 0 0 rgba(244,63,94,.6); animation:dt145 1.6s ease-out infinite }
/* لایوها */
.lvs151{ display:flex; gap:12px; overflow-x:auto; padding:2px 16px 12px; scrollbar-width:none; scroll-snap-type:x mandatory }
.lvs151::-webkit-scrollbar{ display:none }
.lvs151.sk i{ flex:none; width:68px; height:92px; border-radius:18px; background:#ECE7F5; animation:ldP145 .9s ease-in-out infinite alternate }
.lv151{ position:relative; flex:none; width:72px; display:flex; flex-direction:column; align-items:center; gap:4px; border:0; background:none; cursor:pointer; padding:0; scroll-snap-align:start }
.lva151{ position:relative; width:64px; height:64px; border-radius:50%; padding:3px; box-sizing:border-box; background:conic-gradient(from 0deg,#FF3D7F,#FFC940,#8B5CF6,#FF3D7F); animation:spin145 3s linear infinite }
.lva151 img, .lva151 em{ width:100%; height:100%; border-radius:50%; border:2.5px solid #FAF8FD; box-sizing:border-box; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; background:#C4B5FD; animation:spin145 3s linear infinite reverse }
.lvt151{ position:absolute; top:52px; left:50%; transform:translateX(-50%); padding:1px 7px; border-radius:6px; font-size:9px; font-weight:900; letter-spacing:.6px; color:#fff; background:linear-gradient(90deg,#FF3D7F,#FF7A3D); box-shadow:0 0 0 2px #FAF8FD }
.lv151 small{ max-width:72px; margin-top:6px; font-size:11px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.lv151 em{ display:flex; align-items:center; gap:3px; font-style:normal; font-size:10px; font-weight:800; color:var(--sub); direction:ltr }
.lv151 em svg{ width:12px; height:12px }
/* هشتگ‌ها */
.tg151{ display:flex; gap:8px; overflow-x:auto; padding:0 16px 12px; scrollbar-width:none }
.tg151::-webkit-scrollbar{ display:none }
.tg151 button{ flex:none; display:inline-flex; align-items:center; gap:4px; height:32px; padding:0 12px; border:0; border-radius:99px; cursor:pointer; font-size:12.5px; font-weight:800;
  color:#6D28D9 !important; background:#F3EDFF; direction:ltr }
.tg151 button.hot{ color:#fff !important; background:linear-gradient(90deg,#FF7A3D,#FF3D7F) }
.tg151 button svg{ width:14px; height:14px }
.tg151 small{ font-size:10.5px; font-weight:800; opacity:.7 }
/* سازنده‌ها */
.crs151{ display:flex; gap:10px; overflow-x:auto; padding:2px 16px 14px; scrollbar-width:none; scroll-snap-type:x mandatory }
.crs151::-webkit-scrollbar{ display:none }
.cr151{ position:relative; flex:none; width:128px; display:flex; flex-direction:column; align-items:center; gap:4px; padding:14px 10px 12px; border-radius:22px; cursor:pointer; scroll-snap-align:start;
  background:#fff; box-shadow:0 8px 22px rgba(76,29,149,.08); animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 40ms) }
.cr151::before{ content:""; position:absolute; top:0; left:0; right:0; height:44px; border-radius:22px 22px 0 0; background:linear-gradient(135deg,#FFE4F1,#EDE4FF) }
.cra151{ position:relative; width:60px; height:60px; border-radius:50%; overflow:hidden; border:3px solid #fff; box-shadow:0 6px 14px rgba(0,0,0,.12); background:linear-gradient(135deg,#C4B5FD,#F9A8D4) }
.cra151 img, .cra151 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff }
.crk151{ position:absolute; top:8px; inset-inline-start:8px; z-index:1; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; font-size:11px; font-weight:900; color:#fff }
.crk151.r1{ background:linear-gradient(135deg,#FDE68A,#F59E0B) } .crk151.r2{ background:linear-gradient(135deg,#E2E8F0,#94A3B8) } .crk151.r3{ background:linear-gradient(135deg,#FED7AA,#EA580C) }
.cr151 b{ display:flex; align-items:center; gap:3px; max-width:100%; font-size:13px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.cr151 small{ font-size:10.5px; font-weight:700; color:var(--sub) }
.cr151 > button{ width:100%; margin-top:4px }

/* ═══ تب‌ها ═══ */
.tb151{ position:sticky; top:118px; z-index:5; padding:4px 12px 8px; background:linear-gradient(180deg,rgba(250,248,253,.97) 80%,rgba(250,248,253,0)) }
.tbi151{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none }
.tbi151::-webkit-scrollbar{ display:none }
.tbi151 button{ flex:none; display:inline-flex; align-items:center; gap:5px; height:36px; padding:0 14px; border:0; border-radius:12px; cursor:pointer; font-size:13px; font-weight:800;
  color:#8A82A0 !important; background:#fff; box-shadow:inset 0 0 0 1.5px #EEE8F8; transition:all .2s }
.tbi151 button svg{ width:16px; height:16px }
.tbi151 button.on{ color:#fff !important; background:linear-gradient(90deg,#1F1433,#4C1D95); box-shadow:0 6px 16px rgba(76,29,149,.3) }

/* ═══ شبکهٔ بنتو ═══ */
.gr151{ display:grid; grid-template-columns:repeat(3,1fr); grid-auto-rows:calc((min(100vw,640px) - 32px) / 3 * 1.3); grid-auto-flow:dense; gap:4px; padding:0 12px }
.tl151, .sk151{ position:relative; overflow:hidden; border:0; padding:0; border-radius:14px; cursor:pointer; background:#ECE7F5 }
.sk151{ animation:ldP145 .9s ease-in-out infinite alternate }
.tl151{ animation:tlIn151 .45s ease both; animation-delay:var(--d) }
@keyframes tlIn151{ from{ opacity:0; transform:scale(.94) } }
.tl151.big, .sk151.big{ grid-column:span 2; grid-row:span 2 }
.tl151 img, .tl151 video{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s }
.tl151:active img, .tl151:active video{ transform:scale(1.04) }
.np151{ display:grid; place-items:center; width:100%; height:100%; color:#B4ACC8 }
.np151 svg{ width:30px; height:30px }
.vb151{ position:absolute; top:8px; inset-inline-end:8px; width:24px; height:24px; color:#fff; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) }
.vb151 svg{ width:100%; height:100% }
.tf151{ position:absolute; left:0; right:0; bottom:0; display:flex; align-items:center; gap:5px; padding:18px 7px 6px; background:linear-gradient(0deg,rgba(0,0,0,.55),transparent); color:#fff }
.tav151{ flex:none; width:20px; height:20px; border-radius:50%; overflow:hidden; border:1.5px solid rgba(255,255,255,.85); background:#C4B5FD }
.tav151 img, .tav151 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-size:9px; font-weight:900 }
.tf151 b{ flex:1; min-width:0; font-size:11.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:start }
.tf151 em{ margin-inline-start:auto; display:flex; align-items:center; gap:2px; font-style:normal; font-size:10.5px; font-weight:900; direction:ltr }
.tf151 em svg{ width:12px; height:12px; fill:#fff }
.mo151{ padding:14px 0 }
.sp151{ display:block; width:28px; height:28px; margin:6px auto; border-radius:50%; border:3px solid #E9E2F5; border-top-color:#8B5CF6; animation:spin145 .8s linear infinite }
.end151{ margin:0; text-align:center; font-size:12px; font-weight:800; color:#B4ACC8 }
.em151{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:30px 20px; text-align:center }
.em151 svg{ width:84px; height:84px; animation:fl145 2.6s ease-in-out infinite }
.em151 b{ font-size:14.5px; font-weight:900 }
.em151 small{ font-size:12px; font-weight:700; color:var(--sub) }

/* ═══ نمایشگر عمودی ═══ */
#vw151{ position:fixed; inset:0; z-index:9992; background:#000; animation:ucF145 .2s ease both }
#vw151.out{ animation:ucF145 .2s ease reverse both }
.vwx151{ position:absolute; top:calc(10px + env(safe-area-inset-top)); inset-inline-start:12px; z-index:3; width:40px; height:40px; border:0; border-radius:50%; display:grid; place-items:center; cursor:pointer; color:#fff;
  background:rgba(255,255,255,.14); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.vwx151 svg{ width:22px; height:22px }
.vwl151{ height:100%; overflow-y:auto; scroll-snap-type:y mandatory; overscroll-behavior:contain; scrollbar-width:none }
.vwl151::-webkit-scrollbar{ display:none }
.sl151{ position:relative; height:100%; scroll-snap-align:start; scroll-snap-stop:always; display:flex; align-items:center; justify-content:center; overflow:hidden; color:#fff }
.slb151{ position:absolute; inset:-30px; background-size:cover; background-position:center; filter:blur(28px) brightness(.45); transform:scale(1.1) }
.sl151 .main{ position:relative; max-width:100%; max-height:100%; width:100%; height:100%; object-fit:contain }
.slp151{ position:absolute; z-index:2; width:70px; height:70px; opacity:0; transition:opacity .2s; pointer-events:none; color:rgba(255,255,255,.85) }
.slp151 svg{ width:100%; height:100% }
.sl151.pz .slp151{ opacity:1 }
.slr151{ position:absolute; z-index:2; inset-inline-end:10px; bottom:calc(110px + env(safe-area-inset-bottom)); display:flex; flex-direction:column; align-items:center; gap:16px }
.slr151 > button{ display:flex; flex-direction:column; align-items:center; gap:3px; border:0; background:none; cursor:pointer; color:#fff; filter:drop-shadow(0 1px 4px rgba(0,0,0,.5)) }
.slr151 > button > svg{ width:32px; height:32px }
.slr151 > button[data-v="like"] svg{ fill:rgba(255,255,255,.2); stroke:#fff; stroke-width:1.8 }
.slr151 > button.on[data-v="like"] svg{ fill:#FF3D7F; stroke:#FF3D7F }
.slr151 > button.pop svg{ animation:lk151 .45s cubic-bezier(.3,1.8,.5,1) }
@keyframes lk151{ 40%{ transform:scale(1.35) } }
.slr151 b{ font-size:12px; font-weight:900; direction:ltr }
.slav151{ position:relative; margin-bottom:6px }
.sla151{ width:48px; height:48px; border-radius:50%; overflow:hidden; border:2px solid #fff; background:#8B5CF6 }
.sla151 img, .sla151 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900 }
.slav151 > i{ position:absolute; bottom:-8px; left:50%; margin-left:-10px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; background:#FF3D7F }
.slav151 > i svg{ width:13px; height:13px }
.sli151{ position:absolute; z-index:2; left:0; right:0; bottom:0; padding:60px 76px calc(26px + env(safe-area-inset-bottom)) 16px; background:linear-gradient(0deg,rgba(0,0,0,.7),transparent); text-align:start }
[dir=rtl] .sli151{ padding:60px 16px calc(26px + env(safe-area-inset-bottom)) 76px }
.sli151 > button{ display:inline-flex; align-items:center; gap:6px; border:0; background:none; cursor:pointer; color:#fff; padding:0 }
.sli151 > button b{ font-size:15.5px; font-weight:900 }
.sli151 p{ margin:6px 0 4px; font-size:13.5px; font-weight:600; line-height:1.65; unicode-bidi:plaintext; word-break:break-word; max-height:5em; overflow-y:auto }
.sli151 p a{ color:#FDE68A; font-weight:900; cursor:pointer }
.sli151 small{ font-size:11px; font-weight:700; opacity:.7 }
.bst151{ position:absolute; z-index:3; width:110px; height:110px; margin:-55px 0 0 -55px; pointer-events:none; animation:bst151 .9s cubic-bezier(.2,1.4,.4,1) forwards }
.bst151 svg{ width:100%; height:100%; fill:#FF3D7F; filter:drop-shadow(0 6px 18px rgba(255,61,127,.6)) }
@keyframes bst151{ 0%{ transform:scale(0) rotate(-15deg); opacity:1 } 25%{ transform:scale(1.15) rotate(8deg) } 45%{ transform:scale(1) rotate(0) } 100%{ transform:translateY(-80px) scale(.8); opacity:0 } }

/* ═══ کامنت‌ها ═══ */
.cmc151{ max-height:74dvh }
.cm151{ display:flex; gap:10px; padding:10px 4px; border-bottom:1px solid #F5F2FA }
.cm151 > span{ cursor:pointer }
.cma151{ display:block; width:36px; height:36px; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#C4B5FD,#F9A8D4) }
.cma151 img, .cma151 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; font-size:14px }
.cm151 > div{ flex:1; min-width:0; text-align:start }
.cm151 > div > b{ display:flex; align-items:center; gap:5px; font-size:12.5px; font-weight:900 }
.cm151 > div > b small{ font-size:10.5px; font-weight:700; color:#A39BB8; margin-inline-start:4px }
.cm151 p{ margin:3px 0 0; font-size:13px; font-weight:600; line-height:1.6; color:#3F3656; unicode-bidi:plaintext; word-break:break-word }
.cm151 > button{ flex:none; width:30px; height:30px; border:0; border-radius:10px; background:none; cursor:pointer; color:#C4BDD3 }
.cm151 > button svg{ width:17px; height:17px }
.cmi151{ display:flex; gap:8px; padding-top:10px; border-top:1px solid #F3F0F8 }
.cmi151 input{ flex:1; min-width:0; height:44px; padding:0 14px; border:0; border-radius:14px; outline:0; background:#F5F2FA; font-family:inherit; font-size:13.5px; font-weight:700; color:#1F1433 }
.cmi151 button{ flex:none; width:44px; height:44px; border:0; border-radius:14px; display:grid; place-items:center; cursor:pointer; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6) }
.cmi151 button svg{ width:19px; height:19px }

/* ═══ سازندهٔ پست ═══ */
#cp151{ position:fixed; inset:0; z-index:9996; display:flex; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.5); animation:ucF145 .2s ease both }
#cp151.out{ animation:ucF145 .2s ease reverse both }
.cp151-c{ width:100%; max-width:480px; max-height:94dvh; overflow-y:auto; box-sizing:border-box; padding:10px 14px calc(16px + env(safe-area-inset-bottom)); border-radius:26px 26px 0 0; background:#fff; color:#1F1433;
  animation:ucU145 .3s cubic-bezier(.2,.9,.25,1.08) both }
.cph151{ display:flex; align-items:center; justify-content:space-between; padding-bottom:10px }
.cph151 b{ font-size:16px; font-weight:900 }
.cph151 button{ height:38px; min-width:38px; border:0; border-radius:12px; display:grid; place-items:center; cursor:pointer; background:#F2EFF7; font-family:inherit }
.cph151 button svg{ width:20px; height:20px }
.cph151 .go{ padding:0 18px; font-size:14px; font-weight:900; color:#fff; background:linear-gradient(90deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 16px rgba(236,72,153,.3) }
.cph151 .go:disabled{ opacity:.6 }
.cpm151{ position:relative; overflow:hidden; border-radius:20px; background:#0F0A1C; display:flex; justify-content:center }
.cpm151 img, .cpm151 video{ max-width:100%; max-height:46dvh; object-fit:contain; display:block }
.cpg151{ position:absolute; left:0; right:0; bottom:0; height:5px; background:rgba(255,255,255,.2); opacity:0; transition:opacity .2s }
.cpg151 i{ display:block; width:0; height:100%; background:linear-gradient(90deg,#FFC940,#FF3D7F); transition:width .35s }
#cp151.up .cpg151{ opacity:1 }
.cp151-c textarea{ width:100%; box-sizing:border-box; min-height:84px; margin-top:12px; padding:12px 14px; border:0; border-radius:16px; outline:0; resize:none; background:#F5F2FA;
  font-family:inherit; font-size:14px; font-weight:700; color:#1F1433; unicode-bidi:plaintext }
.cpt151{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px }
.cpt151 button{ height:30px; padding:0 11px; border:0; border-radius:99px; cursor:pointer; font-family:inherit; font-size:12px; font-weight:800; color:#6D28D9; background:#F3EDFF; direction:ltr }
.cpn151{ margin:10px 2px 0; font-size:11px; font-weight:700; color:#A39BB8 }

@media (min-width:700px){ .tb151{ top:118px } }
@media (prefers-reduced-motion:reduce){ .lva151, .lva151 img, .lva151 em, .nw151::after, .hdt151 h2 span{ animation:none } }