.story-avatar-wrap{position:relative;margin-top:-55px;flex:0 0 auto}.story-avatar-wrap .dossier-avatar{margin:0;border:5px solid var(--paper);cursor:pointer;outline:3px solid transparent;outline-offset:2px}.story-avatar-wrap.has-story .dossier-avatar{outline-color:var(--gold)}.add-story-button{position:absolute;right:2px;bottom:2px;width:31px;height:31px;border-radius:50%;border:3px solid var(--paper);background:var(--green);color:white;font-size:18px;display:grid;place-items:center;cursor:pointer;z-index:2}.story-create-modal{width:min(560px,100%)}.story-drop{height:260px;border:1px dashed #9aac9f;border-radius:7px;margin:22px 0 13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f1f3ee center/cover;cursor:pointer;position:relative;overflow:hidden}.story-drop.previewing:after{content:"Change photo";position:absolute;inset:auto 0 0;background:rgba(10,35,28,.72);color:white;text-align:center;padding:10px;font-size:10px}.story-drop>span{width:48px;height:48px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:24px}.story-drop strong{font:16px Georgia}.story-drop small{color:var(--muted);font-size:9px}.story-drop.previewing>*{visibility:hidden}.story-create-modal textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:11px;resize:none}.story-viewer{position:fixed;inset:0;background:rgba(5,18,14,.94);z-index:100;display:none;place-items:center;backdrop-filter:blur(10px)}.story-viewer.open{display:grid}.story-frame{width:min(430px,100vw);height:min(760px,100vh);background:#13231e;position:relative;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.55)}.story-frame>img{width:100%;height:100%;object-fit:cover}.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),transparent 22%,transparent 67%,rgba(0,0,0,.7));pointer-events:none}.story-progress{position:absolute;top:10px;left:12px;right:12px;height:3px;background:rgba(255,255,255,.35);z-index:3}.story-progress span{display:block;height:100%;background:white;width:0}.story-view-head{position:absolute;top:22px;left:15px;right:15px;display:flex;align-items:center;gap:9px;z-index:4;color:white}.story-view-head .avatar{width:38px;height:38px;border:2px solid white}.story-view-head>div{display:flex;flex-direction:column}.story-view-head small{font-size:9px;color:#d9dedb}.story-view-head button{margin-left:auto;border:0;background:none;color:white;font-size:28px;cursor:pointer}.story-caption{position:absolute;bottom:28px;left:22px;right:22px;z-index:4;color:white;text-align:center;font:16px/1.45 Georgia;text-shadow:0 2px 7px #000}.story-nav{position:absolute;top:48%;z-index:5;width:36px;height:55px;border:0;background:rgba(0,0,0,.25);color:white;font-size:30px;cursor:pointer}.story-nav.prev{left:0}.story-nav.next{right:0}@media(max-width:540px){.story-avatar-wrap{margin-top:-38px}.add-story-button{width:26px;height:26px;font-size:14px}.story-frame{width:100vw;height:100vh}}