/* v175 · پاسخ به استوری + آیکون‌های سربرگ */
/* ── پاسخ به استوری ── */
.sv109-foot.sr175{ display:flex !important; flex-direction:column; gap:10px; padding:0 12px calc(12px + env(safe-area-inset-bottom)) !important; background:linear-gradient(0deg,rgba(0,0,0,.55),transparent) }
.qr175{ display:flex; justify-content:space-between; gap:6px; transition:opacity .2s, transform .2s }
.qr175 button{ flex:1; height:44px; border:0; border-radius:16px; cursor:pointer; font-size:24px; background:rgba(255,255,255,.14); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); transition:transform .15s }
.qr175 button:active{ transform:scale(1.25) }
.sr175.typing .qr175{ opacity:0; transform:translateY(8px); pointer-events:none; height:0; margin-top:-10px }
.rb175{ display:flex; align-items:center; gap:8px; height:50px; padding:0 5px 0 16px; border-radius:26px; background:rgba(255,255,255,.14); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35) }
[dir=rtl] .rb175, .rb175:dir(rtl){ padding:0 16px 0 5px }
.rb175 input{ flex:1; min-width:0; border:0; outline:0; background:none; font-family:inherit; font-size:15px; font-weight:700; color:#fff }
.rb175 input::placeholder{ color:rgba(255,255,255,.75) }
.sd175{ flex:none; width:40px; height:40px; border:0; border-radius:50%; cursor:pointer; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#FF3D7F,#8B5CF6); box-shadow:0 6px 16px rgba(255,61,127,.5); opacity:.55; transform:scale(.9); transition:.2s }
.sr175.has .sd175{ opacity:1; transform:none }
.sd175 svg{ width:19px; height:19px } [dir=rtl] .sd175 svg{ transform:scaleX(-1) }
.sd175:disabled{ opacity:.4 }
.sr175.sent .rb175{ animation:sn175 .6s ease }
@keyframes sn175{ 30%{ box-shadow:inset 0 0 0 2px #34D399, 0 0 20px rgba(52,211,153,.6) } }
.fl175{ position:fixed; z-index:99999; pointer-events:none; font-size:30px; transform:translate(-50%,0); animation:fl175 var(--d,1.1s) cubic-bezier(.2,.8,.3,1) forwards }
@keyframes fl175{ 0%{ opacity:0; transform:translate(-50%,0) scale(.4) } 15%{ opacity:1; transform:translate(calc(-50% + var(--dx) * .3),-30px) scale(1.2) } 100%{ opacity:0; transform:translate(calc(-50% + var(--dx)),-220px) scale(.9) rotate(20deg) } }

/* ── کارت استوری در گفتگو ── */
.bb165.sty{ gap:0 }
.sc165{ display:flex; flex-direction:column; gap:5px; max-width:170px; margin-bottom:-6px; padding:0; border:0; background:none; cursor:pointer; text-align:start }
.bb165.me .sc165{ align-items:flex-end } .bb165.them .sc165{ align-items:flex-start }
.sc165 small{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:800; color:var(--sub) }
.sc165 small svg{ width:11px; height:11px; color:#F59E0B }
.sc165 .im{ position:relative; width:118px; aspect-ratio:9/15; border-radius:16px; overflow:hidden; background:linear-gradient(135deg,#EDE7FE,#FCE7F3); box-shadow:0 10px 22px -10px rgba(76,29,149,.45), 0 0 0 3px #fff }
.sc165 .im img{ width:100%; height:100%; object-fit:cover; display:block }
.sc165 .im i{ position:absolute; inset:0; border-radius:16px; box-shadow:inset 0 0 0 2.5px transparent; background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.35)) }
.sc165 .im::after{ content:""; position:absolute; inset:-3px; border-radius:19px; padding:2.5px; background:conic-gradient(from 200deg,#FF3D7F,#F59E0B,#8B5CF6,#3B82F6,#FF3D7F); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none }
.sc165.gone .im img{ filter:blur(8px) grayscale(.4); transform:scale(1.1) }
.sc165.gone .im::after{ display:none }
.sc165 .im em{ position:absolute; inset:0; display:grid; place-items:center; padding:8px; text-align:center; font-style:normal; font-size:11px; font-weight:900; color:#fff; background:rgba(20,10,40,.35) }
.sc165 .im.err img{ display:none }
.bb165.sty .bx165{ position:relative; z-index:2 }
.bb165.bigs .bx165{ background:none !important; box-shadow:none !important; padding:0 4px } .bb165.bigs .tx165{ font-size:40px; line-height:1.1 }
.bb165.bigs .tm165{ color:var(--sub) !important }

/* ── آیکون‌های سربرگ ── */
.hb175{ position:relative; width:42px !important; height:42px !important; padding:0 !important; border-radius:15px !important; display:grid !important; place-items:center; cursor:pointer;
  background:linear-gradient(#fff,#fff) padding-box, linear-gradient(135deg,#FF3D7F,#8B5CF6 55%,#3B82F6) border-box !important; border:1.6px solid transparent !important;
  box-shadow:0 6px 16px -6px rgba(139,92,246,.45), 0 1px 0 rgba(255,255,255,.8) inset; transition:transform .15s, box-shadow .2s }
.hb175:active{ transform:scale(.9) }
.hb175:hover{ box-shadow:0 10px 22px -8px rgba(139,92,246,.6) }
.hb175 > svg{ width:26px; height:26px }
.hb175.gear > svg{ width:28px; height:28px }
.hb175.gear > svg{ transition:transform .7s cubic-bezier(.3,.9,.3,1) }
.hb175.gear.spin > svg{ transform:rotate(180deg) }
.hb175.gear > svg{ animation:gr175 12s linear infinite } .hb175.gear.spin > svg{ animation:none }
@keyframes gr175{ to{ transform:rotate(360deg) } }
.hb175.lng{ width:auto !important; min-width:42px; padding:0 !important; gap:0 }
.hb175.lng .fl175w{ width:28px; height:28px; border-radius:50%; overflow:hidden; display:grid; place-items:center; box-shadow:0 0 0 2px #fff, 0 2px 6px rgba(0,0,0,.18) }
.hb175.lng .fl175w > *, .hb175.lng .fl175w svg, .hb175.lng .fl175w img{ width:100% !important; height:100% !important; object-fit:cover; border-radius:50% }
.gl175{ position:absolute; bottom:-4px; inset-inline-end:-4px; width:17px; height:17px; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#8B5CF6,#3B82F6); box-shadow:0 0 0 2px #fff }
.gl175 svg{ width:11px; height:11px }
@media (prefers-reduced-motion:reduce){ .hb175.gear > svg{ animation:none } }