.c-stories{
  max-width:600px;
  margin:0 auto;
  padding:7px 9px 9px;
  box-sizing:border-box;
  overflow:hidden;
}
.c-stories[hidden]{display:none!important}
.c-stories__rail{
  display:flex;
  align-items:flex-start;
  gap:10px;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:1px 2px 2px;
}
.c-stories__rail::-webkit-scrollbar{display:none}
.c-stories__item{
  width:70px;
  flex:0 0 70px;
  border:0;
  background:transparent;
  color:inherit;
  padding:0;
  margin:0;
  font:inherit;
  cursor:pointer;
  text-align:center;
}
.c-stories__ring{
  width:58px;
  height:58px;
  padding:3px;
  margin:0 auto 5px;
  border-radius:999px;
  display:block;
  box-sizing:border-box;
  background:rgba(120,120,130,.42);
}
.c-stories__item.is-unread .c-stories__ring{
  background:conic-gradient(from 205deg,#7c45ff,#d528df,#ff6d3a,#ffcf36,#7c45ff);
}
.c-stories__avatarWrap{
  width:100%;
  height:100%;
  display:block;
  border-radius:999px;
  padding:2px;
  box-sizing:border-box;
  background:#fff;
  position:relative;
}
.c-stories__avatar,.c-stories__avatarFallback{
  width:100%;
  height:100%;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  object-fit:cover;
  overflow:hidden;
  background:#2a2e39;
  color:#fff;
  font-size:20px;
  font-weight:800;
}
.c-stories__meBadge{
  position:absolute;
  right:-4px;
  bottom:-3px;
  width:18px;
  height:18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#6e43ff;
  border:2px solid #fff;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
.c-stories__name{
  display:block;
  font-size:11px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  opacity:.92;
}
.c-stories__skeleton{
  width:58px;
  height:58px;
  flex:0 0 58px;
  border-radius:50%;
  background:linear-gradient(90deg,rgba(120,120,130,.12),rgba(120,120,130,.24),rgba(120,120,130,.12));
  background-size:220% 100%;
  animation:cStoriesSk 1.1s linear infinite;
  margin:2px 6px 16px;
}
@keyframes cStoriesSk{to{background-position:-220% 0}}
html[data-clb-theme="dark"] .c-stories__avatarWrap{background:#0f1118}
html[data-clb-theme="dark"] .c-stories__meBadge{border-color:#0f1118}

html.c-storyViewer-open,body.c-storyViewer-open{overflow:hidden!important;overscroll-behavior:none!important}
.c-storyViewer{
  position:fixed;
  inset:0;
  z-index:2000000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:inherit;
}
.c-storyViewer[hidden]{display:none!important}
.c-storyViewer__backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.92);
}
.c-storyViewer__shell{
  position:relative;
  width:min(100vw,520px);
  height:100dvh;
  max-height:100dvh;
  z-index:1;
  background:#000;
  overflow:hidden;
  box-shadow:0 0 80px rgba(0,0,0,.5);
}
.c-storyViewer__canvas{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
  color:#fff;
}
.c-storyViewer__progress{
  position:absolute;
  left:10px;
  right:10px;
  top:max(8px,env(safe-area-inset-top));
  z-index:30;
  display:flex;
  gap:4px;
}
.c-storyViewer__progressTrack{
  flex:1 1 0;
  height:2.5px;
  background:rgba(255,255,255,.34);
  border-radius:99px;
  overflow:hidden;
}
.c-storyViewer__progressTrack i{
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  transform-origin:left center;
}
.c-storyViewer__header{
  position:absolute;
  left:10px;
  right:8px;
  top:calc(max(8px,env(safe-area-inset-top)) + 11px);
  height:55px;
  z-index:32;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  text-shadow:0 1px 4px rgba(0,0,0,.8);
}
.c-storyViewer__author{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff;
  background:transparent;
  border:0;
  padding:0;
  cursor:pointer;
  text-align:left;
}
.c-storyViewer__authorAvatar{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:50%;
  overflow:hidden;
  background:#252936;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
}
.c-storyViewer__authorAvatar img{width:100%;height:100%;object-fit:cover;display:block}
.c-storyViewer__authorMeta{min-width:0;display:flex;align-items:baseline;gap:7px;white-space:nowrap}
.c-storyViewer__authorMeta strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.c-storyViewer__authorMeta span{font-size:12px;color:rgba(255,255,255,.74)}
.c-storyViewer__headActions{display:flex;align-items:center;gap:2px}
.c-storyViewer__iconBtn{
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:21px;
  cursor:pointer;
  text-shadow:0 1px 4px rgba(0,0,0,.9);
}
.c-storyViewer__iconBtn svg{width:23px;height:23px}
.c-storyViewer__media{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  touch-action:none;
  user-select:none;
  outline:none;
}
.c-storyViewer__media::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(0,0,0,.42) 0%,transparent 18%,transparent 70%,rgba(0,0,0,.34) 100%);
}
.c-storyViewer__image,.c-storyViewer__video,.c-storyViewer__youtube{
  width:100%;
  height:100%;
  object-fit:contain;
  border:0;
  display:block;
  transform:translate(calc(var(--story-media-x,0) * 100%),calc(var(--story-media-y,0) * 100%)) scale(var(--story-media-scale,1)) rotate(var(--story-media-rotation,0deg));
  transform-origin:center;
}
.c-storyViewer__youtube{pointer-events:none}
.c-storyViewer__overlays{
  position:absolute;
  inset:75px 0 92px;
  z-index:12;
  pointer-events:none;
}
.c-storyViewer__overlay{
  position:absolute;
  max-width:78%;
  padding:5px 9px;
  border-radius:10px;
  color:#fff;
  font-size:20px;
  font-weight:800;
  line-height:1.15;
  text-align:center;
  text-shadow:0 2px 7px rgba(0,0,0,.62);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  transform-origin:center;
}
.c-storyViewer__overlay--emoji{font-size:38px;padding:0;background:transparent;text-shadow:none}
.c-storyViewer__overlay--link,.c-storyViewer__overlay--location,.c-storyViewer__overlay--mention{
  font-size:14px;
  background:rgba(255,255,255,.94);
  color:#111!important;
  text-shadow:none;
  box-shadow:0 5px 18px rgba(0,0,0,.25);
  text-decoration:none;
  pointer-events:auto;
  cursor:pointer;
}
.c-storyViewer__overlay[data-style*="bubble"]{background:rgba(0,0,0,.62);padding:8px 11px}
.c-storyViewer__overlay[data-style*="solid"]{background:#fff;color:#111!important;text-shadow:none}
.c-storyViewer__link{
  position:absolute;
  left:50%;
  bottom:104px;
  z-index:35;
  transform:translateX(-50%);
  max-width:82%;
  padding:10px 16px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  color:#111;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 5px 20px rgba(0,0,0,.28);
}
.c-storyViewer__bottom{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:40;
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 16px max(13px,env(safe-area-inset-bottom));
  background:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.54),transparent);
}
.c-storyViewer__replyRow{
  flex:1 1 auto;
  min-width:0;
  height:48px;
  border:1px solid rgba(255,255,255,.33);
  border-radius:25px;
  display:flex;
  align-items:center;
  padding:0 7px 0 13px;
  background:rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
}
.c-storyViewer__replyRow[hidden]{display:none!important}
.c-storyViewer__reply{
  flex:1 1 auto;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:14px;
  padding:0;
}
.c-storyViewer__reply::placeholder{color:rgba(255,255,255,.72)}
.c-storyViewer__emoji{
  width:35px;
  height:35px;
  border:0;
  background:transparent;
  font-size:23px;
  padding:0;
  cursor:pointer;
}
.c-storyViewer__like{
  width:45px;
  height:45px;
  flex:0 0 45px;
  border:0;
  padding:6px;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.c-storyViewer__like svg{width:100%;height:100%;overflow:visible}
.c-storyViewer__like path{fill:transparent;stroke:currentColor;stroke-width:1.8;transition:.16s ease}
.c-storyViewer__like.is-liked{color:#ff315f}
.c-storyViewer__like.is-liked path{fill:currentColor;stroke:currentColor}
.c-storyViewer__like[data-busy="1"]{opacity:.55}
.c-storyViewer__ownStats{
  position:absolute;
  left:50%;
  bottom:max(18px,env(safe-area-inset-bottom));
  z-index:35;
  transform:translateX(-50%);
  font-size:13px;
  font-weight:800;
  padding:8px 12px;
  border-radius:18px;
  background:rgba(0,0,0,.5);
  backdrop-filter:blur(8px);
}
.c-storyViewer__reactionBurst{
  position:absolute;
  left:50%;
  top:50%;
  z-index:50;
  transform:translate(-50%,-50%) scale(.5);
  opacity:0;
  font-size:90px;
  pointer-events:none;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.38));
}
.c-storyViewer__reactionBurst.is-showing{animation:cStoryBurst .72s ease-out}
@keyframes cStoryBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.18)}70%{opacity:1;transform:translate(-50%,-50%) scale(.95)}100%{opacity:0;transform:translate(-50%,-62%) scale(1.05)}}
.c-storyViewer__toast{
  position:absolute;
  left:50%;
  bottom:86px;
  z-index:60;
  transform:translateX(-50%);
  padding:9px 13px;
  border-radius:18px;
  background:rgba(0,0,0,.72);
  color:#fff;
  font-size:13px;
  font-weight:700;
  backdrop-filter:blur(10px);
}
@media (min-width:700px){
  .c-storyViewer__shell{height:min(100dvh,900px);max-height:calc(100dvh - 24px);border-radius:14px}
  .c-storyViewer__backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}
}
@media (max-width:699px){
  .c-storyViewer__shell{width:100vw;height:100dvh;max-height:none}
  .c-stories{padding-left:9px;padding-right:0}
}


.c-stories{position:relative}
.c-stories.has-nav .c-stories__rail{padding-left:38px;padding-right:38px}
.c-stories__nav{
  position:absolute;
  top:32px;
  transform:translateY(-50%);
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  z-index:3;
  color:#fff;
  background:rgba(17,21,31,.88);
  box-shadow:0 8px 18px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  transition:opacity .18s ease,transform .18s ease,background .18s ease;
}
.c-stories__nav:hover{background:rgba(40,45,62,.96);transform:translateY(-50%) scale(1.05)}
.c-stories__nav:active{transform:translateY(-50%) scale(.97)}
.c-stories__nav svg{width:16px;height:16px;display:block}
.c-stories__nav--prev{left:4px}
.c-stories__nav--next{right:4px}
.c-stories__nav[hidden]{display:none!important}
@media (max-width:699px), (hover:none), (pointer:coarse){
  .c-stories.has-nav .c-stories__rail{padding-left:2px;padding-right:2px}
  .c-stories__nav{display:none!important}
}