.chat-prologue{background:#fff;color:#222;height:100svh;inset:0;overflow:hidden;position:fixed;width:100vw;z-index:30}
.chat-shell{display:flex;flex-direction:column;height:100svh;margin:0 auto;max-width:520px;width:100%}
.chat-topbar{align-items:center;border-bottom:1px solid #f1f1f1;display:grid;grid-template-columns:38px 1fr auto;height:68px;padding:0 18px}
.chat-back{font-family:Arial,sans-serif;font-size:37px;font-weight:200;line-height:1;transform:translateY(-2px)}
.chat-contact{align-items:center;display:flex;font-size:17px;font-weight:600;gap:9px}.chat-contact img{border-radius:50%;height:31px;object-fit:cover;width:31px}
.chat-skip{background:transparent;border:0;color:#9b9b9b;font-size:13px;padding:9px 0}
.chat-feed{box-sizing:border-box;flex:1;min-height:0;overflow:auto;padding:21px 18px 32px;scroll-behavior:smooth;width:100%}
.chat-time{color:#b4b4b4;font-size:12px;margin:0 0 20px;text-align:center}
.chat-row{align-items:start;column-gap:9px;display:grid;grid-template-columns:39px minmax(0,1fr);margin:0 0 14px;min-height:42px;opacity:0;transform:translateY(10px);transition:opacity .33s ease,transform .33s ease;width:100%}
.chat-row.visible{opacity:1;transform:none}.chat-row.incoming{grid-template-columns:minmax(0,1fr) 39px}
.chat-avatar{background:#fff;border-radius:50%;grid-column:1;grid-row:1;height:39px;object-fit:cover;width:39px}.chat-row.incoming .chat-avatar{grid-column:2}
.chat-bubble{border-radius:7px;color:#333;display:inline-block;font-size:16px;grid-column:2;grid-row:1;justify-self:start;line-height:1.5;max-width:230px;padding:10px 13px;text-align:left;word-break:break-word}.chat-row.incoming .chat-bubble{grid-column:1;justify-self:end}
.chat-row.outgoing .chat-bubble{background:#f1f1f1;border-bottom-left-radius:2px}.chat-row.incoming .chat-bubble{background:#2f87f5;border-bottom-right-radius:2px;color:#fff}
.chat-bubble.chat-photo{background:transparent!important;border-radius:6px!important;line-height:0;max-width:194px;padding:0!important;overflow:hidden}.chat-photo img{display:block;height:auto;width:100%}
@media(min-width:700px){.chat-prologue{background:#f5e8ed;padding:20px}.chat-shell{background:#fff;box-shadow:0 18px 55px rgba(82,31,49,.14);min-height:calc(100svh - 40px)}}