/* استوری‌های برتر (صفحه اصلی، زیر بنر) + شمارنده‌ی بازدید مخصوص صاحب استوری — حلقه‌ی رنگی برای دیده‌نشده‌ها، خاکستری برای دیده‌شده‌ها */
.cm-ts { margin:20px 0 4px; }
.cm-ts .cm-home-section-heading { margin-bottom:10px; }
.cm-ts-rail { display:flex; gap:14px; overflow-x:auto; overflow-y:hidden; box-sizing:border-box; margin-inline:-14px; padding:6px 14px 16px; scroll-padding-inline:14px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; scrollbar-width:none; }
/* ریل تا لبه‌ی صفحه کشیده می‌شود (والد .cm-hb از دو طرف ۱۴px پدینگ دارد) */
@media (min-width:760px) { .cm-ts-rail { margin-inline:0; padding-inline:2px; scroll-padding-inline:2px; } }
.cm-ts-rail::-webkit-scrollbar { display:none; }
.cm-ts-item { flex:none; width:76px; display:flex; flex-direction:column; align-items:center; gap:0; background:none; border:0; padding:0; color:inherit; font:inherit; cursor:pointer; scroll-snap-align:start; text-align:center; }
.cm-ts-ring { position:relative; width:72px; height:72px; border-radius:50%; padding:3px; background:rgba(255,255,255,.16); box-shadow:0 6px 16px rgba(0,0,0,.5); transition:background .25s ease, box-shadow .25s ease; }
.cm-ts-item.is-unseen .cm-ts-ring { background:linear-gradient(135deg,#b9a9ff 0%,#8b5cf6 38%,#ec4899 72%,#f59e0b 100%); box-shadow:0 6px 16px rgba(0,0,0,.5), 0 0 14px rgba(139,92,246,.35); }
.cm-ts-av { display:grid; place-items:center; width:100%; height:100%; border-radius:50%; overflow:hidden; border:3px solid #08090b; background:#17181b; color:#f4f4f5; font-size:24px; font-weight:800; }
.cm-ts-av img { width:100%; height:100%; object-fit:cover; display:block; }
.cm-ts-av img.is-logo { object-fit:contain; padding:10px; background:#17181b; }
.cm-ts-rank { position:absolute; left:50%; bottom:-6px; transform:translateX(-50%); min-width:22px; height:18px; padding:0 6px; border-radius:9px; background:#f4f4f5; color:#0b0b0d; font-size:10.5px; font-weight:800; display:grid; place-items:center; box-shadow:0 3px 8px rgba(0,0,0,.5); }
.cm-ts-name { margin-top:10px; max-width:76px; font-size:11.5px; font-weight:700; color:#ececee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cm-ts-kind { font-size:10px; color:#8c8d93; margin-top:1px; }
/* بازدید در نمای استوری — فقط برای صاحب */
.mr-sv-views { display:inline-flex; align-items:center; gap:5px; height:30px; padding:0 11px; margin-inline-end:8px; border-radius:15px; background:rgba(0,0,0,.5); border:1px solid rgba(255,255,255,.14); color:#fff; font-size:12px; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }
.mr-sv-views[hidden] { display:none; }
.mr-sv-views svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.mr-sv-views b { font-weight:700; }

/* ورود انیمیشنی استوری تازه به ابتدای لیست (سمت راست) */
@keyframes cm-st-pop {
  0%   { opacity:0; transform:translateX(34px) scale(.35) rotate(-8deg); filter:blur(4px); }
  55%  { opacity:1; transform:translateX(-5px) scale(1.12) rotate(2deg); filter:blur(0); }
  78%  { transform:translateX(0) scale(.96) rotate(0); }
  100% { opacity:1; transform:none; }
}
@keyframes cm-st-glow {
  0%,100% { box-shadow:0 0 0 0 rgba(238,42,123,0); }
  35%     { box-shadow:0 0 0 7px rgba(238,42,123,.38), 0 0 26px 6px rgba(249,206,52,.35); }
}
.cm-st-new { animation:cm-st-pop .85s cubic-bezier(.22,1,.36,1) both, cm-st-glow 1.4s ease-out .1s 1; z-index:2; }
.cm-ts-item.cm-st-new .cm-ts-ring { animation:cm-st-glow 1.4s ease-out .1s 1; border-radius:50%; }
.cm-ts-item.cm-st-new { box-shadow:none; }
@media (prefers-reduced-motion:reduce) { .cm-st-new { animation:none; } }