/* S3 — 대화방 위쪽의 아주 조용한 진행 표시. 점 일곱 개뿐, 글자 없음.
   폰 375에서 가로로 넘치지 않게 box-sizing·max-width 를 못박는다. */
.story-progress {
  box-sizing: border-box;
  max-width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 6px 0 0;
  padding: 0;
  line-height: 0;
}
.story-progress-dot {
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  flex: 0 0 auto;
}
.story-progress-dot.is-filled {
  background: rgba(255, 255, 255, 0.62);
}

/* 폰 전용 변화는 이 안에서만 — PC(1280)는 위 기본값 그대로. */
@media (max-width: 767px) {
  .story-progress {
    gap: 5px;
    margin: 4px 0 0;
  }
  .story-progress-dot {
    width: 5px;
    height: 5px;
  }
}