/* ═══════════════════════════════════════════════════════════════════════════
 *  v234 · صفحهٔ پروفایل «گذرنامهٔ هارت»
 *  نوار چسبان بالا (برگشت همیشه دیده می‌شود و بعد از کاور مات می‌شود)، کاور
 *  صحنه‌ای با پرتو و حلقه، کارت هویت با هالهٔ رتبه، کاشی رتبه و کشور در دو گوشه،
 *  آمار رنگی، دکمه‌ها، «ویترین افتخار» جدا و تب‌های قرصی
 * ═══════════════════════════════════════════════════════════════════════════ */
.pv146o:has(> .pz234){ background:#F6F2FD }
.pp146.pz234{ background:#F6F2FD }

/* ─── نوار بالا ─── */
.pz234 .tb146.sb234{ position:sticky; top:0; z-index:30; display:flex; align-items:center; gap:10px; height:56px; box-sizing:content-box;
  padding:env(safe-area-inset-top) 12px 0; margin-bottom:calc(-56px - env(safe-area-inset-top)); transition:background .25s, box-shadow .25s }
.pz234 .sb234 .ib146{ flex:none; width:40px; height:40px; background:rgba(22,10,44,.3); transition:background .25s, color .25s }
.pz234 .sb234 .ib146.ph{ visibility:hidden }
.pz234 .sb234 .tbr146{ flex:none; margin-inline-start:auto }
.mi234{ flex:1; min-width:0; display:flex; align-items:center; gap:8px; opacity:0; transform:translateY(6px); transition:opacity .25s, transform .25s; pointer-events:none }
.mi234 img, .mi234 em{ width:32px; height:32px; flex:none; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff;
  background:linear-gradient(135deg,var(--c1),var(--c2)); box-shadow:0 0 0 2px #fff, 0 0 0 3.5px color-mix(in srgb,var(--c2) 55%,#FF6FA3) }
.mi234 b{ min-width:0; font-size:15px; font-weight:900; color:#1F1433; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.mi234 .vf145 svg{ width:16px; height:16px; display:block }
.pz234.scd .sb234{ background:rgba(255,255,255,.88); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4); box-shadow:0 10px 22px -16px rgba(76,29,149,.55) }
.pz234.scd .sb234 .ib146{ color:#2A1B47; background:#F3EEFC; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none }
.pz234.scd .mi234{ opacity:1; transform:none }

/* ─── کاور صحنه‌ای ─── */
.pz234 .cv146{ height:236px; background:linear-gradient(135deg,color-mix(in srgb,var(--c1) 75%,#FF6FA3),color-mix(in srgb,var(--c2) 80%,#5E8BFF)) }
.pz234 .cvg146{ z-index:2; background:linear-gradient(180deg,rgba(20,8,40,.28),transparent 34%,transparent 70%,rgba(246,242,253,.5) 100%) }
.art234{ position:absolute; inset:0; width:100%; height:100%; z-index:1; pointer-events:none }
.pz234 .cv146.cvu233 .art234{ display:none }
.ry234{ transform-box:view-box; transform-origin:200px 176px; animation:ry234 70s linear infinite }
@keyframes ry234{ to{ transform:rotate(360deg) } }
.rn234 circle{ transform-box:view-box; transform-origin:200px 176px; animation:rn234 5s ease-in-out infinite }
.rn234 circle:nth-child(2){ animation-delay:.8s } .rn234 circle:nth-child(3){ animation-delay:1.6s }
@keyframes rn234{ 50%{ transform:scale(1.05); opacity:.55 } }
.wv234{ animation:wv234 12s ease-in-out infinite } @keyframes wv234{ 50%{ transform:translateX(-24px) } }
.sp234 > *{ animation:tw234 2.6s ease-in-out infinite } .sp234 > :nth-child(2n){ animation-delay:1s } .sp234 > :nth-child(3n){ animation-delay:1.7s }
@keyframes tw234{ 50%{ opacity:.15 } }
.ht234{ transform-box:fill-box; transform-origin:center; animation:ht234 3.2s ease-in-out infinite } .ht234.b{ animation-delay:1.4s }
@keyframes ht234{ 50%{ transform:translateY(-7px) scale(1.12) } }
.cvb234{ position:absolute; z-index:3; bottom:96px; inset-inline-end:12px; display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 11px; border:0; border-radius:99px; cursor:pointer;
  color:#fff; font:inherit; font-size:11.5px; font-weight:900; background:rgba(22,10,44,.34); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.cvb234 svg{ width:15px; height:15px }

/* ─── کارت هویت ─── */
.pz234 .hd146.hz234{ z-index:3; margin:-84px 12px 0; padding:64px 16px 16px; border-radius:30px; background:#fff; -webkit-backdrop-filter:none; backdrop-filter:none;
  box-shadow:0 26px 44px -30px rgba(76,29,149,.6), 0 0 0 1px rgba(124,58,237,.07) }
.hz234::before{ content:""; position:absolute; top:0; left:26px; right:26px; height:3px; border-radius:0 0 6px 6px; background:linear-gradient(90deg,transparent,var(--c1),#FF6FA3,#FFD166,var(--c2),transparent) }
.pz234 .av146{ top:-62px; width:112px; height:112px; margin-left:-56px }
.pz234 .av146 > img:not(.afr146), .pz234 .av146 > em{ border:4px solid #fff; box-shadow:0 16px 30px -14px rgba(76,29,149,.8) }
.pz234 .av146 .rg145{ display:none }
.hl234{ position:absolute; inset:-7px; border-radius:50%; background:conic-gradient(from 0deg,var(--c1),#FF6FA3,#FFD166,#7DE3FF,var(--c2),var(--c1)); animation:hl234 6s linear infinite;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px)); mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c2) 60%,transparent)) }
@keyframes hl234{ to{ transform:rotate(360deg) } }
.pz234 .av146.fr .hl234{ display:none }
.pz234 .av146 .dt145{ bottom:8px; inset-inline-end:8px; border-color:#fff }

/* کاشی رتبه و کشور در دو گوشه */
.pz234 .lvb146, .cf234{ position:absolute; top:12px; width:64px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; padding:6px 2px 7px; border-radius:18px }
.pz234 .lvb146{ inset-inline-end:12px; background:linear-gradient(180deg,color-mix(in srgb,var(--c1) 18%,#fff),#fff 80%); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c2) 22%,transparent) }
.pz234 .lvb146 b{ margin-top:-3px; font-size:10.5px }
.pz234 .lvb146 small{ max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.cf234{ inset-inline-start:12px; background:linear-gradient(180deg,#EEF6FF,#fff 80%); box-shadow:inset 0 0 0 1px #DCEBFE }
.cf234 i{ font-style:normal; font-size:30px; line-height:44px; filter:drop-shadow(0 3px 5px rgba(0,0,0,.18)) }
.cf234 small{ max-width:100%; margin-top:1px; font-size:9.5px; font-weight:800; color:#3B6AA8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }

.pz234 .nm146{ padding:0 72px; margin-top:2px }
.pz234 .nm146 b{ font-size:22px }
.pz234 .nm146 .vf145 svg{ width:20px; height:20px }
.pz234 .id146{ margin-top:8px }
.pz234 .cp146:not(.idf226){ color:#7C3AED; background:#F4EEFF; box-shadow:inset 0 0 0 1px #E9DEFD }
.pz234 .lz234{ margin-top:10px }
.pz234 .bio146{ display:flex; justify-content:center; align-items:flex-start; gap:4px; margin:12px 6px 0; font-size:13px; color:#5B5270 }
.pz234 .bio146 i{ flex:none; font-style:normal; font-size:24px; line-height:1; font-weight:900; color:color-mix(in srgb,var(--c2) 55%,#FF6FA3) }
.pz234 .bio146 span{ min-width:0; unicode-bidi:plaintext }

/* آمار رنگی */
.pz234 .sts146.sz234{ margin-top:14px; padding:12px 2px 10px; border-radius:22px; background:linear-gradient(135deg,#FBF8FF,#FFF5FA); box-shadow:inset 0 0 0 1px #F0E8FC }
.sz234 .st146{ gap:3px }
.sz234 .st146:active{ transform:scale(.95) }
.si234{ width:30px; height:30px; border-radius:11px; display:grid; place-items:center; color:#fff; margin-bottom:2px }
.si234 svg{ width:16px; height:16px; display:block }
.si234.f{ background:linear-gradient(135deg,#FF8FB8,#F43F5E); box-shadow:0 6px 12px -6px #F43F5E }
.si234.g{ background:linear-gradient(135deg,#A78BFA,#7C3AED); box-shadow:0 6px 12px -6px #7C3AED }
.si234.r{ background:linear-gradient(135deg,#7DD3FC,#0EA5E9); box-shadow:0 6px 12px -6px #0EA5E9 }
.si234.s{ background:linear-gradient(135deg,#FDE68A,#F59E0B); box-shadow:0 6px 12px -6px #F59E0B }
.sz234 .st146 b{ font-size:17px; color:#1F1433 }

/* دکمه‌ها */
.pz234 .abs146{ margin-top:12px }
.pz234 .ab146{ height:46px; border-radius:16px }
.pz234 .ab146.pri{ background:linear-gradient(135deg,#FF5C8A,#A855F7 60%,#6E8BFF); box-shadow:0 12px 20px -12px rgba(168,85,247,.95) }
.pz234 .ab146.sec, .pz234 .ab146.ic{ color:#4C1D95; background:#F3EEFC }
.pz234 .ab146.fol{ color:#7C3AED; background:#EFE7FF; box-shadow:inset 0 0 0 1px #E0D2FD }

/* ─── ویترین افتخار (جدا) ─── */
.sc234{ margin:12px 12px 0; padding:12px; border-radius:24px; background:linear-gradient(135deg,#FFF8E6,#FFEFF6 55%,#F3EDFF);
  box-shadow:0 14px 28px -24px rgba(217,119,6,.9), inset 0 0 0 1px #FCE9C4 }
.sc234:not(:has(.cr231w, .hon-row, .stb229, .sy146 img)){ display:none }
.sch234{ display:flex; align-items:center; gap:10px }
.sch234 > i{ width:36px; height:36px; flex:none; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#FFD166,#F59E0B); box-shadow:0 6px 12px -6px #D97706 }
.sch234 > i svg{ width:20px; height:20px }
.sch234 span{ min-width:0; display:flex; flex-direction:column }
.sch234 b{ font-size:14px; font-weight:900; color:#3B2A12 }
.sch234 small{ font-size:11px; font-weight:600; color:#9A7B4F }
.pz234 .ch146.scr234{ justify-content:flex-start; margin-top:10px }
.pz234 .ch146.scr234:empty{ display:none }
.pz234 .sc234 .hon-row{ justify-content:flex-start; gap:8px; margin:10px 0 0 }
.pz234 .sc234 .hon-row .hr-add{ color:#B45309; background:rgba(255,255,255,.75) }
.pz234 .sc234 .stb229{ margin:10px 0 0 }
.pz234 .sc234 .sy146{ justify-content:flex-start; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px dashed rgba(180,83,9,.22) }

/* ─── تب‌های قرصی ─── */
.pz234 .tbs146{ top:calc(56px + env(safe-area-inset-top)); z-index:6; margin-top:12px; padding:8px 12px; background:linear-gradient(180deg,#F6F2FD 78%,rgba(246,242,253,0)) }
.pz234 .tbi146{ border:0; padding:4px; border-radius:18px; background:#fff; box-shadow:0 10px 24px -18px rgba(76,29,149,.55), inset 0 0 0 1px #EFE8FB }
.pz234 .tbi146 button{ position:relative; z-index:1; height:38px; font-size:13.5px; color:#8E84A8 }
.pz234 .tbi146 button.on{ color:#fff; font-weight:900 }
.pz234 .tbi146 i{ top:4px; bottom:auto; height:38px; border-radius:14px; background:linear-gradient(135deg,#FF5C8A,#A855F7); box-shadow:0 8px 16px -8px rgba(168,85,247,.95); z-index:0 }
.pz234 .h146 b{ display:flex; align-items:center; gap:8px }
.pz234 .h146 b::before{ content:""; width:4px; height:16px; border-radius:4px; background:linear-gradient(180deg,#FF5C8A,#A855F7) }

/* صفحه‌هایی که از روی پروفایل باز می‌شوند (افتخارات، استودیو، جعبه‌ابزار)
   قبلاً زیر این صفحهٔ تمام‌صفحه می‌ماندند و دیده نمی‌شدند */
body.h365-pv #hon228, body.h365-pv #st229, body.h365-pv #tb231{ z-index:9995 }

/* اگر عکس پروفایل بار نشود، جایگزین حرف‌دار سراسری هم دایرهٔ کامل بماند */
.pp146 .av146 > div.flex{ position:relative; z-index:1; width:100%; height:100%; box-sizing:border-box; border-radius:50%; border:4px solid #fff; font-size:38px; box-shadow:0 16px 30px -14px rgba(76,29,149,.8) }
.mi234 > div.flex{ width:32px; height:32px; flex:none; border-radius:50%; font-size:14px }

/* ═══ v234 · تب‌ها ═══ */
.pz234 .sg234{ display:inline-flex; gap:4px; margin:14px 0 4px; padding:4px; border-radius:99px; background:#fff; box-shadow:inset 0 0 0 1px #EFE8FB }
.pz234 .sg234 button{ height:32px; padding:0 16px; border:0; border-radius:99px; background:none; cursor:pointer; font:inherit; font-size:12.5px; font-weight:800; color:#8E84A8 }
.pz234 .sg234 button.on{ color:#fff; background:linear-gradient(135deg,#FF5C8A,#A855F7); box-shadow:0 6px 12px -6px rgba(168,85,247,.9) }

/* کارت پنل با سربرگ رنگی و هنر شناور */
.pc234{ position:relative; margin-top:14px; border-radius:24px; background:#fff; box-shadow:0 14px 30px -24px rgba(76,29,149,.6), inset 0 0 0 1px #F0E9FC; overflow:hidden }
.pch234{ position:relative; display:flex; align-items:center; width:100%; min-height:58px; padding:10px 14px; border:0; cursor:pointer; font:inherit; text-align:start; color:#fff; overflow:hidden }
.pch234::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(115deg,rgba(255,255,255,.1) 0 2px,transparent 2px 14px); pointer-events:none }
.pch234:not([data-a]){ cursor:default }
.pch234 > span{ position:relative; z-index:1; display:flex; flex-direction:column; min-width:0; flex:1 }
.pch234 b{ display:flex; align-items:center; gap:2px; font-size:15px; font-weight:900; text-shadow:0 1px 6px rgba(0,0,0,.18) }
.pch234 b svg{ width:16px; height:16px }
[dir=rtl] .pch234 b svg{ transform:scaleX(-1) }
.pch234 small{ font-size:11px; font-weight:700; opacity:.9 }
.pch234 > i{ position:relative; z-index:1; width:54px; height:54px; margin:-8px 0 -10px; filter:drop-shadow(0 6px 10px rgba(0,0,0,.2)); animation:fl234 3.4s ease-in-out infinite }
.pch234 > i svg{ width:100%; height:100% }
@keyframes fl234{ 50%{ transform:translateY(-4px) rotate(-4deg) } }
.pc234.hon .pch234{ background:linear-gradient(120deg,#FFB347,#FF7A59 55%,#FF5C8A) }
.pc234.gal .pch234{ background:linear-gradient(120deg,#6E8BFF,#8B5CF6 60%,#C084FC) }
.pc234.gw  .pch234{ background:linear-gradient(120deg,#C084FC,#EC4899 60%,#FF7A59) }
.pcb234{ padding:12px }
.pe234{ margin:4px 2px; font-size:12.5px; font-weight:700; color:#9B91B5; text-align:center }
.hn234{ display:flex; flex-wrap:wrap; gap:10px 6px }
.hni234{ width:84px; display:flex; flex-direction:column; align-items:center; gap:4px; animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both }
.hni234 > :first-child{ transform:scale(1.12); margin:6px 0 4px }
.hni234 small{ max-width:100%; font-size:10.5px; font-weight:800; color:#6B5B8C; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.gr234 + .gr234{ margin-top:12px }
.gr234 p{ display:flex; align-items:center; gap:6px; margin:0 2px 8px; font-size:13px }
.gr234 p b{ font-weight:900; color:#2A1B47 }
.gr234 p em{ font-style:normal; font-size:11px; font-weight:800; color:#7C3AED; background:#F3EDFF; padding:1px 8px; border-radius:99px }
.grs234{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; padding-bottom:2px; scroll-snap-type:x proximity }
.grs234::-webkit-scrollbar{ display:none }
.pz234 .gri234{ flex:none; width:78px; scroll-snap-align:start; background:linear-gradient(180deg,#F8F5FF,#fff); box-shadow:inset 0 0 0 1px #EEE6FB }

/* دیوار هدیه */
.gwh234{ display:flex; align-items:center; gap:12px; margin-bottom:12px }
.gwr234{ flex:none; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; background:conic-gradient(#EC4899 calc(var(--p) * 1%),#F3E8FF 0) }
.gwr234 b{ width:46px; height:46px; border-radius:50%; display:grid; place-items:center; background:#fff; font-size:12.5px; font-weight:900; color:#BE185D; direction:ltr }
.gwh234 > span:last-child{ display:flex; flex-direction:column; min-width:0 }
.gwh234 > span:last-child b{ font-size:13.5px; font-weight:900; color:#2A1B47 }
.gwh234 > span:last-child small{ font-size:11px; font-weight:600; color:#9B91B5; line-height:1.5 }
.gwg234{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px }
.gwt234{ position:relative; display:flex; flex-direction:column; align-items:center; gap:2px; padding:10px 2px 8px; border-radius:16px; background:#F6F4FA; filter:grayscale(1); opacity:.55;
  animation:pop146 .35s cubic-bezier(.3,1.5,.5,1) both; animation-delay:calc(var(--i) * 18ms) }
.gwt234.on{ filter:none; opacity:1; background:linear-gradient(180deg,#FFF1F8,#F5EDFF); box-shadow:inset 0 0 0 1px #F9D5EA, 0 8px 16px -14px rgba(236,72,153,.9) }
.gwi234{ width:44px; height:44px; display:grid; place-items:center }
.gwi234 img, .gwi234 svg{ max-width:100%; max-height:100%; object-fit:contain }
.gwt234 small{ max-width:100%; font-size:10px; font-weight:800; color:#6B5B8C; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.gwt234 > b{ font-size:11.5px; font-weight:900; color:#BE185D; direction:ltr } .gwt234 > b.z{ color:#B7AFC9 }
.gwk234{ position:absolute; top:4px; inset-inline-end:4px; width:22px; height:22px; cursor:pointer }
.gwk234 img, .gwk234 em{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-size:10px; font-weight:900; color:#fff; background:#A855F7; box-shadow:0 0 0 2px #fff }
.gwk234 i{ position:absolute; top:-8px; left:50%; width:13px; height:13px; margin-left:-6.5px; color:#F5B82E; filter:drop-shadow(0 1px 1px rgba(0,0,0,.25)) }
.gwk234 i svg{ width:100%; height:100% }

/* ═══ ارتباط: همدم و یاران ویژه ═══ */
.ba234{ position:relative; flex:none; width:58px; height:58px; display:block; cursor:pointer }
.ba234 img, .ba234 em{ width:100%; height:100%; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; font-size:20px; color:#fff;
  background:linear-gradient(135deg,#FF8FB8,#8B5CF6); box-shadow:0 0 0 3px #fff, 0 10px 18px -10px rgba(76,29,149,.8) }
.ba234 em svg{ width:22px; height:22px }
.ba234.q em{ background:rgba(255,255,255,.6); color:#C08AD8; box-shadow:0 0 0 2px rgba(255,255,255,.9) inset, 0 0 0 2px #fff; border:2px dashed #E9B7DD; box-sizing:border-box }
.ba234 > i{ position:absolute; bottom:2px; inset-inline-end:2px; width:12px; height:12px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 2px #fff }
.cp234, .bf234, .rq234{ margin-top:14px; padding:12px 14px 14px; border-radius:24px; box-shadow:0 14px 30px -24px rgba(236,72,153,.8), inset 0 0 0 1px #FBE0EE }
.cp234{ position:relative; overflow:hidden; background:radial-gradient(90% 80% at 50% 110%,#FFD6E8,transparent 60%), linear-gradient(135deg,#FFF0F6,#F5EDFF) }
.cp234.on{ background:radial-gradient(90% 80% at 50% 110%,#FFB8D6,transparent 62%), linear-gradient(135deg,#FFE3EF,#EFE4FF) }
.cph234{ display:flex; align-items:center; gap:8px; margin-bottom:10px }
.cph234 b{ display:flex; align-items:center; gap:6px; font-size:14.5px; font-weight:900; color:#2A1B47 }
.cph234 b svg{ width:18px; height:18px; color:#F43F5E }
.bf234 .cph234 b svg{ color:#F5B82E }
.cph234 em{ margin-inline-start:auto; font-style:normal; font-size:11.5px; font-weight:900; color:#B45309; background:#FFF3D6; padding:1px 9px; border-radius:99px }
.bx234{ margin-inline-start:auto; height:26px; padding:0 10px; border:0; border-radius:99px; cursor:pointer; font:inherit; font-size:11px; font-weight:800; color:#BE123C; background:rgba(255,255,255,.75) }
.cpb234{ display:flex; align-items:center; gap:4px; padding:4px 6px }
.cpb234 .ba234{ width:66px; height:66px }
.cpl234{ position:relative; flex:1; height:66px; display:grid; place-items:center }
.cpl234 svg{ position:absolute; inset:18px 0; width:100%; height:30px; overflow:visible }
.cpl234 path{ fill:none; stroke:#F472B6; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:180; animation:cpl234 2.6s linear infinite }
@keyframes cpl234{ from{ stroke-dashoffset:360 } to{ stroke-dashoffset:0 } }
.cpd234{ position:relative; display:flex; flex-direction:column; align-items:center; width:62px; height:62px; justify-content:center; border-radius:50%; color:#fff;
  background:radial-gradient(circle at 35% 30%,#FF9CC2,#F43F5E 70%); box-shadow:0 10px 20px -10px #F43F5E, 0 0 0 4px rgba(255,255,255,.7); animation:beat234 1.6s ease-in-out infinite }
.cpd234 svg{ position:absolute; inset:0; width:100%; height:100%; opacity:.18 }
.cpd234 b{ position:relative; font-size:17px; font-weight:900; line-height:1 }
.cpd234 small{ position:relative; font-size:9px; font-weight:800; opacity:.95 }
@keyframes beat234{ 0%,100%{ transform:scale(1) } 12%{ transform:scale(1.1) } 24%{ transform:scale(.98) } 36%{ transform:scale(1.06) } }
.cpn234{ margin:10px 0 0; text-align:center; font-size:12.5px; font-weight:700; color:#8B6A86 } .cpn234 b{ color:#BE185D; font-weight:900 }
.bb234{ display:flex; align-items:center; justify-content:center; gap:6px; width:100%; height:42px; margin-top:12px; border:0; border-radius:14px; cursor:pointer; font:inherit; font-size:13px; font-weight:900; color:#fff;
  background:linear-gradient(135deg,#FF5C8A,#A855F7); box-shadow:0 10px 18px -10px rgba(236,72,153,.95) }
.bb234 svg{ width:17px; height:17px }
.bb234.ghost{ color:#BE185D; background:rgba(255,255,255,.8); box-shadow:inset 0 0 0 1px #F9C9DF }
.bb234:disabled{ opacity:.6 }
.bn234{ display:block; margin-top:10px; text-align:center; font-size:12px; font-weight:800; color:#7C3AED }
.bf234{ background:linear-gradient(135deg,#FFF8E6,#FFF1F7 60%,#F4EEFF); box-shadow:0 14px 30px -24px rgba(217,119,6,.8), inset 0 0 0 1px #FCE9C4 }
.bfr234{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
.bfs234{ position:relative; display:flex; flex-direction:column; align-items:center; gap:4px; padding:10px 4px; border-radius:18px; background:rgba(255,255,255,.75) }
.bfs234 small{ max-width:100%; font-size:11px; font-weight:800; color:#3B2A12; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.bfs234 > em{ font-style:normal; font-size:10px; font-weight:800; color:#B45309 }
.bfs234.e small{ color:#B8A48A }
.bfs234 .bx234.s{ position:absolute; top:4px; inset-inline-end:4px; width:22px; height:22px; padding:0; margin:0; font-size:14px; line-height:1 }
.rq234{ background:#fff; box-shadow:0 14px 30px -24px rgba(76,29,149,.6), inset 0 0 0 1px #F0E9FC }
.rqr234{ display:flex; align-items:center; gap:10px; padding:8px 0 }
.rqr234 + .rqr234{ border-top:1px solid #F3EEFA }
.rqr234 .ba234{ width:44px; height:44px }
.rqr234 > span:not(.ba234){ flex:1; min-width:0; display:flex; flex-direction:column }
.rqr234 b{ font-size:13.5px; font-weight:900; color:#2A1B47; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.rqr234 small{ font-size:11px; font-weight:700; color:#9B91B5 }
.rqr234 button{ flex:none; height:32px; padding:0 12px; border:0; border-radius:10px; cursor:pointer; font:inherit; font-size:12px; font-weight:900; color:#6B5B8C; background:#F3EEFA }
.rqr234 button.ok{ color:#fff; background:linear-gradient(135deg,#FF5C8A,#A855F7) }

/* استودیو در تب پروفایل */
.sd234{ display:flex; align-items:center; gap:12px; width:100%; padding:12px 14px; border:0; border-radius:20px; cursor:pointer; font:inherit; text-align:start; color:#fff;
  background:linear-gradient(120deg,#FF7A59,#FF3D77 50%,#7C3AED); box-shadow:0 12px 24px -16px rgba(255,61,119,.9) }
.sdl234{ width:46px; height:46px; flex:none; border-radius:14px; overflow:hidden; display:grid; place-items:center; background:rgba(255,255,255,.22); box-shadow:inset 0 0 0 1px rgba(255,255,255,.4) }
.sdl234 img{ width:100%; height:100%; object-fit:cover } .sdl234 em{ font-style:normal; font-size:20px; font-weight:900 }
.sdt234{ flex:1; min-width:0; display:flex; flex-direction:column }
.sdt234 b{ font-size:15.5px; font-weight:900; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.sdt234 small{ font-size:11px; font-weight:700; opacity:.9 }
.sdc234 svg{ width:18px; height:18px } [dir=rtl] .sdc234 svg{ transform:scaleX(-1) }

/* ═══ لحظه‌ها ═══ */
.moh234{ display:flex; align-items:center; margin:16px 2px 10px }
.moh234 b{ font-size:14.5px; font-weight:900; color:#2A1B47 } .moh234 b em{ font-style:normal; font-size:11.5px; color:#A855F7; background:#F3EDFF; padding:1px 8px; border-radius:99px }
.mos234{ margin-inline-start:auto; display:inline-flex; gap:2px; padding:3px; border-radius:99px; background:#fff; box-shadow:inset 0 0 0 1px #EFE8FB }
.mos234 button{ height:28px; padding:0 12px; border:0; border-radius:99px; background:none; cursor:pointer; font:inherit; font-size:12px; font-weight:800; color:#8E84A8 }
.mos234 button.on{ color:#fff; background:linear-gradient(135deg,#FF5C8A,#A855F7) }
.mol234{ display:flex; flex-direction:column; gap:12px }
.mo234{ padding:12px; border-radius:22px; background:#fff; box-shadow:0 12px 26px -22px rgba(76,29,149,.6), inset 0 0 0 1px #F0E9FC; animation:pnIn146 .3s ease both }
.mo234 header{ display:flex; align-items:center; gap:10px }
.mo234 header > img, .mo234 header > em{ width:38px; height:38px; border-radius:50%; object-fit:cover; display:grid; place-items:center; font-style:normal; font-weight:900; color:#fff; background:linear-gradient(135deg,#FF8FB8,#8B5CF6) }
.mo234 header span{ display:flex; flex-direction:column; min-width:0 }
.mo234 header b{ display:flex; align-items:center; gap:4px; font-size:13.5px; font-weight:900; color:#2A1B47 }
.mo234 header b i{ width:15px; height:15px; display:block } .mo234 header b i svg{ width:100%; height:100% }
.mo234 header small{ font-size:11px; font-weight:600; color:#A39BB8 }
.mo234 p{ margin:10px 2px 0; font-size:13px; font-weight:600; line-height:1.7; color:#4B4262; unicode-bidi:plaintext; word-break:break-word }
.mom234{ position:relative; display:block; width:100%; margin-top:10px; padding:0; border:0; border-radius:18px; overflow:hidden; cursor:pointer; background:#F3EEFA; aspect-ratio:4/3 }
.mom234 img, .mom234 video{ width:100%; height:100%; object-fit:cover; display:block }
.mom234 .np146{ position:absolute; inset:0; display:grid; place-items:center; color:#C4B5FD }
.mo234 footer{ display:flex; gap:16px; margin-top:10px; padding:0 4px }
.mo234 footer span{ display:flex; align-items:center; gap:5px; font-size:12.5px; font-weight:800; color:#6B5B8C }
.mo234 footer svg{ width:18px; height:18px } .mo234 footer span:first-child svg{ color:#F43F5E }
.mo234e .bb234{ width:auto; padding:0 18px }
.fab234{ position:fixed; z-index:40; bottom:calc(22px + env(safe-area-inset-bottom)); inset-inline-end:18px; width:56px; height:56px; border:0; border-radius:50%; cursor:pointer; color:#fff; display:grid; place-items:center;
  background:linear-gradient(135deg,#FF5C8A,#A855F7 60%,#6E8BFF); box-shadow:0 14px 26px -10px rgba(168,85,247,.95), 0 0 0 4px rgba(255,255,255,.7); animation:pop146 .4s cubic-bezier(.3,1.5,.5,1) both }
.fab234 svg{ width:26px; height:26px }

/* ═══ کاور در «ویرایش پروفایل» ═══ */
.ec234{ margin:6px 0 0 }
.ec234-b{ position:relative; height:150px; border-radius:22px; overflow:hidden; cursor:pointer; background:linear-gradient(135deg,#FFB36B,#FF6FA3 40%,#A56BFF 75%,#5E8BFF); box-shadow:0 16px 30px -22px rgba(124,58,237,.8) }
.ec234-b > img, .ec234-b > svg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block }
.ec234-s{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,8,40,.05),rgba(20,8,40,.35)) }
.ec234-l{ position:absolute; top:12px; inset-inline-end:12px; display:inline-flex; align-items:center; gap:6px; height:32px; padding:0 12px; border-radius:99px; color:#fff; font-size:12px;
  background:rgba(22,10,44,.4); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.ec234-l svg{ width:16px; height:16px } .ec234-l b{ font-weight:900 }
.ec234-r{ display:flex; align-items:center; gap:8px; margin:8px 2px 0 }
.ec234-r small{ flex:1; font-size:10.5px; font-weight:600; color:#A8A29E; line-height:1.5 }
.ec234-r button{ display:inline-flex; align-items:center; gap:4px; height:28px; padding:0 10px; border:0; border-radius:99px; cursor:pointer; font:inherit; font-size:11.5px; font-weight:800; color:#E11D48; background:#FFF1F4 }
.ec234-r button svg{ width:14px; height:14px }
.ec234{ margin-bottom:12px }
/* جایگزین حرف‌دار سراسری (وقتی عکس بار نشود) در آواتارهای تازه */
.ba234 > div.flex, .mi234 > div.flex, .mo234 header > div.flex, .gwk234 > div.flex, .sdl234 > div.flex{ width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 3px #fff }
.mo234 header > div.flex{ width:38px; height:38px; flex:none }