*{margin:0;padding:0;box-sizing:border-box;font-family:Vazirmatn}body{background-color:#fafafa;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px}.container{width:100%;max-width:100%;margin-bottom:10px}.stories-container{background:#ffffff79;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:20px;width:100%}.stories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #efefef}.stories-title{font-size:16px;font-weight:600;color:#262626}.watch-all{color:#0095f6;font-size:14px;font-weight:600;text-decoration:none}.stories-scroll{display:flex;overflow-x:auto;gap:16px;padding:4px 0;scrollbar-width:none}.stories-scroll::-webkit-scrollbar{display:none}.story{display:flex;flex-direction:column;align-items:center;flex:0 0 auto}.story-avatar{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);margin-bottom:8px}.story-avatar-inner{width:60px;height:60px;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#fff}.story-detail,.story-detail-container,.story-placeholder,.story-text{width:100%;height:100%}.story-image,.story-media{width:100%;height:100%;object-fit:cover}.story-placeholder{background:#dbdbdb}.story-username{font-size:12px;color:#262626;max-width:70px;margin-inline:auto;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-stories{text-align:center;color:#8e8e8e;padding:20px 0;font-size:14px;width:100%}.new-label{background:#0095f6;color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;margin-top:4px}.story-detail-container{position:fixed;top:0;left:0;background:#000;z-index:1000;display:block}.story-detail-container[hidden]{display:none}.story-detail{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar,.story-close,.story-cta{position:absolute;z-index:1001}.story-content{aspect-ratio:9/16;max-height:90vh;max-width:90vw}.story-text{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;white-space:pre-wrap}.story-close{top:20px;left:20px;color:#fff;background:rgba(0,0,0,.4);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer}.story-cta{bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;background:#fff;color:#111;border-radius:10px;text-decoration:none;font-weight:600}.progress-bar{top:10px;left:10px;right:10px;height:3px;background:rgba(255,255,255,.3);display:flex;gap:4px}.progress-segment{flex:1;height:100%;background:rgba(255,255,255,.5);overflow:hidden}.progress-fill{height:100%;width:0%;background:#fff}