.screen[data-page="moments"] .top{display:none}
.screen[data-page="moments"] .body{display:grid;place-items:center;padding:16px;background:#0006}
.mp-page{display:flex;flex-direction:column;width:min(100%,460px);max-height:100%;overflow:hidden;border-radius:26px;background:#fff;color:#191919;box-shadow:0 15px 42px #0002}
.mp-title{margin:0;padding:24px 24px 0;font-size:calc(24px * var(--font-scale,1));line-height:32px;font-weight:500}
.mp-scroll{min-height:0;max-height:min(460px,calc(100dvh - 185px));overflow-y:auto;padding:12px 24px 8px;overscroll-behavior:contain}
.mp-scroll>*{margin-top:0}
.mp-progress{height:4px;margin:0 0 10px;background:linear-gradient(90deg,#cce9dd 0 20%,#008772 20% 65%,#cce9dd 65% 100%);border-radius:3px}
.mp-error{color:#b3261e;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;font-size:calc(14px * var(--font-scale,1))}
.mp-text-button{min-height:40px;border:0;background:transparent;color:#006c59;text-align:left;padding:8px 12px;font-size:calc(14px * var(--font-scale,1));font-weight:500}
.mp-text-button:disabled{opacity:.45}
.mp-text-button.primary{font-weight:600}
.mp-field{display:block;margin:12px 0 5px;font-size:calc(13px * var(--font-scale,1));color:#475061}
#mp-draft{display:block;width:100%;min-height:92px;max-height:180px;padding:11px 14px;border:1px solid #777;border-radius:4px;background:transparent;color:#191919;resize:vertical;font-size:calc(16px * var(--font-scale,1));line-height:1.4}
#mp-draft:disabled{color:#777;background:#f5f5f5}
.mp-privacy,.mp-pending{margin:12px 0;color:#475061;font-size:calc(13px * var(--font-scale,1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.mp-pending{color:#946700}
.mp-feed{margin-top:12px}
.mp-empty{padding:10px 0;color:#475061;font-size:calc(14px * var(--font-scale,1))}
.mp-post{padding:12px 0;border-top:1px solid #dedede}
.mp-author{display:flex;align-items:center;gap:8px;min-height:30px}
.mp-author strong{min-width:0;font-size:calc(14px * var(--font-scale,1));font-weight:500;overflow-wrap:anywhere}
.mp-avatar,.mp-author .person-avatar{width:30px;height:30px;flex:none;border-radius:4px;overflow:hidden}
.mp-avatar.fallback{display:grid;place-items:center;background:#ef8f72;color:#fff;font-size:calc(14px * var(--font-scale,1))}
.mp-author .person-avatar img{width:100%;height:100%;object-fit:cover}
.mp-post p{margin:8px 0 0;font-size:calc(14px * var(--font-scale,1));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.mp-actions{display:flex;justify-content:flex-end;gap:2px;padding:8px 16px 12px}
@media(max-width:380px){.mp-scroll{padding-inline:18px}.mp-actions{padding-inline:10px}}