.web-stories-wrapper{background-color:var(--color-surface);border-bottom:1px solid var(--color-divider);padding:15px 0}.web-stories-scroll{scrollbar-width:none;gap:20px;padding:5px 0;display:flex;overflow-x:auto}.web-stories-scroll::-webkit-scrollbar{display:none}.story-item{cursor:pointer;flex-direction:column;align-items:center;gap:8px;min-width:80px;display:flex}.story-avatar-ring{width:70px;height:70px;transition:transform var(--transition-fast);border-radius:50%;padding:3px;position:relative}.story-item:hover .story-avatar-ring{transform:scale(1.05)}.story-avatar-ring.unseen{background:linear-gradient(45deg, var(--color-secondary), var(--color-primary))}.story-avatar-ring.seen{background:var(--color-border)}.story-avatar-ring.live-ring{background:#dc2626;animation:2s infinite livePulse}@keyframes livePulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 8px #dc262600}to{box-shadow:0 0 #dc262600}}.story-avatar{object-fit:cover;border:2px solid var(--color-surface);border-radius:50%;width:100%;height:100%}.live-badge{color:#fff;border:1px solid var(--color-surface);background-color:#dc2626;border-radius:4px;padding:2px 6px;font-size:.6rem;font-weight:800;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.story-title{color:var(--color-text-main);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;font-weight:600;overflow:hidden}