/* Hartly · v48 · بلوک 037 از ۱۱۸
   v48: CHAT/PROFILE FIX, CALLS+LIKES INDEX FIX, REAL SUGGESTED
   تولید خودکار توسط tools/split-layers.py */
/* v90 fix: مرورگرهای قدیمی aspect-ratio ندارند → کارت ارتفاع صفر می‌گرفت و گرید لایو نامرئی می‌شد */
.live-card{position:relative;border-radius:22px;overflow:hidden;cursor:pointer;transition:transform .15s;height:0;padding-top:133.334%}
@supports (aspect-ratio: 3/4){.live-card{height:auto;padding-top:0;aspect-ratio:3/4}}
.live-card:active{transform:scale(.96)}
.live-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff;font-size:9px;font-weight:900;padding:3px 9px;border-radius:999px;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px rgba(244,63,94,.5)}
.live-badge i{width:6px;height:6px;border-radius:99px;background:#fff;animation:pd 1.2s infinite}
.live-viewers{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);color:#fff;font-size:9px;font-weight:900;padding:3px 8px;border-radius:999px;display:flex;align-items:center;gap:4px}
.live-pulse{position:relative}
.live-pulse::before,.live-pulse::after{content:"";position:absolute;inset:-14px;border-radius:9999px;border:2px solid rgba(244,63,94,.5);animation:liveRing 2s ease-out infinite}
.live-pulse::after{animation-delay:1s}
@keyframes liveRing{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.35);opacity:0}}
@keyframes skShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.live-mode-btn{transition:all .2s}
.live-mode-btn:active{transform:scale(.95)}
#liveM video{transform:scaleX(-1)}
#liveM video.remote{transform:none}
.retry-btn48{display:inline-block;margin-top:10px;padding:8px 22px;border-radius:999px;background:linear-gradient(135deg,#FFC940,#FF9E2C);color:#fff;font-size:11px;font-weight:900;cursor:pointer;border:none}