@keyframes like{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.3)}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.stories-container{position:relative;top:0;right:0;width:100%;background:#fff;padding:5px 0;border-bottom:1px solid #e0e0e0;z-index:1003}.stories-scroll{width:100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;direction:rtl;padding:5px 0}.stories-scroll::-webkit-scrollbar{display:none}.stories-list{display:flex;gap:15px;padding:0 15px;width:max-content}.story,.story-avatar-frame{display:flex;align-items:center}.story{flex:0 0 auto;flex-direction:column;width:80px;cursor:pointer}.story-avatar-frame{width:74px;height:74px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);margin-bottom:5px;justify-content:center}.story-viewed .story-avatar-frame{background:#999!important}.story-avatar{width:68px;height:68px;border-radius:50%;border:2px solid #fff;object-fit:cover}.story-username{font-size:12px;color:#333;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.story-modal{position:fixed;top:0;right:0;width:100%;height:100%;background:#000;z-index:2000;display:none}.progress-bars{display:flex;width:100%;gap:3px;position:absolute;top:10px;right:0;padding:0 10px;direction:rtl}.progress-bar{height:2px;background:rgba(255,255,255,.3);flex-grow:1;border-radius:2px;overflow:hidden}.progress-fill{height:100%;width:0%;background:#fff;transform-origin:right center;transition:width linear}.story-content{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}.story-image{max-height:90vh;max-width:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}.story-image.active{opacity:1}.close-btn,.story-nav{position:absolute;cursor:pointer}.close-btn{top:20px;left:20px;color:#fff;font-size:30px;z-index:2500;background:rgba(0,0,0,.5);width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}.story-nav{top:0;bottom:0;width:25%;z-index:2001}.nav-prev{right:0}.nav-next{left:0}.user-info-str{position:absolute;top:20px;right:20px;display:flex;align-items:center;color:#fff;z-index:2002}.user-avatar{width:30px;height:30px;border-radius:50%;margin-left:10px;border:2px solid #fff}.like-btn{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:24px;cursor:pointer;z-index:2001}.like-btn.liked{color:#ff3040;animation:like .5s ease}.api-loader,.loader{left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;animation:spin 1s ease-in-out infinite}.loader{position:absolute;top:50%;border:5px solid rgba(255,255,255,.3);border-top-color:#fff;z-index:2003;display:none}.api-loader{position:relative;top:25px;border:5px solid rgba(0,0,0,.1);border-top-color:#007bff;z-index:1901}#affanOffcanvas{z-index:2200!important}