.phone{--wa-green:#25d366;width:300px;max-width:100%;background:#d1d5db;border-radius:32px;padding:10px;box-shadow:0 20px 40px -20px rgba(15,23,42,.25),0 0 0 1px rgba(15,23,42,.06)}.phone__screen{background:#efeae2;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;height:520px}.wa-header{background:#008069;padding:10px 14px;gap:10px;flex-shrink:0}.wa-avatar,.wa-header{display:flex;align-items:center}.wa-avatar{width:36px;height:36px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-weight:700;justify-content:center;font-size:14px;letter-spacing:-.03em}.wa-header__name{color:#fff;font-weight:500;font-size:14px}.wa-header__status{color:hsla(0,0%,100%,.78);font-size:11px;display:flex;align-items:center;gap:5px;margin-top:1px}.wa-header__status .dot{width:6px;height:6px;background:#b5f5c8;border-radius:999px}.wa-body{flex:1;overflow-y:auto;padding:12px 10px;background:#efeae2;display:flex;flex-direction:column;gap:4px}.wa-body::-webkit-scrollbar{width:0}.wa-daydivider{align-self:center;background:#fff;color:#54656f;font-size:11px;padding:3px 10px;margin:4px 0}.wa-daydivider,.wa-msg{border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13)}.wa-msg{max-width:82%;padding:6px 10px 5px;font-size:13px;line-height:1.4;animation:wa-pop .3s cubic-bezier(.16,1,.3,1);word-wrap:break-word}.wa-msg time{display:inline-block;font-size:10px;color:#667781;margin-left:6px;vertical-align:bottom}.wa-msg--in{background:#fff;color:#111b21;align-self:flex-start;border-top-left-radius:2px}.wa-msg--out{background:#d9fdd3;color:#111b21;align-self:flex-end;border-top-right-radius:2px}.wa-typing{align-self:flex-start;background:#fff;padding:9px 14px;border-radius:8px;border-top-left-radius:2px;display:inline-flex;gap:4px;align-items:center;box-shadow:0 1px .5px rgba(11,20,26,.13)}.wa-typing span{width:6px;height:6px;background:#8696a0;border-radius:999px;animation:wa-bounce 1.1s infinite}.wa-typing span:nth-child(2){animation-delay:.15s}.wa-typing span:nth-child(3){animation-delay:.3s}html.dark .phone{background:#0b1b2e;box-shadow:0 30px 60px -25px rgba(0,0,0,.45),0 0 0 1px hsla(0,0%,100%,.04)}html.dark .phone__screen{background:#0a1424}html.dark .wa-header{background:#1f2c39}html.dark .wa-header__name{color:#f1f5f9}html.dark .wa-header__status{color:#8696a0}html.dark .wa-header__status .dot{background:var(--wa-green)}html.dark .wa-body{background:#0b141a}html.dark .wa-daydivider{background:#182229;color:#8696a0;box-shadow:none}html.dark .wa-msg{box-shadow:none}html.dark .wa-msg time{color:hsla(0,0%,100%,.45)}html.dark .wa-msg--in{background:#1f2c33;color:#e9edef}html.dark .wa-msg--out{background:#005c4b;color:#e9edef}html.dark .wa-typing{background:#1f2c33;box-shadow:none}@keyframes wa-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes wa-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.wa-msg,.wa-typing span{animation:none!important}}