#stories-container{gap:15px;padding:15px;display:flex;overflow-x:auto}.story{cursor:pointer;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}.story-avatar{background:linear-gradient(45deg,#ff6b6b,#ff3838);border-radius:50%;padding:2px;transition:background .3s;width:100px!important;height:100px!important}.story-avatar.viewed{background:#ddd!important}.story-avatar img{object-fit:cover!important;border:2px solid #fff!important;border-radius:50%!important;width:100%!important;height:100%!important}.story-username{color:#333;white-space:nowrap;margin-top:5px;font-size:12px}.story-modal{z-index:1000;background:#000000e6;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.progress-container{background:#ffffff4d;border-radius:2px;height:4px;position:absolute;top:10px;left:10px;right:10px}.progress-fill{background:#4caf50;border-radius:2px;width:0%;height:100%;transition:width linear}.story-content{justify-content:center;align-items:center;height:100%;display:flex;position:relative}.media-container{touch-action:pan-y;max-width:100%;max-height:90vh;position:relative}.story-media{object-fit:contain;max-width:100%;max-height:90vh;display:none}.video-media{display:none}.nav-button{color:#fff;cursor:pointer;z-index:1001;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prev-button{right:20px}.next-button{left:20px}.close-button{color:#fff;cursor:pointer;z-index:1001;text-align:center;background:#ffffff4d;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;position:absolute;top:20px;right:20px}.story-link{color:#fff;z-index:1002;background:#000000b3;border-radius:20px;padding:8px 16px;font-size:14px;text-decoration:none;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}