.phone{background:#075e54;border-radius:26px;padding:12px;box-shadow:var(--shadow-lg);max-width:440px;margin:0 auto;width:100%}.phone .top{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;color:#fff}.phone .av{width:36px;height:36px;border-radius:50%;background:#fff;color:#075e54;display:grid;place-items:center;font-weight:800;font-size:13px}.phone .top b{font-size:14px}.phone .top small{display:block;font-size:11px;opacity:.85}.screen{background:#ece5dd;border-radius:16px;padding:14px;height:340px;overflow:auto;display:flex;flex-direction:column;gap:8px}.b{max-width:84%;padding:8px 11px;border-radius:12px;font-size:13.5px;line-height:1.4;color:#111;box-shadow:0 1px 1px #0000001f;opacity:0;animation:pop .45s ease forwards}.b.msgin{background:#fff;align-self:flex-start;border-top-left-radius:3px}.b.msgout{background:#dcf8c6;align-self:flex-end;border-top-right-radius:3px}.b .t{display:block;font-size:9px;opacity:.55;text-align:right;margin-top:2px}.b:nth-child(1){animation-delay:.2s}.b:nth-child(2){animation-delay:.6s}.b:nth-child(3){animation-delay:1s}.b:nth-child(4){animation-delay:1.4s}.b:nth-child(5){animation-delay:1.8s}.b:nth-child(6){animation-delay:2.2s}.b:nth-child(7){animation-delay:2.6s}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.b{animation:none;opacity:1}}.sib{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sib .lbl{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sib a{font-size:13.5px;font-weight:700;color:var(--indigo-ink);border:1px solid var(--line);border-radius:100px;padding:7px 14px;background:#fff}.sib a:hover{background:var(--tint-lav)}