.story-circle[data-v-ca2e6f78]{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;min-width:95px;transition:transform .2s;display:flex}.story-circle[data-v-ca2e6f78]:hover{transform:scale(1.02)}.story-circle.has-story .story-ring[data-v-ca2e6f78]{background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);border-radius:50%;padding:3px}.story-circle.viewed .story-ring[data-v-ca2e6f78]{background:#8a8a8a}.story-ring[data-v-ca2e6f78]{border-radius:50%;justify-content:center;align-items:center;width:105px;height:105px;display:flex}.story-avatar[data-v-ca2e6f78]{background:#fff;border-radius:50%;width:96px;height:96px;overflow:hidden}.avatar-img[data-v-ca2e6f78]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.avatar-placeholder[data-v-ca2e6f78]{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.story-name[data-v-ca2e6f78]{color:#262626;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:105px;margin-top:10px;font-size:14px;font-weight:500;overflow:hidden}.story-viewer-overlay[data-v-31340d59]{z-index:1000;background:#000000f2;position:fixed;inset:0}.story-viewer-container[data-v-31340d59],.story-viewer-overlay[data-v-31340d59]{justify-content:center;align-items:center;display:flex}.story-viewer-container[data-v-31340d59]{width:100%;max-width:90%;height:100%;max-height:90%;position:relative}.close-btn[data-v-31340d59]{width:40px;height:40px;font-size:24px;top:20px;right:20px}.close-btn[data-v-31340d59],.nav-btn[data-v-31340d59]{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;position:absolute}.nav-btn[data-v-31340d59]{justify-content:center;align-items:center;width:50px;height:50px;font-size:32px;display:flex;top:50%;transform:translateY(-50%)}.nav-btn.prev[data-v-31340d59]{left:20px}.nav-btn.next[data-v-31340d59]{right:20px}.nav-btn[data-v-31340d59]:hover{background:#000c}.progress-bars[data-v-31340d59]{z-index:10;gap:4px;padding:0 60px;display:flex;position:absolute;top:20px;left:0;right:0}.progress-bar[data-v-31340d59]{background:#ffffff4d;border-radius:3px;flex:1;height:3px;overflow:hidden}.progress-bar.active .progress-fill[data-v-31340d59]{background:#fff;width:100%;animation:5s linear forwards progress-31340d59}.progress-fill[data-v-31340d59]{background:#ffffff80;width:0;height:100%}@keyframes progress-31340d59{0%{width:0}to{width:100%}}.story-content[data-v-31340d59]{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.story-media[data-v-31340d59]{border-radius:12px;max-width:100%;max-height:80vh}.story-text[data-v-31340d59]{color:#fff;margin-top:16px;font-size:18px}@media (width<=768px){.nav-btn[data-v-31340d59]{width:40px;height:40px;font-size:24px}.progress-bars[data-v-31340d59]{padding:0 50px}}.stories-section[data-v-7e3eb072]{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #e5e5e5;justify-content:center;margin-bottom:20px;padding:20px 0;display:flex;overflow:auto hidden}.stories-section[data-v-7e3eb072]::-webkit-scrollbar{height:3px}.stories-section[data-v-7e3eb072]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.stories-section[data-v-7e3eb072]::-webkit-scrollbar-thumb{background:#e0b539;border-radius:10px}.stories-container[data-v-7e3eb072]{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}.stories-wrapper[data-v-7e3eb072]{-ms-overflow-style:none;scroll-behavior:smooth;scrollbar-width:thin;direction:rtl;justify-content:center;gap:24px;padding:4px 0;display:flex;overflow:auto hidden}.stories-wrapper[data-v-7e3eb072]::-webkit-scrollbar{display:none}@media (width<=768px){.stories-section[data-v-7e3eb072]{margin-bottom:16px;padding:16px 0}.stories-wrapper[data-v-7e3eb072]{justify-content:flex-start;gap:18px}.stories-container[data-v-7e3eb072]{padding:0 12px}}@media (width<=480px){.stories-wrapper[data-v-7e3eb072]{gap:14px}}