.stories-bar{display:flex;gap:11px;align-items:center;flex:0 0 auto;min-height:88px;padding:9px 14px;border:1px solid var(--line);border-top:0;background:#0e1425;overflow:hidden}.stories-list{display:flex;gap:11px;min-width:0;overflow-x:auto;scrollbar-width:thin}.story-bubble,.add-story{flex:0 0 68px;width:68px;padding:0;background:transparent;text-align:center}.story-ring,.add-story>span{display:grid;place-items:center;width:58px;height:58px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#248bff,#8e4ce9,#ff3e92);padding:3px}.story-ring img,.story-ring video{width:100%;height:100%;border:2px solid #0e1425;border-radius:50%;object-fit:cover;background:#05070d}.story-bubble small,.add-story small{display:block;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d7dced;font-size:10px}.add-story>span{border:2px dashed #6f7ca5;background:#18213a;color:#fff;font-size:25px}.story-bubble.pending .story-ring{background:#d09a37}.story-bubble.rejected .story-ring{background:#b53642}.story-status-dot{position:absolute}.stories-loading{align-self:center;color:#8f9ab9;font-size:12px}.story-dialog,.story-viewer{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:18px;background:#03050bdd;backdrop-filter:blur(10px)}.story-dialog[hidden],.story-viewer[hidden]{display:none}.story-dialog form{display:block!important;gap:0;border-top:0}.story-dialog form,.story-view-card{position:relative;width:min(520px,100%);max-height:92vh;overflow-x:hidden;overflow-y:auto;padding:25px;border:1px solid #3c4870;border-radius:22px;background:#11172a}.story-dialog h2{margin:5px 0}.story-dialog p{color:#aab3ce;line-height:1.45}.story-dialog label{display:block;width:100%;margin-top:14px;color:#dce2f4;font-weight:800}.story-dialog input,.story-dialog textarea{display:block;width:100%;max-width:100%;margin-top:7px;padding:11px;border:1px solid #394462;border-radius:10px;background:#080c18;color:#fff;font:inherit}.story-dialog textarea{min-height:92px;resize:vertical;flex:none}.story-preview{display:grid;place-items:center;width:100%;min-height:145px;margin-top:12px;border:1px dashed #3d4868;border-radius:13px;background:#080c18;color:#7e89a8;overflow:hidden}.story-preview img,.story-preview video{display:block;width:100%;max-height:280px;object-fit:contain}.story-dialog form .story-submit{display:block;width:100%;height:auto;margin-top:16px;padding:13px;background:linear-gradient(135deg,#287cf1,#d9348a);font-size:15px;font-weight:900}.story-close,.story-dialog form .story-close{position:absolute;right:13px;top:13px;width:38px;height:38px;padding:0;font-size:22px;z-index:2}.story-view-card{width:min(520px,100%);padding:0;overflow:hidden}.story-view-media{display:grid;place-items:center;min-height:300px;max-height:65vh;background:#03050a}.story-view-media img,.story-view-media video{display:block;width:100%;max-height:65vh;object-fit:contain}.story-view-info{display:flex;justify-content:space-between;gap:12px;padding:14px 18px 5px}.story-view-info strong,.story-view-info small{display:block}.story-view-info span{color:#f1c56b;font-size:12px}.story-view-card>p{margin:8px 18px 16px;color:#e5e8f0;overflow-wrap:anywhere}.delete-story{margin:0 18px 18px;padding:10px 13px;background:#641a24}.delete-story[hidden]{display:none}@media(max-width:720px){.stories-bar{min-height:78px;padding:7px 10px}.story-bubble,.add-story{flex-basis:59px;width:59px}.story-ring,.add-story>span{width:50px;height:50px}.story-dialog{padding:10px}.story-dialog form{width:100%;padding:21px 17px}.story-view-media{min-height:220px}}