.bm-shell .bm-stories-tray{flex-shrink:0;min-height:92px;padding:0 12px 10px}
.bm-shell .bm-stories-row{display:flex;gap:10px;overflow-x:auto;padding:3px 2px;scrollbar-width:thin;scrollbar-color:var(--brand-border) transparent}
.bm-shell .bm-story-author,.bm-shell .bm-story-self{flex:0 0 62px;min-width:0;text-align:center;position:relative}
.bm-shell .bm-story-author{padding:0;background:transparent!important}
.bm-shell .bm-story-circle{display:grid;place-items:center;width:58px;height:58px;min-height:58px;padding:3px;margin:0 auto 5px;border:2px solid var(--brand);border-radius:50%;position:relative;background:var(--panel)}
.bm-shell .bm-story-face{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand);font-size:20px}
.bm-shell .bm-story-face img{width:100%;height:100%;object-fit:cover}
.bm-shell .bm-story-face i{font-style:normal}
.bm-shell .bm-story-self .bm-story-circle:not(.has-stories),.bm-shell .bm-story-author.seen .bm-story-circle{border-color:var(--input-border)}
.bm-shell .bm-story-author>span:last-child,.bm-shell .bm-story-self>span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:66px;font-size:10px;color:var(--bl-text-primary)}
.bm-shell .bm-story-add-mark,.bm-shell .bm-story-add-small{position:absolute;right:0;bottom:2px;display:grid;place-items:center;width:20px;height:20px;min-height:20px;padding:0;border:2px solid var(--panel);border-radius:50%;background:var(--brand);color:var(--panel);font-size:15px;line-height:1;font-style:normal}
.bm-shell .bm-story-add-small{bottom:20px;right:0}
.bm-shell .bm-stories-error{font-size:11px;color:var(--muted);cursor:pointer;margin:6px 0}
.bm-shell .bm-story-undo{font-size:11px;color:var(--brand);padding:6px 0;min-height:30px;text-align:left}
.bm-shell .bm-story-composer,.bm-shell .bm-story-viewer{position:fixed;z-index:10120;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bl-text-primary);padding:20px}
.bm-shell .bm-story-editor{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:var(--panel);border-radius:20px;padding:20px;color:var(--bl-text-primary);display:flex;flex-direction:column;gap:14px}
.bm-shell .bm-story-editor header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.bm-shell .bm-story-editor h2{margin:0;font-size:20px}
.bm-shell .bm-story-editor header button{width:36px;height:36px;min-height:36px;padding:8px;color:var(--brand)}
.bm-shell .bm-story-editor svg{width:22px;height:22px}
.bm-shell .bm-story-draft{background:var(--bl-background);border-radius:12px;padding:12px;text-align:center}
.bm-shell .bm-story-draft>p{font-size:13px;color:var(--muted);margin:0 0 10px}
.bm-shell .bm-story-file{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;cursor:pointer;padding:10px;border:1px solid var(--brand-border);border-radius:10px;color:var(--brand);font-size:13px}
.bm-shell .bm-story-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.bm-shell .bm-story-file:focus-within{outline:2px solid var(--brand)}
.bm-shell .bm-story-preview{margin-top:10px}
.bm-shell .bm-story-preview img,.bm-shell .bm-story-preview video{display:block;width:100%;max-height:34dvh;object-fit:contain;border-radius:8px}
.bm-shell .bm-story-caption-label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}
.bm-shell .bm-story-caption-label textarea{width:100%;font:inherit;font-size:14px;resize:vertical;border:1px solid var(--input-border);border-radius:10px;padding:10px;color:var(--bl-text-primary);background:var(--panel)}
.bm-shell .bm-story-editor small{color:var(--muted);font-size:11px}
.bm-shell .bm-story-editor-error{font-size:12px;margin:0;color:var(--bl-text-primary)}
.bm-shell .bm-story-publish{background:var(--brand);color:var(--panel);padding:11px 16px;font-weight:600}
.bm-shell .bm-story-publish:hover{background:var(--brand-hover)}
.bm-shell .bm-story-publish:disabled{opacity:.5;cursor:default}
.bm-shell .bm-story-card{height:min(860px,calc(100dvh - 40px));width:min(480px,100%);position:relative;overflow:hidden;border-radius:18px;color:var(--panel);background:var(--bl-text-primary);display:flex;flex-direction:column}
.bm-shell .bm-story-progress{position:absolute;z-index:5;left:12px;right:12px;top:10px;display:flex;gap:4px}
.bm-shell .bm-story-progress>span{height:3px;border-radius:3px;flex:1;overflow:hidden;background:var(--muted)}
.bm-shell .bm-story-progress i{display:block;height:100%;background:var(--panel)}
.bm-shell .bm-story-top{position:absolute;z-index:5;left:0;right:0;top:21px;display:flex;align-items:center;gap:9px;padding:8px 13px;background:linear-gradient(var(--bl-text-primary),transparent)}
.bm-shell .bm-story-author-face{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand)}
.bm-shell .bm-story-author-face img{width:100%;height:100%;object-fit:cover}
.bm-shell .bm-story-author-face i{font-style:normal}
.bm-shell .bm-story-top>div{flex:1;min-width:0}
.bm-shell .bm-story-top strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.bm-shell .bm-story-top time{font-size:11px;opacity:.8}
.bm-shell .bm-story-top button{flex:0 0 30px;width:30px;height:34px;min-height:34px;padding:6px;color:var(--panel)}
.bm-shell .bm-story-top button:hover,.bm-shell .bm-story-card footer button:hover{background:var(--muted)}
.bm-shell .bm-story-card svg{width:20px;height:20px}
.bm-shell .bm-story-stage{position:absolute;inset:0 0 52px;display:flex;align-items:center;justify-content:center}
.bm-shell .bm-story-stage img,.bm-shell .bm-story-stage video{max-width:100%;max-height:100%;object-fit:contain}
.bm-shell .bm-story-media-status{position:absolute;z-index:1;max-width:85%;text-align:center;font-size:13px;color:var(--panel)}
.bm-shell .bm-story-prev,.bm-shell .bm-story-next{position:absolute;z-index:2;top:88px;bottom:100px;width:32%;border-radius:0;background:transparent!important}
.bm-shell .bm-story-prev{left:0}.bm-shell .bm-story-next{right:0;width:68%}
.bm-shell .bm-story-caption{position:absolute;z-index:3;left:0;right:0;bottom:52px;margin:0;max-height:25%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px 16px 16px;font-size:15px;background:linear-gradient(transparent,var(--bl-text-primary));pointer-events:auto}
.bm-shell .bm-story-caption:empty{display:none}
.bm-shell .bm-story-card footer{position:absolute;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:6px 12px;height:52px;background:var(--bl-text-primary)}
.bm-shell .bm-story-card footer button{color:var(--panel);padding:8px;min-height:36px;font-size:12px}
.bm-shell .bm-story-card footer [data-story-views]{margin-right:auto}
.bm-shell .bm-story-card footer span{font-size:12px}
.bm-shell .bm-story-card footer .bm-story-like{font-size:28px;line-height:1}
.bm-shell .bm-story-viewers{position:absolute;z-index:9;bottom:0;left:0;right:0;max-height:65%;overflow:auto;background:var(--panel);color:var(--bl-text-primary);border-radius:18px 18px 0 0;padding:16px}
.bm-shell .bm-story-viewers header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.bm-shell .bm-story-viewers h3{font-size:15px;margin:0}
.bm-shell .bm-story-viewers header button{width:36px;min-height:36px;padding:8px}
.bm-shell .bm-story-viewers p{font-size:13px;color:var(--muted)}
.bm-shell .bm-story-viewer-person{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.bm-shell .bm-story-viewer-person>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--brand-soft);color:var(--brand)}
.bm-shell .bm-story-viewer-person img{width:100%;height:100%;object-fit:cover}
.bm-shell .bm-story-viewer-person b{flex:1;font-size:13px;font-weight:500}
.bm-shell .bm-story-viewer-person i{font-style:normal}
.bm-shell .bm-story-viewer [hidden],.bm-shell .bm-story-composer [hidden],.bm-shell .bm-stories-tray [hidden]{display:none}
@media(max-width:750px){.bm-shell .bm-story-viewer{padding:0}.bm-shell .bm-story-card{width:100%;height:100dvh;border-radius:0}.bm-shell .bm-story-composer{padding:12px}.bm-shell .bm-story-editor{max-height:calc(100dvh - 24px);padding:16px}.bm-shell .bm-stories-tray{padding:0 12px 8px}}