/* v146 · صفحهٔ پروفایل تازه — روشن و پریمیوم، هم‌خوان با بقیهٔ برنامه */


/* پروفایل دیگران: تمام‌صفحه */
.pv146o{ position:fixed; inset:0; z-index:9993; overflow-y:auto; overscroll-behavior:contain; background:#F7F5FB; animation:pvIn146 .28s cubic-bezier(.2,.9,.25,1) both }
.pv146o.out{ animation:pvOut146 .22s ease both }
@keyframes pvIn146{ from{ transform:translateX(40px); opacity:0 } }
[dir=rtl] .pv146o, .pv146o:has(> [dir=rtl]){ animation-name:pvInR146 }
@keyframes pvInR146{ from{ transform:translateX(-40px); opacity:0 } }
@keyframes pvOut146{ to{ opacity:0; transform:scale(.98) } }

.pp146{ --ink:#1F1433; --sub:#8A82A0; --line:#EEEAF5; position:relative; color:var(--ink); background:#F7F5FB; min-height:100%; padding-bottom:calc(90px + env(safe-area-inset-bottom)) }
.pp146.ov{ padding-bottom:calc(24px + env(safe-area-inset-bottom)) }
.pp146 button{ font-family:inherit }

/* ═══ کاور ═══ */
.cv146{ position:relative; height:210px; overflow:hidden; background:linear-gradient(135deg,var(--c1),var(--c2)) }
.cvi146{ position:absolute; inset:-20px; width:calc(100% + 40px); height:calc(100% + 40px); object-fit:cover; filter:blur(18px) saturate(1.3); transform:scale(1.05); opacity:.85 }
.cva146{ position:absolute; inset:0; background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 55%,transparent),color-mix(in srgb,var(--c2) 60%,transparent)) }
.cv146 .bl145{ opacity:.6 }
.cvg146{ position:absolute; inset:0; background:repeating-linear-gradient(120deg,rgba(255,255,255,.08) 0 1px,transparent 1px 18px), linear-gradient(180deg,rgba(0,0,0,.18),transparent 40%,rgba(247,245,251,0) 70%,#F7F5FB 100%) }
.tb146{ position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:calc(10px + env(safe-area-inset-top)) 12px 0 }
.tbr146{ display:flex; gap:8px }
.ib146{ width:40px; height:40px; border:0; border-radius:50%; display:grid; place-items:center; color:#fff; cursor:pointer;
  background:rgba(0,0,0,.22); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.2) }
.ib146 svg{ width:21px; height:21px }
[dir=rtl] .ib146[data-a=back] svg{ transform:scaleX(-1) }

/* ═══ سربرگ ═══ */
.hd146{ position:relative; z-index:2; margin:-74px 12px 0; padding:62px 16px 16px; border-radius:28px; text-align:center;
  background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:0 12px 40px rgba(76,29,149,.12), inset 0 1px 0 #fff }
.av146{ position:absolute; top:-52px; left:50%; width:100px; height:100px; margin-left:-50px }
.av146 img, .av146 > em{ position:relative; display:grid; place-items:center; width:100%; height:100%; box-sizing:border-box; border-radius:50%;
  object-fit:cover; border:4px solid #fff; background:linear-gradient(135deg,#7C3AED,#EC4899); font-style:normal; font-size:38px; font-weight:900; color:#fff }
.av146 .dt145{ border-color:#fff; z-index:3 }
.av146 .afr146{ position:absolute; left:-30%; top:-30%; width:160%; height:160%; max-width:none; border:0; background:none; border-radius:0; object-fit:contain; z-index:2; pointer-events:none; filter:drop-shadow(0 4px 10px rgba(0,0,0,.25)) }
.av146.fr .rg145{ display:none }
.lvb146{ position:absolute; top:10px; inset-inline-end:12px; display:flex; flex-direction:column; align-items:center; gap:0; border:0; background:none; cursor:pointer; padding:0 }
.lvb146 svg{ filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--c2) 45%,transparent)); animation:fl145 3s ease-in-out infinite }
.lvb146 b{ margin-top:-4px; padding:1px 8px; border-radius:99px; font-size:11px; font-weight:900; color:#fff; background:linear-gradient(90deg,var(--c1),var(--c2)); direction:ltr }
.lvb146 small{ font-size:9.5px; font-weight:800; color:var(--sub); margin-top:2px }
.nm146{ display:flex; align-items:center; justify-content:center; gap:6px; padding:0 58px }
.nm146 b{ font-size:21px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;
  background:linear-gradient(90deg,#1F1433,color-mix(in srgb,var(--c2) 80%,#1F1433),#1F1433); background-size:200% 100%; -webkit-background-clip:text; background-clip:text; color:transparent; animation:shine145 6s linear infinite }
.id146{ display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:6px; margin-top:6px }
.cp146{ display:inline-flex; align-items:center; gap:5px; padding:3px 10px; border:0; border-radius:99px; cursor:pointer; direction:ltr;
  font-size:12px; font-weight:800; color:#E11D48; background:#FFF1F4 }
.cp146 svg{ width:13px; height:13px }
.off146{ padding:3px 9px; border-radius:99px; font-size:11px; font-weight:800; color:var(--sub); background:#F2EFF7 }
.pp146 .on145{ color:#16A34A; background:#E9FBEF }
.pp146 .on145 i{ background:#22C55E }
.fm146{ padding:3px 9px; border-radius:99px; font-size:11px; font-weight:800; color:#7C3AED; background:#F3EDFF }
.ch146{ margin-top:10px }
.bio146{ margin:10px 4px 0; font-size:13px; font-weight:600; line-height:1.7; color:#5B5270; unicode-bidi:plaintext; word-break:break-word }
.sy146{ display:flex; justify-content:center; gap:8px; margin-top:10px }
.sy146 img{ width:34px; height:34px; object-fit:contain; filter:drop-shadow(0 3px 5px rgba(0,0,0,.15)); animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both }
.sy146 img:nth-child(2){ animation-delay:.05s } .sy146 img:nth-child(3){ animation-delay:.1s } .sy146 img:nth-child(4){ animation-delay:.15s }
@keyframes pop146{ from{ transform:scale(.4); opacity:0 } }
.sts146{ display:grid; grid-template-columns:repeat(4,1fr); margin-top:14px; padding:12px 2px; border-radius:20px;
  background:linear-gradient(135deg,#F6F2FF,#FFF4F8); box-shadow:inset 0 0 0 1px #EFE7FB }
.st146{ position:relative; display:flex; flex-direction:column; align-items:center; gap:2px; border:0; background:none; cursor:default; color:inherit; min-width:0; padding:0 }
.st146[data-a]{ cursor:pointer }
.st146 + .st146::before{ content:""; position:absolute; inset-inline-start:0; top:15%; bottom:15%; width:1px; background:#E6DDF5 }
.st146 b{ display:flex; align-items:center; gap:3px; font-size:17px; font-weight:900; direction:ltr }
.st146 b i{ width:15px; height:15px; display:block }
.st146 b i svg{ width:100%; height:100%; display:block }
.st146 small{ font-size:11px; font-weight:700; color:var(--sub) }
.abs146{ display:flex; gap:8px; margin-top:14px }
.ab146{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:46px; padding:0 14px; white-space:nowrap; min-width:0; border:0; border-radius:16px; cursor:pointer;
  font-size:14.5px; font-weight:900; transition:transform .12s }
.ab146:active{ transform:scale(.95) }
.ab146 svg{ width:19px; height:19px }
.ab146.pri{ flex:1; color:#fff; background:linear-gradient(90deg,#FF3D7F,#A855F7); box-shadow:0 8px 20px rgba(236,72,153,.3) }
.ab146.fol{ flex:1; color:#7C3AED; background:#F3EDFF }
.ab146.sec{ flex:1; color:var(--ink); background:#F2EFF7 }
.ab146.ic{ width:46px; padding:0; color:var(--ink); background:#F2EFF7 }
.ab146.live{ gap:6px; color:#fff; background:linear-gradient(90deg,#FF3D7F,#FF7A3D); letter-spacing:.6px; font-size:12.5px }
.ab146.live i{ width:7px; height:7px; border-radius:50%; background:#fff; animation:lvP145 1.2s ease-in-out infinite }
.pp146 .gc145, .pp146 .vip145{ box-shadow:0 2px 6px rgba(0,0,0,.08) }

/* ═══ ابزارها (پروفایل خودم) ═══ */
.tl146{ display:grid; grid-template-columns:repeat(5,1fr); gap:12px 4px; margin:12px 12px 0; padding:14px 8px; border-radius:24px; background:#fff; box-shadow:0 8px 26px rgba(76,29,149,.08) }
.tt146{ display:flex; flex-direction:column; align-items:center; gap:6px; border:0; background:none; cursor:pointer; padding:0; animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 25ms) }
.tt146 span{ position:relative; overflow:hidden; width:46px; height:46px; border-radius:16px; display:grid; place-items:center; box-shadow:0 6px 14px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.4) }
.tt146 span::before{ content:""; position:absolute; inset:0 0 50% 0; background:linear-gradient(180deg,rgba(255,255,255,.3),transparent) }
.tt146 svg{ position:relative; width:26px; height:26px }
.tt146:active span{ transform:scale(.9) }
.tt146 small{ font-size:10.5px; font-weight:800; color:#4B4262; white-space:nowrap }

/* ═══ تب‌ها ═══ */
.tbs146{ position:sticky; top:0; z-index:5; margin-top:12px; padding:0 12px; background:linear-gradient(180deg,#F7F5FB 80%,rgba(247,245,251,0)) }
.tbi146{ position:relative; display:flex; border-bottom:1px solid var(--line) }
.tbi146 button{ flex:1; height:48px; border:0; background:none; cursor:pointer; font-size:14.5px; font-weight:800; color:#A39BB8; transition:color .2s }
.tbi146 button.on{ color:#E11D48; font-weight:900 }
.tbi146 i{ position:absolute; bottom:-1px; left:0; height:4px; border-radius:99px; background:linear-gradient(90deg,#FF3D7F,#E11D48); transition:transform .3s cubic-bezier(.3,1.3,.5,1), width .3s }
.pn146{ padding:4px 12px 0 }
.pnx146{ animation:pnIn146 .3s ease both }
@keyframes pnIn146{ from{ opacity:0; transform:translateY(8px) } }
.h146{ display:flex; align-items:center; gap:8px; margin:18px 4px 10px; font-size:15.5px }
.h146 b{ font-weight:900 }
.h146 em{ font-style:normal; font-size:11.5px; font-weight:800; color:#A855F7; background:#F3EDFF; padding:2px 8px; border-radius:99px }
.more146{ margin-inline-start:auto; display:flex; align-items:center; gap:2px; border:0; background:none; cursor:pointer; font-size:12.5px; font-weight:800; color:#E11D48 }
.more146 svg{ width:15px; height:15px }
[dir=rtl] .more146 svg{ transform:scaleX(-1) }

/* نماد هویت */
.iss146{ display:flex; flex-wrap:wrap; gap:8px }
.is146{ display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 14px 0 5px; border-radius:99px; color:#fff; font-size:12.5px; box-shadow:0 6px 14px rgba(0,0,0,.12) }
.is146 svg{ width:24px; height:24px; padding:3px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,.25) }
.is146 b{ font-weight:900 }
.is146.host{ background:linear-gradient(90deg,#FB7185,#E11D48 60%,#BE123C); position:relative; overflow:hidden }
.is146.host::after{ content:""; position:absolute; top:0; bottom:0; width:30%; left:-40%; transform:skewX(-20deg); background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); animation:sh145 3s ease-in-out infinite }
.is146.vip{ background:linear-gradient(90deg,#3F3F46,#18181B); color:#FFC940 }
.is146.vip svg{ color:#FFC940 }
.is146.ver{ background:linear-gradient(90deg,#38BDF8,#2563EB) }
.is146.ver svg{ background:#fff; padding:2px }
.is146.adm{ background:linear-gradient(90deg,#34D399,#047857) }
.is146.ag{ background:linear-gradient(90deg,#FBBF24,#B45309) }
.is146.rk{ background:linear-gradient(90deg,var(--c1),var(--c2)) }
.is146.rk svg{ background:none; padding:0 }
.mt146{ font-size:12.5px; font-weight:700; color:var(--sub) }

/* هویت سطح — مثل الگو: ثروت، جذابیت، حامیان (بلند) / بازی، رشد */
.lvs146{ display:grid; grid-template-columns:1fr 1fr 1.05fr; grid-auto-rows:auto; gap:9px }
.lv146{ position:relative; overflow:hidden; min-height:82px; padding:10px 10px 12px; border-radius:18px; box-sizing:border-box; text-align:start;
  background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 55%,#fff),color-mix(in srgb,var(--c1) 22%,#fff));
  box-shadow:0 6px 16px color-mix(in srgb,var(--c2) 18%,transparent), inset 0 0 0 1px rgba(255,255,255,.7) }
.lv146 > small{ position:relative; z-index:1; display:block; font-size:11.5px; font-weight:900; color:var(--c3) }
.lvn146{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:4px; height:24px; margin-top:8px; padding:0 10px 0 2px; border-radius:99px; direction:ltr;
  background:linear-gradient(90deg,var(--c3),var(--c2)); box-shadow:inset 0 1px 0 rgba(255,255,255,.35) }
.lvn146 i{ width:21px; height:21px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--c1),var(--c2)); box-shadow:0 0 0 1.5px rgba(255,255,255,.6) }
.lvn146 i svg{ width:13px; height:13px }
.lvn146 b{ font-size:13px; font-weight:900; color:#fff }
.lvp146{ position:relative; z-index:1; display:block; height:5px; margin-top:8px; border-radius:99px; background:rgba(255,255,255,.7); overflow:hidden }
.lvp146 u{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--c2),var(--c3)); animation:grow146 1s cubic-bezier(.2,.8,.2,1) both }
@keyframes grow146{ from{ width:0 } }
.lva146{ position:absolute; inset-inline-end:-10px; bottom:-14px; width:66px; height:66px; color:var(--c2); opacity:.35; transform:rotate(-14deg) }
.lva146 svg{ width:100%; height:100% }
.sp146{ grid-column:3; grid-row:1 / span 2; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; padding:10px 6px 0; border:0; border-radius:18px; cursor:pointer;
  background:linear-gradient(160deg,#FFE3C2,#FDBA74 55%,#FB923C); box-shadow:0 6px 16px rgba(251,146,60,.3), inset 0 0 0 1px rgba(255,255,255,.6) }
.sp146 > small{ font-size:11.5px; font-weight:900; color:#9A3412; padding-inline-start:4px }
.spp146{ position:relative; z-index:1; display:grid; grid-template-columns:1fr 1.25fr 1fr; align-items:end; width:100%; margin-top:auto; direction:ltr }
.spa146{ position:relative; aspect-ratio:1; display:block }
.spa146.r1{ margin-bottom:14px }
.spa146 > img, .spa146 > em{ position:absolute; left:23%; top:31%; width:54%; height:54%; border-radius:50%; object-fit:cover; display:grid; place-items:center; z-index:1;
  background:linear-gradient(135deg,#FDE68A,#F59E0B); font-style:normal; font-weight:900; font-size:11px; color:#7C2D12 }
.spa146 > em.q{ background:radial-gradient(circle,#fff,#FDE68A); color:#B45309 }
.spa146 .fr145{ z-index:2 }
.sps146{ display:grid; grid-template-columns:1fr 1.25fr 1fr; align-items:end; width:calc(100% + 12px); margin:0 -6px; height:26px; direction:ltr }
.sps146 span{ height:60%; background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.35)); border-radius:6px 6px 0 0 }
.sps146 span:nth-child(2){ height:100% }
.sps146 span:nth-child(3){ height:42% }

/* آمار میزبانی */
.hs146{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
.hs146 span{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:12px 4px; border-radius:18px; background:#fff; box-shadow:0 6px 16px rgba(76,29,149,.06) }
.hs146 i{ width:32px; height:32px; border-radius:11px; display:grid; place-items:center; color:#fff; background:var(--c); box-shadow:0 4px 10px color-mix(in srgb,var(--c) 40%,transparent) }
.hs146 i svg{ width:18px; height:18px }
.hs146 b{ font-size:15px; font-weight:900; direction:ltr }
.hs146 small{ font-size:10.5px; font-weight:700; color:var(--sub) }
.ag146{ position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:12px; align-items:center; padding:14px 16px; border-radius:20px; color:#fff;
  background:linear-gradient(120deg,#A16207,#EAB308 45%,#A16207); box-shadow:0 10px 24px rgba(161,98,7,.3) }
.ag146::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 8px,transparent 8px 16px) }
.ag146 span{ grid-row:1 / span 2; width:46px; height:46px; border-radius:14px; display:grid; place-items:center; background:rgba(0,0,0,.25) }
.ag146 span svg{ width:28px; height:28px }
.ag146 b{ font-size:16px; font-weight:900; font-style:italic }
.ag146 small{ font-size:11px; font-weight:700; opacity:.85 }
.in146{ display:flex; flex-wrap:wrap; gap:7px }
.in146 span{ padding:6px 13px; border-radius:99px; font-size:12px; font-weight:800; color:#7C3AED; background:#F3EDFF }
.jn146{ margin:18px 0 0; text-align:center; font-size:11.5px; font-weight:700; color:#B4ACC8 }

/* ═══ Honor ═══ */
.sg146{ display:flex; gap:8px; margin-top:14px }
.sg146 button{ height:32px; padding:0 16px; border-radius:99px; border:1.5px solid #EDE7F6; background:#fff; cursor:pointer; font-size:12.5px; font-weight:800; color:#A39BB8 }
.sg146 button.on{ border-color:#FDA4AF; color:#E11D48; background:#FFF1F4 }
.gws146{ display:flex; gap:10px; margin:14px 0 10px }
.gws146 span{ flex:1; display:flex; align-items:baseline; justify-content:center; gap:5px; padding:10px; border-radius:16px; background:linear-gradient(135deg,#FFF4E5,#FFE8F0) }
.gws146 b{ font-size:18px; font-weight:900; color:#E11D48 }
.gws146 small{ font-size:11.5px; font-weight:800; color:var(--sub) }
.gw146{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
.gt146{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:10px 4px 8px; border-radius:16px; background:#fff; box-shadow:0 5px 14px rgba(76,29,149,.06);
  animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 25ms) }
.gt146.hot{ background:linear-gradient(160deg,#FFF7E0,#fff 70%); box-shadow:0 5px 14px rgba(245,158,11,.2), inset 0 0 0 1.5px #FDE68A }
.gi146{ width:48px; height:48px; display:grid; place-items:center }
.gi146 img, .gi146 svg{ max-width:100%; max-height:100%; object-fit:contain }
.gi146 em{ font-style:normal; font-size:30px }
.gt146 small{ max-width:100%; font-size:10px; font-weight:800; color:#5B5270; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.gt146 b{ font-size:11.5px; font-weight:900; color:#E11D48; direction:ltr }
.gl146{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; padding:12px; border-radius:20px;
  background:linear-gradient(180deg,#EEF0FF,#F9F7FF); box-shadow:inset 0 0 0 1px #E4E2FB }
.gl146.ride{ grid-template-columns:repeat(3,1fr) }
.gli146{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:8px 4px 6px; border:0; border-radius:14px; cursor:pointer; background:rgba(255,255,255,.75) }
.gli146 img{ width:100%; height:56px; object-fit:contain; filter:drop-shadow(0 4px 6px rgba(0,0,0,.18)) }
.gl146.ride .gli146 img{ height:64px }
.gli146 small{ font-size:10px; font-weight:800; color:#6B6284 }
.gli146.lk img{ filter:grayscale(1) opacity(.45) }
.gli146.lk i{ position:absolute; top:6px; inset-inline-end:6px; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(31,20,51,.55) }
.gli146.lk i svg{ width:12px; height:12px }

/* ═══ Relation ═══ */
.fn146{ display:flex; flex-direction:column; gap:8px }
.fr146{ display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:18px; background:#fff; cursor:pointer; box-shadow:0 5px 14px rgba(76,29,149,.06) }
.fr146.r1{ background:linear-gradient(90deg,#FFF7D6,#fff 70%) }
.fr146.r2{ background:linear-gradient(90deg,#F1F5F9,#fff 70%) }
.fr146.r3{ background:linear-gradient(90deg,#FFEDE0,#fff 70%) }
.fnr146{ position:relative; width:26px; flex:none; display:flex; flex-direction:column; align-items:center; font-style:italic }
.fnr146 svg{ width:15px; height:15px; margin-bottom:-2px }
.fr146.r1 .fnr146{ color:#EAB308 } .fr146.r2 .fnr146{ color:#94A3B8 } .fr146.r3 .fnr146{ color:#F97316 }
.fnr146 b{ font-size:15px; font-weight:900; color:#A39BB8 }
.fr146.r1 .fnr146 b, .fr146.r2 .fnr146 b, .fr146.r3 .fnr146 b{ color:inherit }
.fna146{ width:44px; height:44px; flex:none; border-radius:50%; overflow:hidden; background:linear-gradient(135deg,#C4B5FD,#F9A8D4) }
.fna146 img, .fna146 em{ width:100%; height:100%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff }
.fnt146{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; text-align:start }
.fnt146 b{ font-size:13.5px; font-weight:900; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.fnt146 > span{ display:flex; transform:scale(.88); transform-origin:0 50% }
[dir=rtl] .fnt146 > span{ transform-origin:100% 50% }
.fnv146{ display:flex; align-items:center; gap:4px; direction:ltr }
.fnv146 svg{ width:16px; height:16px }
.fnv146 b{ font-size:13px; font-weight:900; color:#D97706 }
.fg146{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px 6px; padding:14px 8px; border-radius:20px; background:#fff; box-shadow:0 5px 14px rgba(76,29,149,.06) }
.ff146{ display:flex; flex-direction:column; align-items:center; gap:5px; border:0; background:none; cursor:pointer; min-width:0 }
.ff146 span{ position:relative; width:56px; height:56px; border-radius:50%; padding:2px; background:linear-gradient(135deg,#FF3D7F,#A855F7) }
.ff146 span img, .ff146 span em{ width:100%; height:100%; box-sizing:border-box; border-radius:50%; border:2px solid #fff; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; background:#C4B5FD }
.ff146 span i{ position:absolute; bottom:2px; inset-inline-end:2px; width:12px; height:12px; border-radius:50%; background:#22C55E; border:2px solid #fff }
.ff146 small{ max-width:100%; font-size:11px; font-weight:800; color:#4B4262; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

/* ═══ Moment ═══ */
.mg146{ display:grid; grid-template-columns:repeat(3,1fr); gap:4px; border-radius:18px; overflow:hidden }
.mg146.ld{ margin-top:14px }
.mg146.ld i{ aspect-ratio:3/4; background:#ECE7F5; animation:ldP145 .9s ease-in-out infinite alternate }
.mt146b{ position:relative; aspect-ratio:3/4; border:0; padding:0; cursor:pointer; overflow:hidden; background:#ECE7F5 }
.mt146b img, .mt146b video{ width:100%; height:100%; object-fit:cover; display:block }
.np146{ display:grid; place-items:center; width:100%; height:100%; color:#B4ACC8 }
.np146 svg{ width:30px; height:30px }
.pv146{ position:absolute; top:6px; inset-inline-end:6px; width:22px; height:22px; color:#fff; filter:drop-shadow(0 1px 3px rgba(0,0,0,.5)) }
.lk146{ position:absolute; bottom:5px; inset-inline-start:6px; display:flex; align-items:center; gap:3px; font-size:11px; font-weight:900; color:#fff; text-shadow:0 1px 3px rgba(0,0,0,.6); direction:ltr }
.lk146 svg{ width:13px; height:13px }

/* خالی / بارگذاری */
.em146{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:26px 0; text-align:center }
.em146 svg{ width:80px; height:80px; animation:fl145 2.6s ease-in-out infinite }
.em146.sm{ padding:12px 0 }
.em146.sm svg{ width:56px; height:56px }
.em146 b{ font-size:13.5px; font-weight:900; color:#4B4262 }
.em146 small{ font-size:11.5px; font-weight:700; color:var(--sub); max-width:260px }
.sk146{ display:flex; flex-direction:column; gap:10px; margin-top:16px }
.sk146 i{ height:78px; border-radius:18px; background:#ECE7F5; animation:ldP145 .9s ease-in-out infinite alternate }

/* ═══ شیت‌ها ═══ */
#pm146, #gp146{ position:fixed; inset:0; z-index:9997; display:flex; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.45); animation:ucF145 .2s ease both }
#pm146.out, #gp146.out{ animation:ucF145 .2s ease reverse both }
.pm146-c{ width:100%; max-width:440px; box-sizing:border-box; padding:8px 12px calc(12px + env(safe-area-inset-bottom)); border-radius:24px 24px 0 0; background:#fff; animation:ucU145 .3s cubic-bezier(.2,.9,.25,1.08) both }
.pm146-c .hd{ display:block; width:40px; height:5px; border-radius:99px; background:#E4DEEF; margin:2px auto 10px }
.pm146-c button{ display:flex; align-items:center; gap:12px; width:100%; padding:14px 12px; border:0; border-radius:14px; background:none; cursor:pointer; font-family:inherit; font-size:14.5px; font-weight:800; color:#1F1433; text-align:start }
.pm146-c button:active{ background:#F5F2FA }
.pm146-c button svg{ width:22px; height:22px; color:#7C3AED }
.pm146-c button.red, .pm146-c button.red svg{ color:#E11D48 }
.pm146-c button.cx{ justify-content:center; margin-top:6px; background:#F2EFF7 }
#gp146{ align-items:center; padding:24px }
.gp146-c{ position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; gap:6px; width:100%; max-width:300px; padding:26px 20px 22px; border-radius:28px; text-align:center;
  background:linear-gradient(180deg,#2B1459,#170A33); color:#fff; animation:pop146 .35s cubic-bezier(.3,1.4,.5,1) both }
.gp146-g{ position:absolute; left:50%; top:30%; width:420px; height:420px; margin:-210px 0 0 -210px; opacity:.35;
  background:repeating-conic-gradient(from 0deg,rgba(255,215,120,.7) 0 8deg,transparent 8deg 22deg); animation:spin145 24s linear infinite;
  -webkit-mask:radial-gradient(circle,#000 0,transparent 60%); mask:radial-gradient(circle,#000 0,transparent 60%) }
.gp146-c img{ position:relative; width:180px; height:160px; object-fit:contain; filter:drop-shadow(0 10px 20px rgba(0,0,0,.4)); animation:fl145 3s ease-in-out infinite }
.gp146-c.lk img{ filter:grayscale(1) opacity(.5) }
.gp146-c b{ position:relative; font-size:17px; font-weight:900 }
.gp146-c small{ position:relative; font-size:12px; font-weight:700; color:#C4B5FD }

/* نمایشگر پست */
#pv146{ position:fixed; inset:0; z-index:9998; display:flex; flex-direction:column; background:#000; animation:ucF145 .2s ease both }
.pvm146{ flex:1; display:flex; align-items:center; justify-content:center; min-height:0 }
.pvm146 img, .pvm146 video{ max-width:100%; max-height:100%; object-fit:contain }
.pvx146{ position:absolute; top:calc(10px + env(safe-area-inset-top)); inset-inline-end:12px; z-index:2; width:40px; height:40px; border:0; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.15); cursor:pointer }
.pvx146 svg{ width:22px; height:22px }
.pvn146{ position:absolute; top:50%; width:40px; height:40px; margin-top:-20px; border:0; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.15); cursor:pointer }
.pvn146 svg{ width:22px; height:22px }
.pvn146.p{ left:10px } .pvn146.n{ right:10px }
.pvn146.p svg{ transform:none }
.pvb146{ padding:12px 16px calc(14px + env(safe-area-inset-bottom)); color:#fff; background:linear-gradient(0deg,rgba(0,0,0,.8),transparent) }
.pvb146 p{ margin:0 0 8px; font-size:14px; font-weight:600; line-height:1.6; unicode-bidi:plaintext }
.pvb146 span{ display:flex; align-items:center; gap:6px; font-size:13px; font-weight:800; direction:ltr }
.pvb146 span svg{ width:18px; height:18px }
.pvb146 span b{ margin-inline-end:10px }
.pvb146 em{ margin-left:auto; font-style:normal; font-size:11.5px; opacity:.6 }

@media (min-width:700px){
  .pp146{ max-width:520px; margin:0 auto }
  .pv146o{ background:#EDE9F5 }
}
@media (max-width:350px){
  .tl146{ grid-template-columns:repeat(4,1fr) }
  .lvs146{ grid-template-columns:1fr 1fr }
  .sp146{ grid-column:1 / span 2; grid-row:auto; min-height:120px }
  .gw146, .gl146{ grid-template-columns:repeat(3,1fr) }
  .nm146{ padding:0 50px }
}