/* Replies belong to the screen flow, above the composer. */
.story-phone{position:relative;min-height:600px;display:flex;flex-direction:column;overflow:hidden}
.story-contact{margin:15px 0 10px;gap:5px}.story-timestamp{margin:8px 0 13px}.story-bubble{padding:14px;flex-shrink:0}.story-bubble blockquote{font-size:22px;line-height:1.2;margin-bottom:12px}.story-reflection{font-size:9px;margin:10px 0;min-height:20px;flex-shrink:0}.story-reflection span{font-size:14px}
.story-forward{position:relative;inset:auto;width:100%;display:flex;flex-direction:column;gap:8px;margin:0 0 12px;flex-shrink:0;transform:translateY(10px);box-sizing:border-box}.forward-label{font-size:7px;line-height:1.4;letter-spacing:.7px;text-align:center;margin:0 0 2px}.story-forward>div{align-self:flex-end;max-width:92%;margin:0;padding:10px 12px;font-size:10px;line-height:1.45;box-shadow:none;border-radius:14px 14px 4px 14px}.story-forward .forward-reply{align-self:flex-start;transform:none;border-radius:14px 14px 14px 4px}.scroll-chapter[data-stage="2"] .story-forward{transform:none}.story-compose{margin-top:auto;padding-top:8px;flex-shrink:0}.story-home{margin:16px auto 0;flex-shrink:0}.scroll-chapter[data-stage="1"] .story-bubble{transform:none}.story-contact>span svg,.contact-avatar svg{width:65%;height:65%;display:block}.story-contact>span{font-size:0}
@media(max-width:720px){.story-phone{transform:scale(.55) rotate(-4deg);transform-origin:top center}.atelier .chapter-device{height:350px}.story-forward{inset:auto;width:100%}}
@media(max-height:740px) and (max-width:720px){.story-phone{transform:scale(.5) rotate(-4deg)}.atelier .chapter-device{height:315px}}
.atelier footer .brand{display:flex;align-items:center;gap:12px}@media(max-width:720px){.chapter-title h2 em{margin-left:.2em}}