.stories-section{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 8px #00000014}.stories-container{display:flex;flex-direction:row;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scrollbar-width:thin;scrollbar-color:#e4e6eb #fff;-webkit-overflow-scrolling:touch}.stories-container::-webkit-scrollbar{height:8px}.stories-container::-webkit-scrollbar-track{background:#f0f2f5;border-radius:4px}.stories-container::-webkit-scrollbar-thumb{background:#c4c7cd;border-radius:4px}.stories-container::-webkit-scrollbar-thumb:hover{background:#a8abaf}.story-card{flex:0 0 auto;flex-shrink:0;width:120px;cursor:pointer;text-align:center;transition:transform .2s ease}.story-card:hover{transform:translateY(-4px)}.story-avatar{position:relative;width:120px;height:180px;border-radius:16px;overflow:hidden;margin-bottom:8px;background:linear-gradient(180deg,#0000004d,#0009)}.story-card.create-story .story-avatar{background:#f0f2f5;display:flex;align-items:center;justify-content:center;flex-direction:column}.story-card.create-story .story-avatar img,.story-card.create-story .story-avatar .avatar-placeholder{width:40px;height:40px;border-radius:50%;margin-bottom:40px;object-fit:cover}.story-card.create-story .avatar-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.add-story-icon{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.story-card.has-story .story-avatar{padding:3px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.story-card.has-story .story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:13px;border:3px solid white}.story-card.viewed .story-avatar{background:#c4c7cd}.story-username{display:block;font-size:13px;font-weight:500;color:#050505;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.story-time{display:block;font-size:11px;color:#65676b;margin-top:2px}