/* v165 · صفحهٔ گفتگو — رنگ‌های کاوش: صورتی #FF3D7F، بنفش #8B5CF6، آبی #3B82F6 */
#s-room.cv165on{ padding-left:0 !important; padding-right:0 !important }
#s-room.cv165on > *:not(#cv165host){ display:none !important }
#cv165host{ flex:1; min-height:0; display:flex }

.cv165{ --ink:#1F1433; --sub:#8A82A0; --pk:#FF3D7F; --vi:#8B5CF6; --bl:#3B82F6; --line:#EEE8F8;
  --me1:#FF3D7F; --me2:#8B5CF6; --them:#fff; --them-ink:#1F1433;
  position:relative; flex:1; min-height:0; width:100%; max-width:720px; margin:0 auto; display:flex; flex-direction:column; color:var(--ink); overflow:hidden }
.cv165 button{ font-family:inherit; color:inherit }
.cv165 [hidden]{ display:none !important }
.cv165 svg, .sh165 svg, .vw165 svg{ display:block }

/* ═══ کاغذدیواری‌ها ═══ */
.cv165[data-wall="aurora"]{ background:
  radial-gradient(60% 40% at 100% 0%, rgba(255,61,127,.14), transparent 70%),
  radial-gradient(55% 45% at 0% 35%, rgba(139,92,246,.14), transparent 70%),
  radial-gradient(60% 40% at 100% 100%, rgba(59,130,246,.12), transparent 70%), #FAF8FD }
.cv165[data-wall="dusk"]{ background:linear-gradient(170deg,#FFF1E6 0%,#FDE2F3 45%,#E9E3FF 100%) }
.cv165[data-wall="mint"]{ background:radial-gradient(70% 50% at 0% 0%, rgba(52,211,153,.22), transparent 70%), radial-gradient(70% 50% at 100% 100%, rgba(34,211,238,.2), transparent 70%), #F3FBF8; --me1:#10B981; --me2:#0EA5E9 }
.cv165[data-wall="sakura"]{ background:radial-gradient(circle at 20% 20%, rgba(255,255,255,.9) 0 2px, transparent 3px) 0 0/34px 34px, linear-gradient(160deg,#FFE4EF,#FFF5F9 60%,#F5EDFF); --me1:#F472B6; --me2:#EC4899 }
.cv165[data-wall="night"]{ --ink:#F4F1FF; --sub:#A59EC0; --line:rgba(255,255,255,.1); --them:#2A2144; --them-ink:#F4F1FF;
  background:radial-gradient(circle at 15% 25%, rgba(255,255,255,.55) 0 1px, transparent 1.5px) 0 0/48px 48px, radial-gradient(circle at 70% 60%, rgba(255,255,255,.35) 0 1px, transparent 1.5px) 0 0/66px 66px, linear-gradient(170deg,#140E2B,#1E1640 60%,#161233) }
.cv165[data-wall="plain"]{ background:#F7F5FA }
.cv165::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%238B5CF6' stroke-opacity='.10' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M20 24c0-5 6-7 8-2 2-5 8-3 8 2 0 5-8 10-8 10s-8-5-8-10z'/%3E%3Ccircle cx='88' cy='30' r='5'/%3E%3Cpath d='M70 86l4 8 8 1-6 5 2 8-8-4-7 4 1-8-6-5 8-1z'/%3E%3Cpath d='M18 86c6-6 12 6 18 0'/%3E%3C/g%3E%3C/svg%3E") }
.cv165[data-wall="plain"]::before, .cv165[data-wall="night"]::before{ display:none }

/* ═══ سربرگ ═══ */
.hd165{ position:relative; z-index:6; flex:none; display:flex; align-items:center; gap:6px; padding:8px 10px; margin:6px 10px 0; border-radius:22px;
  background:rgba(255,255,255,.82); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 10px 26px -14px rgba(76,29,149,.35), inset 0 0 0 1px rgba(238,232,248,.9) }
.cv165[data-wall="night"] .hd165{ background:rgba(30,22,60,.78); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
.ib165{ flex:none; width:38px; height:38px; border:0; border-radius:13px; cursor:pointer; display:grid; place-items:center; background:#F3EFFA; color:#5B5270 !important; transition:transform .15s }
.cv165[data-wall="night"] .ib165{ background:rgba(255,255,255,.08); color:#D9D2F0 !important }
.ib165:active{ transform:scale(.9) }
.ib165 svg{ width:19px; height:19px }
.ib165.g{ color:#10B981 !important; background:#E9FBF3 } .ib165.v{ color:#8B5CF6 !important; background:#F1ECFF }
.ib165.bk{ background:none } .ib165.bk svg{ width:22px; height:22px }
[dir=rtl] .ib165.bk svg{ transform:scaleX(-1) }
.who165{ flex:1; min-width:0; display:flex; align-items:center; gap:9px; border:0; background:none; padding:0; cursor:pointer; text-align:start }
.wt165{ min-width:0; display:flex; flex-direction:column; gap:1px }
.wt165 b{ display:flex; align-items:center; gap:4px; font-size:15px; font-weight:900; white-space:nowrap; overflow:hidden; color:var(--ink) }
.tk165{ display:inline-grid; flex:none; width:16px; height:16px } .tk165 svg{ width:100%; height:100% }
.mu165{ flex:none; width:14px; height:14px; color:var(--sub) } .mu165 svg{ width:100%; height:100% }
.wt165 small{ font-size:11.5px; font-weight:700; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.wt165 small .on{ color:#10B981 } .wt165 small .bk{ color:#F43F5E }
.wt165 small .ty{ color:var(--vi); display:inline-flex; align-items:center; gap:2px }
.wt165 small .ty i{ width:4px; height:4px; border-radius:50%; background:currentColor; animation:ty165 1.2s infinite }
.wt165 small .ty i:nth-child(2){ animation-delay:.15s } .wt165 small .ty i:nth-child(3){ animation-delay:.3s }
@keyframes ty165{ 0%,60%,100%{ transform:translateY(0); opacity:.4 } 30%{ transform:translateY(-3px); opacity:1 } }
.sb165{ position:absolute; inset:0; z-index:2; display:flex; align-items:center; gap:5px; padding:0 8px; border-radius:22px; background:inherit }
.hd165.srch{ background:#fff }
.sr165{ flex:1; min-width:0; display:flex; align-items:center; gap:6px; height:38px; padding:0 11px; border-radius:13px; background:#F3EFFA }
.sr165 svg{ flex:none; width:17px; height:17px; color:#A39BB8 }
.sr165 input{ flex:1; min-width:0; border:0; outline:0; background:none; font-family:inherit; font-size:14px; font-weight:700; color:#1F1433 }
.sr165 input::-webkit-search-cancel-button{ display:none }
.sc165{ flex:none; font-style:normal; font-size:11.5px; font-weight:800; color:#8A82A0; min-width:30px; text-align:center }
.ib165.s{ width:32px; height:32px; border-radius:11px } .ib165.s svg{ width:16px; height:16px }

/* آواتار */
.av165{ position:relative; flex:none; width:42px; height:42px; border-radius:50%; display:grid; place-items:center }
.ai165{ position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)) }
.ai165 img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:1 }
.ai165 em{ font-style:normal; font-weight:900; font-size:16px; color:#fff }
.av165.lg{ width:58px; height:58px } .av165.lg .ai165 em{ font-size:22px }
.av165.xl{ width:92px; height:92px } .av165.xl .ai165 em{ font-size:34px }
.av165.st{ padding:2.5px; background:conic-gradient(from var(--s5,0deg),#FF3D7F,#F59E0B,#8B5CF6,#3B82F6,#FF3D7F); animation:s5r 3s linear infinite }
.av165.st .ai165{ box-shadow:0 0 0 2px #fff }
@property --s5{ syntax:"<angle>"; inherits:false; initial-value:0deg }
@keyframes s5r{ to{ --s5:360deg } }
.on165{ position:absolute; z-index:2; bottom:0; inset-inline-end:0; width:12px; height:12px; border-radius:50%; background:#22C55E; border:2.5px solid #fff }
.av165.lg .on165{ width:14px; height:14px; bottom:2px; inset-inline-end:2px } .av165.xl .on165{ width:18px; height:18px; bottom:5px; inset-inline-end:5px }

/* ═══ فهرست پیام‌ها ═══ */
.ls165{ position:relative; z-index:1; flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:12px 12px 8px; display:flex; flex-direction:column; gap:2px; scroll-padding-bottom:20px }
.ls165::-webkit-scrollbar{ width:0 }
.ld165{ margin:auto; display:flex; gap:6px }
.ld165 i{ width:10px; height:10px; border-radius:50%; background:linear-gradient(135deg,#FF3D7F,#8B5CF6); animation:ld165 1s ease-in-out infinite }
.ld165 i:nth-child(2){ animation-delay:.15s } .ld165 i:nth-child(3){ animation-delay:.3s }
@keyframes ld165{ 50%{ transform:scale(.5); opacity:.4 } }
.em165{ margin:auto; text-align:center; font-size:13px; font-weight:700; color:var(--sub) }

/* بنر همدلی */
.bn165{ margin:10px auto 14px; width:100%; max-width:360px; display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:18px 16px 16px; border-radius:26px;
  background:rgba(255,255,255,.75); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:0 14px 34px -16px rgba(139,92,246,.45), inset 0 0 0 1px rgba(238,232,248,.9); animation:bn165 .5s cubic-bezier(.2,.9,.3,1.1) both }
.cv165[data-wall="night"] .bn165{ background:rgba(42,33,68,.75); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
@keyframes bn165{ from{ transform:translateY(12px) scale(.96); opacity:0 } }
.bp165{ position:relative; display:flex; align-items:center; margin-bottom:4px }
.bp165 .av165{ box-shadow:0 0 0 3px #fff, 0 8px 18px -6px rgba(139,92,246,.5) }
.bp165 .av165:first-child{ transform:rotate(-8deg); margin-inline-end:-10px } .bp165 .av165:last-child{ transform:rotate(8deg); margin-inline-start:-10px }
.bh165{ position:relative; z-index:3; width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6);
  box-shadow:0 0 0 3px #fff, 0 6px 14px rgba(255,61,127,.45); animation:hb165 1.4s ease-in-out infinite }
.bh165 svg{ width:17px; height:17px }
@keyframes hb165{ 0%,100%{ transform:scale(1) } 15%{ transform:scale(1.2) } 30%{ transform:scale(1) } 45%{ transform:scale(1.1) } }
.bn165 > b{ font-size:15px; font-weight:900 }
.bn165 > small{ font-size:11.5px; font-weight:700; color:var(--sub) }
.bn165 > p{ margin:6px 0 0; font-size:11.5px; font-weight:800; color:var(--vi) }
.bi165{ display:flex; flex-wrap:wrap; justify-content:center; gap:5px }
.bi165 span{ display:inline-flex; align-items:center; gap:3px; height:24px; padding:0 9px; border-radius:99px; font-size:11px; font-weight:800; color:#B45309; background:#FEF3C7 }
.bi165 svg{ width:11px; height:11px }
.bc165{ display:flex; flex-wrap:wrap; justify-content:center; gap:6px }
.bc165 button{ max-width:100%; padding:8px 13px; border:0; border-radius:14px; cursor:pointer; font-size:12.5px; font-weight:800; color:var(--vi) !important; background:#F3EEFF;
  box-shadow:inset 0 0 0 1px #E4DAFE; transition:transform .15s }
.bc165 button:active{ transform:scale(.95) }

/* جداکننده‌ها */
.dy165, .nw165{ display:flex; justify-content:center; margin:10px 0 6px; position:sticky; top:2px; z-index:2 }
.dy165 span{ padding:4px 12px; border-radius:99px; font-size:11px; font-weight:800; color:var(--sub); background:rgba(255,255,255,.8); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 2px 8px rgba(76,29,149,.08) }
.cv165[data-wall="night"] .dy165 span{ background:rgba(42,33,68,.85) }
.nw165{ position:static; align-items:center; gap:8px }
.nw165::before, .nw165::after{ content:""; flex:1; height:1.5px; background:linear-gradient(90deg,transparent,rgba(255,61,127,.45)) }
.nw165::after{ transform:scaleX(-1) }
.nw165 span{ font-size:11px; font-weight:900; color:var(--pk) }

/* ═══ حباب‌ها ═══ */
.bb165{ position:relative; display:flex; flex-direction:column; max-width:80%; margin-top:8px; transition:transform .2s }
.bb165.ct{ margin-top:2px }
.bb165.me{ align-self:flex-end; align-items:flex-end } .bb165.them{ align-self:flex-start; align-items:flex-start }
.bb165.sw{ transition:none }
.bb165.sw::before{ content:""; position:absolute; top:50%; width:30px; height:30px; margin-top:-15px; border-radius:50%; opacity:.4; transition:opacity .15s, transform .15s;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238B5CF6' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 8L4 13l6 5'/%3E%3Cpath d='M4 13h10a6 6 0 0 1 6 6'/%3E%3C/svg%3E") center/16px no-repeat; box-shadow:0 3px 10px rgba(76,29,149,.2) }
.bb165.them.sw::before{ inset-inline-start:-40px } .bb165.me.sw::before{ inset-inline-end:-40px }
.bb165.go::before{ opacity:1; transform:scale(1.15) }
.bx165{ position:relative; padding:8px 12px 6px; border-radius:20px; font-size:14.5px; line-height:1.55; word-break:break-word; overflow-wrap:anywhere; animation:bi165 .28s cubic-bezier(.2,.9,.3,1.2) both }
@keyframes bi165{ from{ transform:scale(.85) translateY(6px); opacity:0 } }
.bb165.them .bx165{ background:var(--them); color:var(--them-ink); box-shadow:0 4px 14px -8px rgba(76,29,149,.35), inset 0 0 0 1px var(--line) }
.bb165.me .bx165{ color:#fff; background:linear-gradient(135deg,var(--me1),var(--me2)); box-shadow:0 8px 18px -10px color-mix(in srgb,var(--me2) 70%,transparent) }
.bb165.them:not(.ct) .bx165{ border-start-start-radius:6px } .bb165.me:not(.ct) .bx165{ border-start-end-radius:6px }
.bb165.them.ct .bx165{ border-start-start-radius:8px } .bb165.me.ct .bx165{ border-start-end-radius:8px }
.tx165{ margin:0; white-space:pre-wrap }
.tx165 a{ color:inherit; text-decoration:underline; text-underline-offset:2px; font-weight:700 }
.bb165.big .bx165{ background:none !important; box-shadow:none !important; padding:0 2px }
.bb165.big .tx165{ font-size:44px; line-height:1.15 }
.bb165.big .tm165{ color:var(--sub) !important; background:rgba(255,255,255,.7); padding:1px 6px; border-radius:99px }
.tm165{ float:inline-end; display:inline-flex; align-items:center; gap:3px; margin:6px 0 -2px; margin-inline-start:10px; font-size:10.5px; font-weight:700; opacity:.78; white-space:nowrap; line-height:1 }
.tm165 em{ font-style:normal; font-size:9.5px; opacity:.9 }
.bb165.me .tm165{ color:rgba(255,255,255,.92) }
.tc165{ display:inline-grid; width:15px; height:15px } .tc165 svg{ width:100%; height:100% }
.tc165.s{ color:#BAE6FD; filter:drop-shadow(0 0 3px rgba(186,230,253,.8)) }
.tc165.p svg{ width:12px; height:12px; margin:1.5px }
.bb165.hit .bx165{ box-shadow:0 0 0 2.5px #FDE68A !important }
.bb165.hit.cur .bx165{ box-shadow:0 0 0 3px #F59E0B, 0 0 18px rgba(245,158,11,.6) !important }
.bb165.fl .bx165{ animation:fl165 1.2s ease }
@keyframes fl165{ 20%,60%{ box-shadow:0 0 0 4px rgba(139,92,246,.45) } }
.bb165.del .bx165{ display:flex; align-items:center; gap:6px; font-style:italic; font-size:13px; color:var(--sub) !important; background:rgba(255,255,255,.6) !important; box-shadow:inset 0 0 0 1.5px var(--line) !important; border:1px dashed #D8D0EA }
.bb165.del .bx165 svg{ width:15px; height:15px }
.bb165.del .tm165{ color:var(--sub) !important }

/* نقل‌قول پاسخ */
.qt165{ display:flex; flex-direction:column; gap:1px; width:100%; min-width:120px; margin:0 0 6px; padding:6px 10px; border:0; border-radius:12px; cursor:pointer; text-align:start;
  border-inline-start:3px solid currentColor; background:rgba(139,92,246,.1); color:var(--vi) !important }
.bb165.me .qt165{ background:rgba(255,255,255,.18); color:#fff !important }
.qt165 b{ font-size:11.5px; font-weight:900 }
.qt165 span{ font-size:12px; font-weight:600; opacity:.85; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--them-ink) }
.bb165.me .qt165 span{ color:#fff }

/* واکنش‌ها */
.rc165{ display:flex; flex-wrap:wrap; gap:3px; margin-top:-6px; padding:0 8px; position:relative; z-index:2 }
.rc165 button{ display:flex; align-items:center; gap:2px; height:24px; padding:0 7px; border:0; border-radius:99px; cursor:pointer; font-size:13px; background:#fff;
  box-shadow:0 3px 10px -3px rgba(76,29,149,.35), inset 0 0 0 1px var(--line); animation:rp165 .35s cubic-bezier(.2,.9,.3,1.5) both }
.rc165 button.me{ background:#F3EEFF; box-shadow:0 3px 10px -3px rgba(139,92,246,.5), inset 0 0 0 1.5px #C4B5FD }
.rc165 i{ font-style:normal; font-size:10.5px; font-weight:900; color:#6B6280 }
@keyframes rp165{ from{ transform:scale(0) } }
.pp165{ position:absolute; top:-10px; inset-inline-end:10%; font-size:30px; pointer-events:none; animation:pp165 .9s cubic-bezier(.2,.8,.3,1) forwards }
@keyframes pp165{ 0%{ transform:scale(.2) translateY(10px); opacity:0 } 30%{ transform:scale(1.4) translateY(-10px); opacity:1 } 100%{ transform:scale(1) translateY(-46px); opacity:0 } }

/* عکس */
.bx165.k-image{ padding:4px }
.im165{ position:relative; width:230px; max-width:62vw; aspect-ratio:1/var(--r); border-radius:17px; overflow:hidden; cursor:zoom-in; background:linear-gradient(135deg,#EDE7FE,#FCE7F3) }
.im165 img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; animation:fi165 .3s both }
@keyframes fi165{ from{ opacity:0 } }
.sp165{ position:absolute; top:50%; left:50%; width:26px; height:26px; margin:-13px; border-radius:50%; border:3px solid rgba(139,92,246,.25); border-top-color:#8B5CF6; animation:rt165 .8s linear infinite }
@keyframes rt165{ to{ transform:rotate(360deg) } }
.up165{ position:absolute; inset:0; display:grid; place-items:center; background:rgba(20,10,40,.35) }
.up165 i{ width:34px; height:34px; border-radius:50%; border:3px solid rgba(255,255,255,.35); border-top-color:#fff; animation:rt165 .8s linear infinite }
.bx165.k-image .tx165{ padding:4px 8px 0 }
.bx165.k-image .tm165{ position:absolute; bottom:10px; inset-inline-end:10px; margin:0; padding:3px 7px; border-radius:99px; color:#fff !important; background:rgba(15,10,30,.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); opacity:1 }
.bx165.k-image:has(.tx165) .tm165{ position:static; float:inline-end; background:none; margin:6px 6px 2px; color:inherit !important }

/* ویس (پخش با لایهٔ v107) */
.vo165{ display:flex !important; align-items:center; gap:9px; min-width:200px; padding:2px 0 !important; background:none !important; box-shadow:none !important }
.vo165 .dm7-play{ flex:none; width:38px; height:38px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#fff !important; background:linear-gradient(135deg,#8B5CF6,#3B82F6) }
.bb165.me .vo165 .dm7-play{ color:var(--me2) !important; background:#fff }
.vo165 .dm7-play svg{ width:16px; height:16px }
.vo165 .dm7-wave{ position:relative; flex:1; height:30px; display:flex; align-items:center; gap:2px; cursor:pointer; direction:ltr }
.vo165 .dm7-wave i{ flex:1; min-width:2px; border-radius:2px; background:currentColor; opacity:.35 }
.vo165 .dm7-prog{ position:absolute; left:0; top:0; bottom:0; width:0; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35)); border-right:2px solid currentColor; pointer-events:none }
.bb165.them .vo165 .dm7-wave{ color:#8B5CF6 }
.vo165.playing .dm7-wave i{ opacity:.7 }
.vo165 .dm7-dur{ flex:none; font-size:11px; font-weight:800; min-width:30px }
.vo165.loading .dm7-play{ animation:ld165 .8s infinite }

/* تماس و لایو */
.bb165.call{ align-self:center; max-width:92% }
.cl165{ display:flex; align-items:center; gap:10px; padding:8px 12px 8px 8px; border:0; border-radius:18px; cursor:pointer; background:rgba(255,255,255,.85); box-shadow:inset 0 0 0 1px var(--line), 0 4px 14px -8px rgba(76,29,149,.3) }
.cl165 > i{ width:36px; height:36px; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#10B981,#06B6D4) }
.cl165.ms > i{ background:linear-gradient(135deg,#F43F5E,#F97316) }
.cl165 > i svg{ width:18px; height:18px }
.cl165 span{ display:flex; flex-direction:column; text-align:start } .cl165 b{ font-size:13px; font-weight:900; color:#1F1433 } .cl165 small{ font-size:11px; font-weight:700; color:#8A82A0 }
.cl165 em{ font-style:normal; margin-inline-start:6px; padding:5px 10px; border-radius:10px; font-size:11px; font-weight:900; color:#8B5CF6; background:#F3EEFF }
.lv165{ display:flex; align-items:center; gap:10px; width:230px; max-width:62vw; padding:6px; border:0; border-radius:16px; cursor:pointer; text-align:start; background:rgba(255,255,255,.2) }
.bb165.them .lv165{ background:#FFF4ED }
.lvc165{ position:relative; flex:none; width:56px; height:56px; border-radius:13px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#F97316,#FF3D7F) }
.lvc165 svg{ width:26px; height:26px; animation:lp165 1.6s ease-in-out infinite }
@keyframes lp165{ 50%{ transform:scale(1.12) } }
.lvc165 .b{ position:absolute; top:-5px; inset-inline-start:-5px; padding:1px 5px; border-radius:6px; font-style:normal; font-size:8.5px; font-weight:900; letter-spacing:.5px; background:#EF4444; box-shadow:0 0 0 2px #fff }
.lvt165{ display:flex; flex-direction:column } .lvt165 b{ font-size:13.5px; font-weight:900 } .lvt165 small{ font-size:11px; font-weight:700; opacity:.8 }

/* دکمهٔ پایین */
.fb165{ position:absolute; z-index:5; bottom:88px; inset-inline-end:14px; width:44px; height:44px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#8B5CF6 !important;
  background:#fff; box-shadow:0 8px 22px -6px rgba(76,29,149,.4), inset 0 0 0 1px var(--line); animation:bi165 .25s both }
.fb165 svg{ width:22px; height:22px }
.fb165 b{ position:absolute; top:-6px; min-width:20px; height:20px; padding:0 5px; border-radius:10px; display:grid; place-items:center; font-size:10.5px; font-weight:900; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6) }

/* ═══ نویسنده ═══ */
.cp165{ position:relative; z-index:6; flex:none; padding:6px 10px calc(8px + env(safe-area-inset-bottom)) }
.rb165{ display:flex; align-items:center; gap:10px; margin:0 4px -8px; padding:8px 10px 14px; border-radius:18px 18px 0 0; background:rgba(255,255,255,.9); box-shadow:inset 0 0 0 1px var(--line); animation:up165 .2s both }
.cv165[data-wall="night"] .rb165{ background:rgba(42,33,68,.92) }
.rb165 > i{ flex:none; width:30px; height:30px; border-radius:10px; display:grid; place-items:center; color:#8B5CF6; background:#F3EEFF } .rb165 > i svg{ width:16px; height:16px }
.rb165 span{ flex:1; min-width:0; display:flex; flex-direction:column; border-inline-start:3px solid #8B5CF6; padding-inline-start:8px }
.rb165 b{ font-size:12px; font-weight:900; color:#8B5CF6 } .rb165 small{ font-size:12px; font-weight:600; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.rw165{ position:relative; display:flex; align-items:flex-end; gap:6px; padding:5px; border-radius:26px; background:rgba(255,255,255,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
  box-shadow:0 10px 28px -12px rgba(76,29,149,.35), inset 0 0 0 1px rgba(238,232,248,.95) }
.cv165[data-wall="night"] .rw165{ background:rgba(36,28,62,.92); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
.rw165 .ib165{ width:40px; height:40px; border-radius:50%; background:none; color:#8A82A0 !important }
.rw165 .ib165.em svg{ width:22px; height:22px }
.rw165 textarea{ box-sizing:border-box; flex:1; min-width:0; min-height:40px; max-height:132px; resize:none; border:0; outline:0; background:none; padding:10px 2px; font-family:inherit; font-size:15px; font-weight:600; line-height:1.35; color:var(--ink) }
.rw165 textarea::placeholder{ color:#B3ABC6 }
.sd165{ position:relative; flex:none; width:42px; height:42px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#fff !important;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 18px -6px rgba(255,61,127,.55); transition:transform .15s }
.sd165:active{ transform:scale(.88) }
.sd165 > span{ grid-area:1/1; display:grid; place-items:center; transition:transform .25s cubic-bezier(.2,.9,.3,1.3), opacity .2s }
.sd165 svg{ width:20px; height:20px }
.sd165 .s{ transform:scale(0) rotate(-90deg); opacity:0 }
[dir=rtl] .sd165 .s svg{ transform:scaleX(-1) }
.cp165.has .sd165 .m{ transform:scale(0) rotate(90deg); opacity:0 } .cp165.has .sd165 .s{ transform:none; opacity:1 }
.cp165.has .ib165.at{ display:none }
.cp165.rec .rw165{ visibility:hidden }
.bl165{ position:absolute; z-index:3; left:10px; right:10px; bottom:calc(8px + env(safe-area-inset-bottom)); display:flex; align-items:center; gap:8px; height:52px; padding:5px; border-radius:26px;
  background:#fff; box-shadow:0 10px 28px -12px rgba(244,63,94,.45), inset 0 0 0 1.5px #FECDD3; animation:bi165 .2s both }
.bl165 .del{ width:40px; height:40px; border-radius:50%; color:#F43F5E !important; background:#FFF1F2 }
.bl165 .d{ flex:none; width:10px; height:10px; border-radius:50%; background:#F43F5E; animation:rd165 1s infinite }
@keyframes rd165{ 50%{ opacity:.25 } }
.bl165 .t{ flex:none; font-size:14px; font-weight:900; color:#F43F5E; min-width:40px }
.bl165 .w{ flex:1; min-width:0; height:30px; display:flex; align-items:center; justify-content:flex-end; gap:2px; overflow:hidden; direction:ltr }
.bl165 .w i{ flex:none; width:3px; border-radius:2px; background:linear-gradient(0deg,#FF3D7F,#8B5CF6); animation:wv165 .2s both }
@keyframes wv165{ from{ transform:scaleY(0) } }
.bl165 .sd165 .s{ transform:none; opacity:1 }
.ep165{ display:grid; grid-template-columns:repeat(8,1fr); gap:2px; max-height:210px; overflow-y:auto; margin:8px 2px 0; padding:8px; border-radius:22px;
  background:rgba(255,255,255,.95); box-shadow:0 10px 28px -14px rgba(76,29,149,.35), inset 0 0 0 1px var(--line); animation:up165 .22s both }
.ep165 button{ height:40px; border:0; border-radius:12px; background:none; cursor:pointer; font-size:24px; transition:transform .12s }
.ep165 button:active{ transform:scale(1.3); background:#F3EEFF }
@keyframes up165{ from{ transform:translateY(12px); opacity:0 } }

/* ═══ برگه‌ها ═══ */
.sh165{ position:fixed; inset:0; z-index:9000; display:flex; align-items:flex-end; justify-content:center; background:rgba(20,10,40,.45); animation:fd165 .2s both; color:#1F1433 }
.sh165.out{ animation:fd165 .2s reverse both } .sh165.out .shc165{ animation:su165 .2s reverse both }
@keyframes fd165{ from{ opacity:0 } } @keyframes su165{ from{ transform:translateY(100%) } }
.sh165 button{ font-family:inherit; color:inherit }
.shc165{ width:100%; max-width:520px; max-height:88vh; overflow:auto; padding:8px 16px calc(18px + env(safe-area-inset-bottom)); border-radius:28px 28px 0 0; background:#FAF8FD; box-shadow:0 -10px 40px rgba(76,29,149,.25); animation:su165 .28s cubic-bezier(.2,.9,.3,1) both }
.shc165 .hd{ display:block; width:42px; height:5px; margin:0 auto 12px; border-radius:3px; background:#DDD6EC }
.qe165{ display:flex; justify-content:space-between; gap:4px; padding:6px; margin-bottom:12px; border-radius:99px; background:#fff; box-shadow:0 6px 20px -10px rgba(76,29,149,.35), inset 0 0 0 1px #EEE8F8 }
.qe165 button{ flex:1; height:44px; border:0; border-radius:50%; background:none; cursor:pointer; font-size:25px; transition:transform .15s }
.qe165 button:active{ transform:scale(1.35) } .qe165 button.on{ background:#F3EEFF }
.pv165{ padding:10px 14px; margin-bottom:10px; border-radius:16px; font-size:13.5px; font-weight:600; line-height:1.6; background:#F3EFFA; white-space:pre-wrap; word-break:break-word; max-height:120px; overflow:hidden }
.pv165 small{ display:block; margin-top:4px; font-size:11px; font-weight:700; color:#8A82A0 }
.ml165{ display:flex; flex-direction:column; padding:4px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.ml165 button{ display:flex; align-items:center; gap:12px; height:50px; padding:0 12px; border:0; border-radius:15px; background:none; cursor:pointer; font-size:14px; font-weight:800; text-align:start }
.ml165 button:active{ background:#F6F2FB }
.ml165 i{ width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:#8B5CF6; background:#F3EEFF } .ml165 i svg{ width:17px; height:17px }
.ml165 .red{ color:#E11D48 !important } .ml165 .red i{ color:#E11D48; background:#FFE4E6 }
.st165{ display:flex; align-items:center; gap:6px; margin:4px 4px 10px; font-size:13px; font-weight:900; color:#8A82A0 } .st165 svg{ width:16px; height:16px; color:#8B5CF6 }
.at165{ display:grid; grid-template-columns:1fr 1fr; gap:8px }
.at165 button{ display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:14px; border:0; border-radius:20px; cursor:pointer; text-align:start; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.at165 i{ width:44px; height:44px; margin-bottom:6px; border-radius:15px; display:grid; place-items:center; color:#fff } .at165 i svg{ width:22px; height:22px }
.at165 .a i{ background:linear-gradient(135deg,#8B5CF6,#3B82F6) } .at165 .b i{ background:linear-gradient(135deg,#FF3D7F,#F97316) }
.at165 .c i{ background:linear-gradient(135deg,#10B981,#06B6D4) } .at165 .d i{ background:linear-gradient(135deg,#F59E0B,#EC4899) }
.at165 b{ font-size:14px; font-weight:900 } .at165 small{ font-size:11px; font-weight:700; color:#8A82A0 }
.if165{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; margin:4px 0 14px }
.if165 .av165{ margin-bottom:6px; box-shadow:0 12px 26px -10px rgba(139,92,246,.6) }
.if165 > b{ display:flex; align-items:center; gap:5px; font-size:19px; font-weight:900 }
.if165 > small{ font-size:12.5px; font-weight:700; color:#8A82A0 }
.if165 > em{ display:inline-flex; align-items:center; gap:5px; margin:4px 0; padding:4px 11px; border-radius:99px; font-style:normal; font-size:11.5px; font-weight:800; color:#E11D48; background:#FFE4E6 }
.if165 > em svg{ width:13px; height:13px }
.iq165{ display:grid; grid-template-columns:repeat(5,1fr); gap:6px; margin-bottom:16px }
.iq165 button{ display:flex; flex-direction:column; align-items:center; gap:5px; padding:10px 2px; border:0; border-radius:16px; cursor:pointer; font-size:11px; font-weight:800; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.iq165 i{ width:38px; height:38px; border-radius:13px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#FF3D7F,#F97316) } .iq165 i svg{ width:18px; height:18px }
.iq165 i.g{ background:linear-gradient(135deg,#10B981,#06B6D4) } .iq165 i.v{ background:linear-gradient(135deg,#8B5CF6,#3B82F6) } .iq165 i.b{ background:linear-gradient(135deg,#3B82F6,#22D3EE) } .iq165 i.m{ background:linear-gradient(135deg,#64748B,#94A3B8) }
.wl165{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px }
.wl165 button{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:6px 6px 8px; border:0; border-radius:18px; cursor:pointer; font-size:12px; font-weight:800; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.wl165 button.on{ box-shadow:inset 0 0 0 2.5px #8B5CF6; color:#8B5CF6 !important }
.wl165 i{ width:100%; height:64px; border-radius:13px }
.wl165 .w-aurora i{ background:radial-gradient(60% 50% at 100% 0,rgba(255,61,127,.35),transparent 70%),radial-gradient(60% 60% at 0 60%,rgba(139,92,246,.35),transparent 70%),#FAF8FD }
.wl165 .w-dusk i{ background:linear-gradient(170deg,#FFE3CF,#FBCFE8 50%,#DDD6FE) }
.wl165 .w-mint i{ background:radial-gradient(70% 60% at 0 0,rgba(52,211,153,.45),transparent 70%),radial-gradient(70% 60% at 100% 100%,rgba(34,211,238,.4),transparent 70%),#F3FBF8 }
.wl165 .w-sakura i{ background:linear-gradient(160deg,#FFD1E3,#FFF5F9 60%,#EBDDFF) }
.wl165 .w-night i{ background:radial-gradient(circle at 30% 30%,#fff 0 1px,transparent 1.5px) 0 0/16px 16px,linear-gradient(170deg,#140E2B,#2A1F58) }
.wl165 .w-plain i{ background:#F1EEF6 }

/* نمایش عکس */
.vw165{ position:fixed; inset:0; z-index:9500; display:grid; place-items:center; padding:20px; background:rgba(10,6,20,.92); animation:fd165 .2s both; cursor:zoom-out }
.vw165.out{ animation:fd165 .18s reverse both }
.vw165 img{ max-width:100%; max-height:100%; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.5); animation:bi165 .3s both }
.vw165 button{ position:absolute; top:max(14px,env(safe-area-inset-top)); inset-inline-end:14px; width:44px; height:44px; border:0; border-radius:50%; display:grid; place-items:center; color:#fff; background:rgba(255,255,255,.15); cursor:pointer }
.vw165 button svg{ width:20px; height:20px }

@media (max-width:380px){ .hd165 .ib165[data-a="search"]{ display:none } .hd165 .ib165{ width:35px; height:35px } }
@media (prefers-reduced-motion:reduce){ .bx165, .bn165, .bh165, .av165.st, .wt165 small .ty i, .lvc165 svg, .rc165 button{ animation:none !important } }
/* شب: حباب حذف‌شده و تراشه‌ها */
.cv165[data-wall="night"] .bb165.del .bx165{ background:rgba(255,255,255,.06) !important; border-color:rgba(255,255,255,.18); color:#A59EC0 !important }
.cv165[data-wall="night"] .rc165 button{ background:#2A2144; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12) }
.cv165[data-wall="night"] .bb165.big .tm165{ background:rgba(42,33,68,.85) }
.cv165[data-wall="night"] .cl165{ background:rgba(42,33,68,.9) } .cv165[data-wall="night"] .cl165 b{ color:#F4F1FF }
.cv165[data-wall="night"] .bn165 .bc165 button{ background:rgba(139,92,246,.2); color:#DDD6FE !important; box-shadow:none }
.cv165[data-wall="night"] .bb165.them .lv165{ background:rgba(249,115,22,.16) }
/* کارت لایو در پیوی: همان طرح قبلی (v97/v108) */
.bb165.lvw{ max-width:none }
.bb165.lvw .tm165{ float:none; margin:4px 6px 0; color:var(--sub) !important; opacity:1 }
.bb165.lvw .lc97{ box-shadow:0 12px 28px -12px rgba(76,29,149,.4) }
.bb165.lvw .lc97-wrap{ max-width:232px !important }
.cv165 .lc97-follow{ color:#ff2d6f !important } .cv165 .lc97-follow.done{ color:#8d7f9a !important }
/* v167: دکمهٔ دنبال کردن روی کارت لایو — قرص گرادیانی بالا کنار نام */
.cv165 .lc97-top{ gap:8px; padding:9px 9px 9px 10px }
.cv165 .lc97-follow.fw165{ display:inline-flex !important; align-items:center; gap:4px; height:28px; padding:0 11px 0 9px; border-radius:99px; cursor:pointer;
  font-size:11.5px; font-weight:900; color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 14px -4px rgba(255,61,127,.55);
  position:relative; overflow:hidden; transition:transform .15s }
.cv165 .lc97-follow.fw165:active{ transform:scale(.92) }
.cv165 .lc97-follow.fw165 svg{ flex:none; width:13px; height:13px }
.cv165 .lc97-follow.fw165::after{ content:""; position:absolute; inset:0; background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%); background-size:250% 100%; animation:fw165 2.8s ease-in-out infinite }
@keyframes fw165{ 0%{ background-position:130% 0 } 55%,100%{ background-position:-40% 0 } }
.cv165 .lc97-follow.fw165.done{ color:#8B5CF6 !important; background:#F3EEFF; box-shadow:inset 0 0 0 1.5px #DDD6FE }
.cv165 .lc97-follow.fw165.done::after, .cv165 .lc97-follow.fw165.mine::after{ display:none }
.cv165 .lc97-follow.fw165.mine{ color:#F43F5E !important; background:#FFF1F2; box-shadow:inset 0 0 0 1.5px #FECDD3 }
.cv165 .lc97-follow.fw165.pop{ animation:fp165 .45s cubic-bezier(.2,.9,.3,1.6) }
@keyframes fp165{ 40%{ transform:scale(1.15) } }
.cv165 .lc97.off .lc97-follow.fw165.mine{ color:#6b6470 !important; background:#F1EEF4; box-shadow:none }

/* ═══════════ v168 · منوی سه‌نقطهٔ گفتگو ═══════════ */
.sh165.rm .shc165{ padding-top:0; overflow-x:hidden; background:#F7F5FB }
.sh165.rm .shc165 > .hd{ position:relative; z-index:3; margin:8px auto -13px; background:rgba(255,255,255,.7) }
.rh165{ position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px;
  margin:0 -16px 14px; padding:30px 16px 20px; color:#fff; background:linear-gradient(135deg,var(--g1),var(--g2)) }
.rh165 .rbg{ position:absolute; inset:-30px; z-index:-2; background:center/cover no-repeat; filter:blur(26px) saturate(1.5); opacity:.9; transform:scale(1.1) }
.rh165::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(20,10,40,.15),rgba(20,10,40,.45)) }
.rh165 > i{ position:absolute; z-index:-1; border-radius:50%; filter:blur(24px); opacity:.6 }
.rh165 .o1{ width:150px; height:150px; background:#FF3D7F; top:-60px; inset-inline-end:-30px; animation:or165 8s ease-in-out infinite alternate }
.rh165 .o2{ width:140px; height:140px; background:#3B82F6; bottom:-70px; inset-inline-start:-30px; animation:or165 10s ease-in-out infinite alternate-reverse }
@keyframes or165{ to{ transform:translate(30px,20px) scale(1.2) } }
.rh165 .av165.xl{ width:96px; height:96px; margin-bottom:6px; box-shadow:0 0 0 4px rgba(255,255,255,.35), 0 16px 34px -10px rgba(0,0,0,.45) }
.rh165 .av165.st{ padding:3.5px }
.rh165 > b{ display:flex; align-items:center; gap:5px; font-size:21px; font-weight:900; text-shadow:0 2px 10px rgba(0,0,0,.25) }
.rh165 > small{ font-size:12.5px; font-weight:700; opacity:.92 }
.rh165 .bi165{ margin-top:6px } .rh165 .bi165 span{ color:#fff; background:rgba(255,255,255,.2); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.rq165{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:-34px 0 12px; position:relative; z-index:2 }
.rq165 button{ display:flex; flex-direction:column; align-items:center; gap:6px; padding:12px 4px 10px; border:0; border-radius:20px; cursor:pointer; background:#fff;
  box-shadow:0 10px 24px -12px rgba(76,29,149,.4), inset 0 0 0 1px #EEE8F8; font-size:12px; font-weight:800; transition:transform .15s }
.rq165 button:active{ transform:scale(.94) }
.rq165 i{ width:42px; height:42px; border-radius:15px; display:grid; place-items:center; color:#fff; box-shadow:0 8px 16px -6px rgba(0,0,0,.25) }
.rq165 i svg{ width:20px; height:20px }
.rq165 i.g{ background:linear-gradient(135deg,#10B981,#06B6D4) } .rq165 i.v{ background:linear-gradient(135deg,#8B5CF6,#3B82F6) }
.rq165 i.p{ background:linear-gradient(135deg,#FF3D7F,#F97316) } .rq165 i.b{ background:linear-gradient(135deg,#3B82F6,#22D3EE) }
.rs165{ display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:12px; padding:12px 4px; border-radius:20px; background:linear-gradient(120deg,#FFF1F6,#F3EEFF 55%,#EEF4FF); box-shadow:inset 0 0 0 1px #EFE6FF }
.rs165 span{ display:flex; flex-direction:column; align-items:center; gap:1px; position:relative }
.rs165 span + span::before{ content:""; position:absolute; inset-inline-start:0; top:15%; bottom:15%; width:1px; background:#E4DAF5 }
.rs165 b{ font-size:18px; font-weight:900; background:linear-gradient(90deg,#FF3D7F,#8B5CF6); -webkit-background-clip:text; background-clip:text; color:transparent }
.rs165 small{ font-size:10.5px; font-weight:800; color:#8A82A0 }
.rmh165{ display:flex; flex-direction:column; gap:10px; width:100%; padding:12px; margin-bottom:6px; border:0; border-radius:20px; cursor:pointer; text-align:start; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.rmh165 .t{ display:flex; align-items:center; gap:10px }
.rmh165 .t > i{ width:34px; height:34px; border-radius:11px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#F59E0B,#EC4899) } .rmh165 .t > i svg{ width:17px; height:17px }
.rmh165 .t b{ flex:1; font-size:14px; font-weight:900 }
.rmh165 .t em{ font-style:normal; font-size:12px; font-weight:900; color:#8B5CF6 }
.rmh165 .t > svg{ width:16px; height:16px; color:#B3ABC6 } [dir=rtl] .rmh165 .t > svg, [dir=rtl] .rr165 .cv svg{ transform:scaleX(-1) }
.rmh165 .st{ display:grid; grid-template-columns:repeat(5,1fr); gap:5px }
.rmh165 .st i{ aspect-ratio:1; border-radius:12px; background:linear-gradient(135deg,#EDE7FE,#FCE7F3) center/cover no-repeat }
.rmh165 .em{ font-size:12px; font-weight:700; color:#A39BB8 }
.rg165{ margin:14px 6px 6px; font-size:12px; font-weight:900; color:#8A82A0 }
.rl165{ display:flex; flex-direction:column; padding:4px; border-radius:20px; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8 }
.rr165{ display:flex; align-items:center; gap:12px; min-height:56px; padding:6px 10px; border:0; border-radius:16px; background:none; cursor:pointer; text-align:start }
.rr165:active{ background:#F6F2FB }
.rr165 + .rr165{ position:relative } .rr165 + .rr165::before{ content:""; position:absolute; top:0; inset-inline-start:56px; inset-inline-end:10px; height:1px; background:#F2EEF8 }
.rr165 > i{ flex:none; width:36px; height:36px; border-radius:12px; display:grid; place-items:center; color:#8B5CF6; background:#F3EEFF } .rr165 > i svg{ width:18px; height:18px }
.rr165 > span{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px }
.rr165 b{ font-size:14px; font-weight:800 } .rr165 small{ font-size:11.5px; font-weight:600; color:#8A82A0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.rr165 .cv{ font-style:normal; color:#C4BCD6 } .rr165 .cv svg{ width:16px; height:16px }
.rr165.red b{ color:#E11D48 } .rr165.red > i{ color:#E11D48; background:#FFE4E6 }
.rl165.dz{ box-shadow:inset 0 0 0 1px #FFE4E6 }
.tg165{ position:relative; flex:none; width:46px; height:28px; border-radius:99px; background:#E5E0EE; transition:background .25s }
.tg165 i{ position:absolute; top:3px; inset-inline-start:3px; width:22px; height:22px; border-radius:50%; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,.2); transition:inset-inline-start .25s cubic-bezier(.3,.9,.3,1.3) }
.tg165.on{ background:linear-gradient(90deg,#FF3D7F,#8B5CF6) } .tg165.on i{ inset-inline-start:21px }
.rf165{ display:flex; align-items:center; justify-content:center; gap:6px; margin:16px 8px 4px; font-size:11px; font-weight:700; color:#A39BB8; text-align:center }
.rf165 svg{ flex:none; width:15px; height:15px; color:#10B981 }
/* گالری رسانه */
.mg165h{ margin:0 4px 10px } .mg165h b{ font-size:18px; font-weight:900 }
.mt165{ display:flex; gap:6px; padding:4px; margin-bottom:12px; border-radius:16px; background:#EFEBF6 }
.mt165 button{ flex:1; height:36px; border:0; border-radius:12px; cursor:pointer; background:none; font-size:12.5px; font-weight:900; color:#8A82A0 !important }
.mt165 button i{ font-style:normal; opacity:.7 }
.mt165 button.on{ background:#fff; color:#8B5CF6 !important; box-shadow:0 4px 12px -6px rgba(76,29,149,.35) }
.gg165{ display:grid; grid-template-columns:repeat(3,1fr); gap:4px }
.gg165 button{ aspect-ratio:1; border:0; border-radius:12px; cursor:zoom-in; background:linear-gradient(135deg,#EDE7FE,#FCE7F3) center/cover no-repeat }
.vl165{ display:flex; flex-direction:column; gap:6px }
.vo165.gv{ padding:8px 10px !important; border-radius:16px; background:#fff !important; box-shadow:inset 0 0 0 1px #EEE8F8 !important; color:#8B5CF6 }
.vo165.gv small{ flex:none; font-size:10.5px; font-weight:700; color:#8A82A0 }
.ll165{ display:flex; flex-direction:column; gap:6px }
.ll165 a{ display:flex; align-items:center; gap:10px; padding:10px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px #EEE8F8; text-decoration:none; color:#1F1433 }
.ll165 a i{ flex:none; width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#3B82F6,#8B5CF6) } .ll165 a i svg{ width:18px; height:18px }
.ll165 a span{ min-width:0; display:flex; flex-direction:column } .ll165 a b{ font-size:13.5px; font-weight:900 } .ll165 a small{ font-size:11px; color:#8A82A0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; direction:ltr; text-align:start }
.nf165{ text-align:center; padding:30px 0; font-size:13px; font-weight:700; color:#8A82A0 }
.rr165 > .tg165{ flex:0 0 46px; width:46px; min-width:0 }

/* ═══════════ v169 ═══════════ */
/* پیام سرویسی (تم / پاک‌سازی) */
.sy165{ display:flex; justify-content:center; margin:10px 0 4px }
.sy165 span{ display:inline-flex; align-items:center; gap:6px; max-width:88%; padding:6px 12px; border-radius:99px; font-size:11.5px; font-weight:800; color:#6D28D9; text-align:center;
  background:rgba(255,255,255,.85); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 3px 10px rgba(76,29,149,.1), inset 0 0 0 1px #EDE7FE }
.sy165 svg{ flex:none; width:14px; height:14px }
.cv165[data-wall="night"] .sy165 span{ color:#DDD6FE; background:rgba(42,33,68,.85); box-shadow:inset 0 0 0 1px rgba(255,255,255,.08) }
/* برگهٔ پاک‌سازی */
.cq165{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; margin:4px 0 14px }
.cq165 i{ width:56px; height:56px; margin-bottom:6px; border-radius:20px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#F43F5E,#F97316); box-shadow:0 10px 22px -8px rgba(244,63,94,.55) }
.cq165 i svg{ width:26px; height:26px }
.cq165 b{ font-size:17px; font-weight:900 } .cq165 small{ font-size:12px; font-weight:700; color:#8A82A0 }
/* فاصلهٔ اضافهٔ پایین در موبایل */
.cp165{ padding-bottom:8px }
/* برگه‌ها در وب (کامپیوتر): هم‌عرض قاب برنامه، بدون نوار اسکرول */
.shc165, .shc164{ max-width:440px; scrollbar-width:none }
.shc165::-webkit-scrollbar, .shc164::-webkit-scrollbar{ display:none }
@media (min-width:600px){ .shc165, .shc164{ border-radius:28px 28px 0 0 } .sh165, .sh164{ align-items:flex-end } }

/* v170: صفحهٔ گفتگو اصلاً اسکرول نمی‌خورد — فقط فهرست پیام‌ها.
   ظرف صفحه‌ها برای بقیهٔ صفحه‌ها ۱۱۲px فاصلهٔ پایین (pb-28) دارد؛ همین فضای
   خالی پایین و رفتن سربرگ زیر لوگو را می‌ساخت. */
html.h365-cv, html.h365-cv body{ overflow:hidden !important; overscroll-behavior:none }
html.h365-cv .flex-1.overflow-y-auto.pb-28{ padding-bottom:0 !important; overflow:hidden !important }

/* v182 · برچسب‌های روز دیگر sticky نیستند (روی هم می‌افتادند)؛ یک قرص شناور به‌جایشان */
.cv165 .dy165{ position:static !important }
.fd165{ position:absolute; left:0; right:0; z-index:4; display:flex; justify-content:center; pointer-events:none; opacity:0; transform:translateY(-6px); transition:opacity .2s ease, transform .2s ease }
.fd165.on{ opacity:1; transform:none }
.fd165 span{ padding:4px 12px; border-radius:99px; font-size:11px; font-weight:800; color:var(--sub); background:rgba(255,255,255,.9); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); box-shadow:0 2px 10px rgba(76,29,149,.14) }
.cv165[data-wall="night"] .fd165 span, .cv165[data-wall="galaxy"] .fd165 span{ background:rgba(42,33,68,.92); color:#E9E3FF }
.tc165.d{ color:rgba(255,255,255,.78) }
.bb165.me .tc165.s{ color:#5EF0FF !important; filter:drop-shadow(0 0 2px rgba(14,165,233,.9)) drop-shadow(0 0 4px rgba(94,240,255,.6)) }