.story-item.seen .story-ring {
  background: #fff;
  border-color: #d8e1eb;
  filter: saturate(.72);
}

.story-item.unseen .story-ring {
  box-shadow: 0 0 0 3px rgba(45, 125, 244, .08);
}

.story-ring{position:relative}.story-ring>i{position:absolute;right:-3px;bottom:-2px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #fff;border-radius:10px;background:#2875ee;color:#fff;font:800 7px Prompt}
.story-viewer{padding:12px;background:rgba(5,9,15,.88)}.story-view-card{width:min(460px,96vw);height:min(820px,94vh);border-radius:18px;background:#111;box-shadow:0 30px 100px rgba(0,0,0,.5)}
.story-view-media{position:absolute;inset:0;display:grid;place-items:center}.story-view-media img,.story-view-media video{width:100%;height:100%;object-fit:cover}.story-view-media .audio-art{color:#fff}
.story-progress{position:absolute;z-index:5;top:12px;left:16px;right:16px;display:flex;gap:4px}.story-progress i{height:2px;flex:1;border-radius:2px;background:rgba(255,255,255,.32)}.story-progress i.active{background:#fff}
.story-view-head{position:absolute;z-index:5;top:22px;left:16px;right:12px;display:flex;align-items:center;gap:9px;color:#fff}.story-view-avatar{width:34px;height:34px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#2875ee;font-weight:900}.story-view-avatar img{width:100%;height:100%;object-fit:cover}.story-view-head>div:nth-child(2){flex:1}.story-view-head b,.story-view-head span{display:inline;margin-right:7px;font-size:9px}.story-view-head span{color:rgba(255,255,255,.72)}.story-view-head .community-close{position:static}
.story-nav{position:absolute;z-index:6;top:46%;width:38px;height:56px;border:0;border-radius:12px;background:rgba(0,0,0,.26);color:#fff;font-size:32px;cursor:pointer;backdrop-filter:blur(5px)}.story-nav.prev{left:10px}.story-nav.next{right:10px}.story-nav:disabled{opacity:0;pointer-events:none}
.story-view-info{z-index:5;padding:90px 18px 16px}.story-view-info>p{margin:0 0 10px;text-shadow:0 2px 8px #000}.story-view-actions{display:flex;align-items:center;gap:12px}.story-view-actions form{display:flex;flex:1}.story-view-actions form input{width:100%;height:44px!important;padding:0 19px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:24px!important;background:rgba(20,20,20,.2)!important;color:#fff!important;box-shadow:none!important;backdrop-filter:blur(8px)}.story-view-actions form input::placeholder{color:rgba(255,255,255,.78)}.story-view-actions form button{display:none}.story-heart{width:34px;height:44px;display:grid;place-items:center;border:0;background:transparent;color:#fff;font-family:Arial,sans-serif;font-size:33px;font-weight:400;line-height:1;cursor:pointer}.story-heart.liked{color:#ff5572}
.story-owner-audience{margin-bottom:10px}.story-owner-audience>button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.story-owner-audience b,.story-owner-audience small{display:block}.story-owner-audience small{color:rgba(255,255,255,.7);font-size:7px}.story-audience-faces{display:flex}.story-audience-faces i{width:25px;height:25px;display:grid;place-items:center;overflow:hidden;margin-left:-5px;border:2px solid #fff;border-radius:50%;background:#2875ee;font-style:normal;font-size:7px}.story-audience-faces img{width:100%;height:100%;object-fit:cover}.story-audience-panel{max-height:185px;overflow:auto;margin-top:8px;padding:8px;border-radius:12px;background:rgba(12,18,28,.88);backdrop-filter:blur(12px)}.story-audience-panel>div{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:8px;padding:5px;color:#fff}.story-audience-panel span{width:28px;height:28px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#2875ee}.story-audience-panel span img{width:100%;height:100%;object-fit:cover}.story-audience-panel b{font-size:8px}.story-audience-panel i{color:#ff5572;font-style:normal}
.story-view-info .story-heart{width:30px;padding:0;background:transparent;color:#fff}.story-view-info .story-heart svg{width:26px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.story-view-info .story-heart.liked{background:transparent;color:#ff5572}.story-view-info .story-heart.liked svg{fill:currentColor;stroke-width:1.25}
@media(max-width:560px){.story-viewer{padding:0}.story-view-card{width:100vw;height:100dvh;max-width:none;border-radius:0}.story-nav{width:32px;background:transparent}}