.avatar.has-stories{position:relative;overflow:visible;cursor:pointer}.avatar.has-stories>img{border-radius:50%}.avatar>.story-ring{position:absolute;left:-4px;top:-4px;width:calc(100% + 8px);height:calc(100% + 8px);max-width:none;pointer-events:none;overflow:visible;z-index:2}.avatar.has-stories:focus-visible{outline:2px solid #b58aff;outline-offset:6px}
#story-list .story-circle{border:0;background:transparent;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 7px;color:var(--text)}#story-list .story-circle small{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#story-list .story-circle .avatar{flex:none}
#story-stack .avatar.has-stories{box-shadow:none}
#story-viewer.story-immersive{position:fixed;inset:0;margin:auto;width:420px;height:min(94dvh,860px);max-height:100dvh;max-width:100vw;border:0;border-radius:20px;padding:0;background:#08080b;color:#fff;overflow:hidden;isolation:isolate}
#story-viewer.story-immersive::backdrop{background:#000d;backdrop-filter:blur(12px)}
#story-viewer.story-immersive>header{position:absolute;top:20px;left:0;right:0;padding:12px 14px;display:flex;align-items:center;gap:10px;border:0;z-index:5;background:linear-gradient(#0007,transparent);margin:0;color:white}
.story-person{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.story-person>.avatar{height:34px;width:34px;font-size:14px;flex:none}.story-identity{display:flex;flex-direction:column;min-width:0}.story-identity strong{font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.story-time{font-size:11px;color:#fffc;margin-top:2px}.story-immersive .icon{color:white;flex:none}
.story-progress{position:absolute;top:10px;left:10px;right:10px;height:3px;display:flex;gap:3px;z-index:6}.story-track{flex:1;min-width:0;height:3px;background:#ffffff4d;border-radius:4px;overflow:hidden}.story-fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center;will-change:transform}
#story-viewer.story-immersive #story-stage{position:absolute;inset:0;padding:0;display:grid;place-items:center;margin:0;background:#09090d;color:white;touch-action:none;user-select:none;-webkit-user-select:none}
#story-viewer.story-immersive #story-stage>img,#story-viewer.story-immersive #story-stage>video{width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;pointer-events:none}
.story-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:100px 28px 90px;white-space:pre-wrap;overflow-wrap:anywhere;background:linear-gradient(145deg,#43296b,#281c4d 55%,#6b3ca2);font-size:26px;text-align:center;line-height:1.35}
#story-viewer.story-immersive #story-caption{position:absolute;bottom:0;left:0;right:0;margin:0;padding:36px 20px max(28px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000a);color:#fff;font-size:15px;line-height:1.4;max-height:32%;overflow:auto;z-index:2;white-space:pre-wrap;pointer-events:none}#story-viewer.story-immersive #story-caption:empty{display:none}
.story-tools{position:absolute;right:12px;top:80px;z-index:8;min-width:180px;padding:6px;border:1px solid #ffffff20;border-radius:14px;background:#24222e;box-shadow:0 8px 32px #0008}.story-tools:not([hidden]){display:flex;flex-direction:column}.story-tools button{margin:0;text-align:left;padding:12px;background:transparent;color:white;border-radius:8px}.story-tools button.danger{color:#ff858a}
.story-step{position:absolute;top:45%;width:36px;height:60px;z-index:3;border:0;border-radius:14px;background:#0002;color:#fffa;font-size:32px;opacity:0;cursor:pointer}.story-step-prev{left:5px}.story-step-next{right:5px}.story-step:hover,.story-step:focus-visible{opacity:1}.story-step:disabled{visibility:hidden}
.story-play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;z-index:4;background:#0008;color:white;font-size:30px}.story-loading{position:absolute;left:20px;right:20px;top:48%;z-index:3;text-align:center;color:#fffd;font-size:14px;pointer-events:none}
.story-reply:not([hidden]){position:absolute;left:12px;right:12px;bottom:max(18px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:4px;z-index:5;padding:5px 8px;border-radius:26px;background:#ffffff21;backdrop-filter:blur(16px);margin:0}.story-reply input{flex:1;min-width:40px;background:transparent;color:white;border:0;padding:8px 4px;font-size:14px;outline:none}.story-reply input::placeholder{color:#fffc}.story-reply button{background:transparent;padding:5px;color:white;min-width:25px;min-height:30px;font-size:20px;border:0}.story-reply-send{font-size:24px!important}.story-reply-status{position:absolute;bottom:calc(100% + 8px);left:0;right:0;text-align:center;color:white;font-size:12px;text-shadow:0 1px 3px #000}
#story-viewer.story-immersive:not(.own-story) #story-caption{bottom:70px}
@media(max-width:700px){#story-viewer.story-immersive{height:100dvh;width:100vw;border-radius:0}#story-viewer.story-immersive>header{top:calc(env(safe-area-inset-top) + 18px)}.story-progress{top:calc(env(safe-area-inset-top) + 8px)}.story-step{display:none}.story-tools{top:calc(env(safe-area-inset-top) + 82px)}}
@media(prefers-reduced-motion:reduce){.story-fill{will-change:auto}}