/* v163 · لایک‌ها (Likes Hub) — رنگ‌های کاوش: صورتی #FF3D7F، بنفش #8B5CF6، آبی #3B82F6 */
#s-likes.lk163on{ padding-left:0 !important; padding-right:0 !important }
#s-likes.lk163on > *:not(#lk163host){ display:none !important }

.lk163{ --ink:#1F1433; --sub:#8A82A0; --pk:#FF3D7F; --vi:#8B5CF6; --bl:#3B82F6; --line:#EEE8F8;
  color:var(--ink); max-width:640px; margin:0 auto; padding:4px 14px calc(96px + env(safe-area-inset-bottom)) }
.lk163 button{ font-family:inherit; color:inherit }
.lk163 svg{ display:block }

/* ═══ نوار بالا ═══ */
.tp163{ display:flex; align-items:center; gap:10px; margin:4px 0 12px }
.sg163{ flex:1; display:flex; padding:4px; border-radius:18px; background:#F2EFF7; box-shadow:inset 0 0 0 1px var(--line) }
.sg163 button{ flex:1; height:40px; border:0; border-radius:14px; background:none; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:7px;
  font-size:14px; font-weight:900; color:var(--sub) !important; transition:.25s }
.sg163 button svg{ width:17px; height:17px }
.sg163 button.on{ color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 16px rgba(255,61,127,.32) }
.bl163{ position:relative; flex:none; width:48px; height:48px; border:0; border-radius:16px; cursor:pointer; display:grid; place-items:center; background:#fff; color:var(--vi) !important;
  box-shadow:0 6px 18px rgba(76,29,149,.1), inset 0 0 0 1.5px var(--line) }
.bl163 svg{ width:22px; height:22px }
.bl163 b{ position:absolute; top:-5px; inset-inline-end:-5px; 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,#F97316); border:2px solid #fff; animation:bp163 1.8s ease-in-out infinite }
@keyframes bp163{ 50%{ transform:scale(1.12) } }

/* ═══ هیرو ═══ */
.hc163{ position:relative; overflow:hidden; border-radius:26px; padding:16px 16px 12px; color:#fff; isolation:isolate;
  background:linear-gradient(135deg,#FF3D7F 0%,#C026D3 42%,#8B5CF6 70%,#3B82F6 100%); box-shadow:0 18px 38px -12px rgba(139,92,246,.55) }
.hc163 > i{ position:absolute; border-radius:50%; z-index:-1; filter:blur(22px); opacity:.55 }
.hc163 .o1{ width:160px; height:160px; background:#FDE68A; top:-70px; inset-inline-end:-40px; animation:or163 9s ease-in-out infinite alternate }
.hc163 .o2{ width:140px; height:140px; background:#22D3EE; bottom:-70px; inset-inline-start:-30px; animation:or163 11s ease-in-out infinite alternate-reverse }
.hc163 .o3{ width:90px; height:90px; background:#F472B6; top:30%; left:45%; animation:or163 7s ease-in-out infinite alternate }
@keyframes or163{ to{ transform:translate(30px,20px) scale(1.2) } }
.hc163::before{ content:""; position:absolute; inset:0; z-index:-1; opacity:.18;
  background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1.5px); background-size:14px 14px }
.hm163{ display:flex; align-items:flex-end; justify-content:space-between; gap:12px }
.hn163{ display:flex; flex-direction:column; gap:2px; min-width:0 }
.hn163 small{ font-size:12px; font-weight:800; opacity:.9 }
.hn163 > b{ display:flex; align-items:center; gap:8px; font-size:44px; line-height:1.05; font-weight:900; letter-spacing:-1px; text-shadow:0 4px 16px rgba(0,0,0,.18) }
.hh163{ width:30px; height:30px; color:#fff; filter:drop-shadow(0 0 10px rgba(255,255,255,.8)); animation:hb163 1.3s ease-in-out infinite }
.hh163 svg{ width:100%; height:100% }
@keyframes hb163{ 0%,100%{ transform:scale(1) } 15%{ transform:scale(1.22) } 30%{ transform:scale(1) } 45%{ transform:scale(1.12) } }
.hn163 em{ display:inline-flex; align-items:center; gap:3px; width:max-content; margin-top:4px; padding:3px 9px 3px 6px; border-radius:99px; font-style:normal; font-size:11px; font-weight:800;
  background:rgba(255,255,255,.2); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
.hn163 em svg{ width:14px; height:14px }
.hn163 em.up svg{ color:#A7F3D0 } .hn163 em.dn svg{ color:#FECACA }
.ch163{ flex:none; display:flex; align-items:flex-end; gap:5px; height:92px; direction:ltr }
.ch163 span{ display:flex; flex-direction:column; align-items:center; gap:4px; height:100% }
.ch163 span i{ position:relative; flex:1; width:14px; display:flex; align-items:flex-end; border-radius:8px; background:rgba(255,255,255,.16) }
.ch163 span i::before{ content:""; width:100%; height:var(--h); border-radius:8px; background:linear-gradient(0deg,rgba(255,255,255,.55),#fff);
  animation:bar163 .9s cubic-bezier(.2,.9,.3,1.2) both }
.ch163 span.t i::before{ background:linear-gradient(0deg,#FDE68A,#fff); box-shadow:0 0 12px rgba(253,230,138,.9) }
.ch163 u{ position:absolute; bottom:calc(var(--h) + 2px); left:50%; transform:translateX(-50%); text-decoration:none; font-size:9px; font-weight:900 }
.ch163 small{ font-size:9.5px; font-weight:800; opacity:.85 }
.ch163 span:nth-child(2) i::before{ animation-delay:.05s } .ch163 span:nth-child(3) i::before{ animation-delay:.1s } .ch163 span:nth-child(4) i::before{ animation-delay:.15s }
.ch163 span:nth-child(5) i::before{ animation-delay:.2s } .ch163 span:nth-child(6) i::before{ animation-delay:.25s } .ch163 span:nth-child(7) i::before{ animation-delay:.3s }
@keyframes bar163{ from{ height:0 } }
.hs163{ display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin-top:14px }
.st163{ display:flex; flex-direction:column; align-items:center; gap:1px; padding:8px 2px 7px; border-radius:16px; cursor:pointer;
  background:rgba(255,255,255,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.25); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); transition:transform .15s }
.st163:active{ transform:scale(.95) }
.st163 i{ width:26px; height:26px; margin-bottom:2px; border-radius:9px; display:grid; place-items:center; background:#fff }
.st163 i svg{ width:15px; height:15px }
.st163.total i{ color:#FF3D7F } .st163.super i{ color:#F59E0B } .st163.match i{ color:#10B981 } .st163.vis i{ color:#3B82F6 }
.st163 b{ font-size:16px; font-weight:900 }
.st163 small{ font-size:10px; font-weight:700; opacity:.9; white-space:nowrap }

#lk163rq:not(:empty){ margin-top:12px }

/* ═══ تب‌ها ═══ */
.tb163{ position:sticky; top:0; z-index:5; display:flex; gap:7px; overflow-x:auto; scrollbar-width:none; margin:14px -14px 10px; padding:8px 14px;
  background:linear-gradient(180deg,rgba(250,248,253,.97) 70%,rgba(250,248,253,0)); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px) }
.tb163::-webkit-scrollbar{ display:none }
.tb163 button{ flex:none; display:flex; align-items:center; gap:6px; height:38px; padding:0 15px; border:0; border-radius:99px; cursor:pointer;
  font-size:13px; font-weight:900; color:var(--sub) !important; background:#fff; box-shadow:inset 0 0 0 1.5px var(--line); transition:.2s }
.tb163 button i{ min-width:19px; height:19px; padding:0 5px; border-radius:10px; display:grid; place-items:center; font-style:normal; font-size:10.5px; font-weight:900; background:#F2EFF7; color:var(--vi) }
.tb163 button i.dot{ background:linear-gradient(135deg,#FF3D7F,#F97316); color:#fff }
.tb163 button.on{ color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 16px rgba(139,92,246,.3) }
.tb163 button.on i{ background:rgba(255,255,255,.25); color:#fff }

/* فیلترها */
.fl163{ display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; margin:0 -14px 12px; padding:0 14px }
.fl163::-webkit-scrollbar{ display:none }
.fl163 button{ flex:none; height:32px; padding:0 13px; border:0; border-radius:12px; cursor:pointer; font-size:12px; font-weight:800; color:var(--sub) !important; background:#F2EFF7 }
.fl163 button i{ font-style:normal; opacity:.7 }
.fl163 button.on{ color:var(--vi) !important; background:#EDE7FE; box-shadow:inset 0 0 0 1.5px #C4B5FD }

/* ═══ کارت بهترین هم‌خوانی ═══ */
.sp163{ position:relative; display:flex; align-items:center; gap:12px; padding:14px; margin-bottom:14px; border-radius:24px; overflow:hidden; cursor:pointer; isolation:isolate;
  background:linear-gradient(120deg,#FFF1F6,#F5F0FF 55%,#EEF4FF); box-shadow:0 10px 26px -10px rgba(139,92,246,.35), inset 0 0 0 1.5px #F1E6FF; transition:transform .3s, opacity .3s }
.sp163 .sg{ position:absolute; inset:0; z-index:-1; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.9) 48%,transparent 60%); background-size:250% 100%; animation:sw163 4s ease-in-out infinite }
@keyframes sw163{ 0%{ background-position:130% 0 } 60%,100%{ background-position:-40% 0 } }
.spi163{ position:relative; flex:none }
.spi163::before{ content:""; position:absolute; inset:-4px; border-radius:50%; background:conic-gradient(#FF3D7F,#F59E0B,#8B5CF6,#3B82F6,#FF3D7F); animation:rot163 3s linear infinite }
.spt163{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px }
.spt163 > small{ display:flex; align-items:center; gap:4px; font-size:11px; font-weight:900; color:var(--pk) }
.spt163 > small svg{ width:13px; height:13px; color:#F59E0B }
.spt163 > b{ display:flex; align-items:center; gap:4px; font-size:17px; font-weight:900; white-space:nowrap; overflow:hidden }
.spt163 > b span{ font-weight:700; color:var(--sub) }
.spt163 > em{ display:flex; align-items:center; gap:3px; font-style:normal; font-size:11.5px; font-weight:700; color:var(--sub) }
.spt163 > em svg{ width:13px; height:13px }
.spa163{ display:flex; gap:7px; margin-top:6px }
.spa163 button{ height:36px; border:0; border-radius:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12.5px; font-weight:900 }
.spa163 .no{ width:36px; background:#fff; color:#94A3B8 !important; box-shadow:inset 0 0 0 1.5px var(--line) }
.spa163 .no svg{ width:14px; height:14px }
.spa163 .yes{ padding:0 14px; color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 14px rgba(255,61,127,.35) }
.spa163 .yes svg{ width:16px; height:16px }
.sp163.out{ transform:translateX(-30px); opacity:0 }

/* آواتار */
.av163{ position:relative; flex:none; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,var(--g1),var(--g2)) }
.av163 > img{ position:absolute; inset:0; width:100%; height:100%; border-radius:50%; object-fit:cover; z-index:1 }
.av163 > em{ font-style:normal; font-weight:900; font-size:18px; color:#fff }
.av163.lg{ width:62px; height:62px } .av163.lg > em{ font-size:22px }
.av163.xl{ width:72px; height:72px; border:3px solid #fff } .av163.xl > em{ font-size:26px }
.on163{ position:absolute; z-index:2; bottom:1px; inset-inline-end:1px; width:13px; height:13px; border-radius:50%; background:#22C55E; border:2.5px solid #fff }
.tk163{ display:inline-grid; flex:none; width:16px; height:16px } .tk163 svg{ width:100%; height:100% }

/* حلقهٔ سازگاری */
.rg163{ position:relative; flex:none; width:38px; height:38px; display:grid; place-items:center }
.rg163 svg{ position:absolute; inset:0; transform:rotate(-90deg) }
.rg163 circle{ fill:none; stroke-width:4 }
.rg163 .b{ stroke:rgba(255,255,255,.35) }
.rg163 .f{ stroke:#fff; stroke-linecap:round; transition:stroke-dashoffset 1s }
.rg163 b{ position:relative; font-size:10.5px; font-weight:900; color:#fff; line-height:1 }
.rg163 b small{ font-size:7.5px }
.rg163.lg{ width:58px; height:58px } .rg163.lg b{ font-size:15px; color:var(--vi) } .rg163.lg b small{ font-size:9px }
.rg163.lg .b{ stroke:#EDE7FE } .rg163.lg .f{ stroke:#8B5CF6 }
.rg163.sm{ position:absolute; top:8px; inset-inline-end:8px; z-index:3; border-radius:50%; background:rgba(15,10,30,.35); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }

/* ═══ شبکهٔ کارت‌ها ═══ */
.gr163{ display:grid; grid-template-columns:1fr 1fr; gap:10px }
.cd163{ position:relative; border-radius:22px; overflow:hidden; background:#fff; box-shadow:0 10px 24px -12px rgba(76,29,149,.35); transition:transform .3s, opacity .3s;
  animation:in163 .45s cubic-bezier(.2,.9,.3,1.1) both }
@keyframes in163{ from{ transform:translateY(14px) scale(.97); opacity:0 } }
.cd163.out{ transform:scale(.85); opacity:0 }
.cd163.ps{ opacity:.6 }
.cd163.su{ padding:2.5px; background:conic-gradient(from var(--r,0deg),#FDE68A,#F59E0B,#FF3D7F,#8B5CF6,#FDE68A); animation:in163 .45s both, rs163 4s linear infinite }
@property --r{ syntax:"<angle>"; inherits:false; initial-value:0deg }
@keyframes rs163{ to{ --r:360deg } }
.cd163.su .ci163{ border-radius:20px 20px 0 0 } .cd163.su .ca163{ border-radius:0 0 20px 20px }
.ci163{ position:relative; aspect-ratio:3/4; overflow:hidden; cursor:pointer; background:linear-gradient(150deg,var(--g1),var(--g2)); display:grid; place-items:center }
.ci163 > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.ci163 > em{ font-style:normal; font-size:54px; font-weight:900; color:rgba(255,255,255,.9); text-shadow:0 6px 20px rgba(0,0,0,.2) }
.sh163{ position:absolute; inset:0; background:linear-gradient(0deg,rgba(18,8,40,.85) 0%,rgba(18,8,40,.3) 38%,transparent 60%) }
.tg1{ position:absolute; top:8px; inset-inline-start:8px; z-index:3; display:flex; align-items:center; gap:3px; height:22px; padding:0 8px; border-radius:99px; font-size:10.5px; font-weight:900; color:#fff }
.tg1 svg{ width:12px; height:12px }
.tg1.s{ background:linear-gradient(100deg,#F59E0B,#F97316); box-shadow:0 4px 10px rgba(245,158,11,.5) }
.tg1.m{ background:linear-gradient(100deg,#10B981,#06B6D4) }
.tg1.n{ background:linear-gradient(100deg,#FF3D7F,#8B5CF6); animation:np163 2s ease-in-out infinite }
.tg1.w{ background:rgba(15,10,30,.45); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
@keyframes np163{ 50%{ box-shadow:0 0 0 4px rgba(255,61,127,.25) } }
.hg163{ width:8px; height:10px; border:2px solid #fff; border-width:2px 0; position:relative; animation:hgr163 2s ease-in-out infinite }
.hg163::before{ content:""; position:absolute; inset:0 1px; background:linear-gradient(135deg,transparent 45%,#fff 45% 55%,transparent 55%),linear-gradient(45deg,transparent 45%,#fff 45% 55%,transparent 55%) }
@keyframes hgr163{ 40%,50%{ transform:rotate(180deg) } 90%,100%{ transform:rotate(360deg) } }
.cn163{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:10px; display:flex; flex-direction:column; gap:2px; color:#fff }
.cn163 b{ display:flex; align-items:center; gap:4px; font-size:14.5px; font-weight:900; white-space:nowrap; overflow:hidden }
.cn163 b span{ font-weight:700; opacity:.85 }
.od163{ flex:none; width:8px; height:8px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 2px rgba(34,197,94,.3) }
.cn163 small{ font-size:10.5px; font-weight:700; opacity:.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.ct163{ display:inline-flex; align-items:center; gap:3px; width:max-content; max-width:100%; margin-top:3px; padding:2px 8px; border-radius:99px; font-size:10px; font-weight:800;
  background:rgba(255,255,255,.2); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px) }
.ct163 svg{ width:10px; height:10px; color:#FDE68A }
.ca163{ display:flex; gap:6px; padding:8px; background:#fff }
.ca163 button{ height:38px; border:0; border-radius:13px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:5px; font-size:12.5px; font-weight:900; transition:transform .15s }
.ca163 button:active{ transform:scale(.92) }
.ca163 .no{ width:42px; flex:none; background:#F5F3FA; color:#94A3B8 !important }
.ca163 .no svg{ width:14px; height:14px }
.ca163 .yes{ flex:1; color:#fff !important; background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 14px -4px rgba(255,61,127,.55) }
.ca163 .yes svg{ width:19px; height:19px; animation:hb163 1.6s ease-in-out infinite }
.ca163 .msg{ flex:1; color:#fff !important; background:linear-gradient(100deg,#10B981,#3B82F6) }
.ca163 .msg svg, .ca163 .un svg{ width:16px; height:16px }
.ca163 .un{ flex:1; color:var(--vi) !important; background:#F2EFF7 }
.gr163.sm .ci163{ aspect-ratio:1/1 }

/* ═══ فهرست‌ها ═══ */
.ttl163{ display:flex; align-items:center; gap:6px; margin:6px 2px 10px; font-size:14px; font-weight:900 }
.ttl163 svg{ width:16px; height:16px; color:var(--pk) }
.ttl163 i{ font-style:normal; min-width:20px; height:20px; padding:0 6px; border-radius:10px; display:grid; place-items:center; font-size:11px; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6) }
.ttl163.sm{ margin:14px 4px 6px; font-size:12px; color:var(--sub) }
.nm163{ display:flex; gap:14px; overflow-x:auto; scrollbar-width:none; margin:0 -14px 16px; padding:6px 14px 4px }
.nm163::-webkit-scrollbar{ display:none }
.nmi163{ position:relative; flex:none; width:72px; border:0; background:none; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:6px; padding:0 }
.nmi163 .rr163{ position:absolute; top:-4px; left:50%; width:70px; height:70px; margin-left:-35px; border-radius:50%;
  background:conic-gradient(#FF3D7F,#F59E0B,#10B981,#3B82F6,#8B5CF6,#FF3D7F); animation:rot163 2.6s linear infinite }
.nmi163 .rr163::after{ content:""; position:absolute; inset:3px; border-radius:50%; background:#FAF8FD }
.nmi163 .av163{ position:relative; z-index:1 }
.nmi163 b{ max-width:100%; font-size:11.5px; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
@keyframes rot163{ to{ transform:rotate(360deg) } }
.ls163{ display:flex; flex-direction:column; gap:2px; padding:4px; border-radius:22px; background:#fff; box-shadow:0 8px 22px -12px rgba(76,29,149,.25), inset 0 0 0 1px var(--line) }
.rw163{ position:relative; display:flex; align-items:center; gap:11px; padding:9px 8px; border-radius:17px; cursor:pointer; transition:background .15s }
.rw163:active{ background:#F6F2FB }
.rw163 + .rw163::before{ content:""; position:absolute; top:-1px; inset-inline-start:66px; inset-inline-end:10px; height:1px; background:#F2EEF8 }
.rt163{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px }
.rt163 b{ display:flex; align-items:center; gap:4px; font-size:14px; font-weight:900; white-space:nowrap; overflow:hidden }
.rt163 b span{ font-weight:700; color:var(--sub) }
.rt163 small{ display:flex; align-items:center; gap:4px; font-size:12px; font-weight:600; color:var(--sub); white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.rt163 small svg{ flex:none; width:13px; height:13px }
.rt163 p{ margin:0; font-size:13px; font-weight:600; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.rt163 p b{ display:inline; font-weight:900 }
.rm163{ flex:none; font-size:11px; font-weight:700; color:var(--sub) }
.ql163{ flex:none; width:40px; height:40px; border:0; border-radius:14px; cursor:pointer; display:grid; place-items:center; color:#fff !important;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 14px -4px rgba(255,61,127,.5) }
.ql163 svg{ width:19px; height:19px }
.lk1{ flex:none; width:40px; height:40px; display:grid; place-items:center; color:#FF3D7F } .lk1 svg{ width:20px; height:20px }
.aw163{ position:relative; flex:none }
.aw163 > i{ position:absolute; z-index:3; bottom:-3px; inset-inline-end:-4px; width:22px; height:22px; border-radius:50%; display:grid; place-items:center; color:#fff; background:var(--k); border:2.5px solid #fff }
.aw163 > i svg{ width:11px; height:11px }
.rw163.ac.un{ background:linear-gradient(90deg,rgba(255,61,127,.06),rgba(139,92,246,.06)) }
.ud163{ flex:none; width:9px; height:9px; border-radius:50%; background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 0 0 3px rgba(255,61,127,.15) }
.nf163{ text-align:center; padding:30px 0; font-size:13px; font-weight:700; color:var(--sub) }

/* ═══ حالت خالی ═══ */
.em163{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:30px 18px 20px }
.ei163{ position:relative; width:110px; height:110px; margin-bottom:12px; display:grid; place-items:center }
.ei163 > svg{ position:relative; z-index:2; width:46px; height:46px; color:#fff; padding:18px; box-sizing:content-box; border-radius:50%;
  background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 12px 26px -6px rgba(139,92,246,.55); animation:hb163 1.8s ease-in-out infinite }
.ei163 > i{ position:absolute; inset:0; border-radius:50%; border:2px solid rgba(139,92,246,.35); animation:pr163 2.4s ease-out infinite }
.ei163 > i:nth-child(3){ animation-delay:.8s } .ei163 > i:nth-child(4){ animation-delay:1.6s }
@keyframes pr163{ from{ transform:scale(.6); opacity:1 } to{ transform:scale(1.35); opacity:0 } }
.em163 b{ font-size:16px; font-weight:900 }
.em163 small{ max-width:280px; font-size:12.5px; font-weight:600; line-height:1.6; color:var(--sub) }
.eb163{ display:flex; gap:8px; margin-top:10px }
.em163 button{ height:42px; padding:0 20px; border:0; border-radius:14px; cursor:pointer; font-size:13px; font-weight:900; color:#fff !important;
  background:linear-gradient(100deg,#FF3D7F,#8B5CF6); box-shadow:0 8px 18px -6px rgba(255,61,127,.5) }
.em163 button.alt{ color:var(--vi) !important; background:#F2EFF7; box-shadow:none }

/* اسکلت */
.sk163{ aspect-ratio:3/4.4; border-radius:22px; background:linear-gradient(100deg,#F2EFF7 30%,#FBF9FE 50%,#F2EFF7 70%); background-size:300% 100%; animation:sk163 1.3s linear infinite }
@keyframes sk163{ from{ background-position:100% 0 } to{ background-position:-100% 0 } }

/* انفجار قلب */
.bs163{ position:fixed; z-index:9999; width:0; height:0; pointer-events:none }
.bs163 i{ position:absolute; width:16px; height:16px; margin:-8px; color:#FF3D7F; animation:bs163 .8s cubic-bezier(.2,.8,.3,1) forwards }
.bs163 i:nth-child(3n){ color:#8B5CF6 } .bs163 i:nth-child(3n+1){ color:#F59E0B }
.bs163 i svg{ width:100%; height:100% }
@keyframes bs163{ from{ transform:rotate(var(--a)) translateY(0) scale(.4); opacity:1 } to{ transform:rotate(var(--a)) translateY(calc(var(--d) * -1)) scale(1); opacity:0 } }

/* درخواست آشنایی (v113) داخل هاب */
#lk163rq #rqRow113{ margin:0 }

@media (prefers-reduced-motion:reduce){
  .hc163 > i, .hh163, .ch163 span i::before, .sp163 .sg, .spi163::before, .cd163, .cd163.su, .tg1.n, .hg163, .ca163 .yes svg, .nmi163 .rr163, .ei163 > svg, .ei163 > i, .bl163 b{ animation:none !important }
}