:root{--wa-green-primary: #008069;--wa-green-light: #00a884;--wa-green-accent: #25d366;--wa-bubble-outbound: #d9fdd3;--wa-bubble-inbound: #ffffff;--wa-bg-chat: #efeae2;--wa-bg-panel: #f0f2f5;--wa-bg-desktop: #d1d7db;--wa-text-primary: #111b21;--wa-text-secondary: #667781;--wa-text-placeholder: #8696a0;--wa-border-subtle: rgba(0, 0, 0, .08);--wa-shadow-header: 0 1px 3px rgba(0, 0, 0, .12);--wa-shadow-input: 0 -1px 3px rgba(0, 0, 0, .06);--wa-shadow-card: 0 1px 4px rgba(0, 0, 0, .1), 0 4px 16px rgba(0, 0, 0, .08);--wa-radius-bubble: 8px;--wa-radius-input: 24px;--wa-header-height: 64px;--wa-avatar-size: 48px;--wa-font-stack: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:var(--wa-font-stack);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}html{padding:var(--safe-top) var(--safe-right) 0 var(--safe-left)}body{background:var(--wa-bg-desktop)}a{color:#027eb5;text-decoration:none}a:hover{text-decoration:underline}.chat-container{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.chat-window{display:flex;flex-direction:column;width:100%;height:100%;max-width:100%;background:var(--wa-bg-chat);position:relative;overflow:hidden}@media(min-width:500px){body{background:var(--wa-bg-desktop)}body:before{content:"";position:fixed;top:0;left:0;right:0;height:127px;background:var(--wa-green-light);z-index:0}.chat-container{position:relative;z-index:1;padding:20px}.chat-window{max-width:420px;max-height:750px;border-radius:6px;box-shadow:var(--wa-shadow-card);overflow:hidden}}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 16px;scroll-behavior:smooth;position:relative;background-color:var(--wa-bg-chat);background-image:radial-gradient(circle at 20% 50%,rgba(0,0,0,.02) 1px,transparent 1px),radial-gradient(circle at 80% 20%,rgba(0,0,0,.02) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(0,0,0,.015) 1px,transparent 1px),radial-gradient(circle at 60% 40%,rgba(0,0,0,.015) 1px,transparent 1px);background-size:120px 120px,80px 80px,100px 100px,60px 60px;-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-header{display:flex;align-items:center;height:var(--wa-header-height);padding:0 12px 0 16px;background:var(--wa-green-primary);color:#fff;flex-shrink:0;z-index:10;box-shadow:var(--wa-shadow-header);position:relative}.chat-header__avatar-btn{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;margin-right:14px;-webkit-tap-highlight-color:transparent;outline:none;border-radius:50%;transition:transform .15s ease}.chat-header__avatar-btn:active{transform:scale(.94)}.chat-header__avatar{width:var(--wa-avatar-size);height:var(--wa-avatar-size);border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff26;box-shadow:0 0 0 2.5px #ffffff59;transition:box-shadow .2s ease}.chat-header__avatar-btn:hover .chat-header__avatar,.chat-header__avatar-btn:focus-visible .chat-header__avatar{box-shadow:0 0 0 2.5px #fff9}.chat-header__avatar img{width:100%;height:100%;object-fit:cover;display:block}.chat-header__info{display:flex;flex-direction:column;min-width:0;gap:1px}.chat-header__name{font-size:17px;font-weight:600;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.chat-header__status{font-size:13.5px;line-height:18px;opacity:.88}.chat-header__status--typing{color:#d1f4cc}.avatar-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000000d9;animation:lightboxFadeIn .25s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;-webkit-tap-highlight-color:transparent}.avatar-lightbox__img{max-width:88vw;max-height:88vh;border-radius:8px;object-fit:contain;animation:lightboxZoomIn .3s cubic-bezier(.22,1,.36,1);box-shadow:0 8px 40px #0006;pointer-events:none}.avatar-lightbox__close{position:absolute;top:16px;right:16px;top:calc(16px + var(--safe-top));width:40px;height:40px;border:none;background:#ffffff26;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:1001}.avatar-lightbox__close:hover{background:#ffffff40}.avatar-lightbox__name{position:absolute;bottom:32px;bottom:calc(32px + var(--safe-bottom));left:50%;transform:translate(-50%);color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.message-row{display:flex;margin-bottom:2px;animation:msgAppear .2s ease-out}.message-row--inbound{justify-content:flex-start}.message-row--outbound{justify-content:flex-end}@keyframes msgAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble{position:relative;max-width:75%;padding:8px 10px;border-radius:var(--wa-radius-bubble);word-wrap:break-word;white-space:pre-wrap;line-height:20px;font-size:14.5px;color:var(--wa-text-primary);box-shadow:0 1px .5px #00000021}@media(max-width:499px){.bubble{max-width:82%}}.bubble--inbound{background:var(--wa-bubble-inbound);border-top-left-radius:0}.bubble--outbound{background:var(--wa-bubble-outbound);border-top-right-radius:0}.bubble--tail.bubble--inbound:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-top:0 solid transparent;border-right:8px solid var(--wa-bubble-inbound);border-bottom:8px solid transparent}.bubble--tail.bubble--outbound:before{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-top:0 solid transparent;border-left:8px solid var(--wa-bubble-outbound);border-bottom:8px solid transparent}.bubble--tail{margin-top:4px}.bubble__text{display:inline}.bubble__meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:4px 0 -4px 8px;height:15px}.bubble__time{font-size:11px;color:var(--wa-text-secondary);line-height:15px}.checkmark{flex-shrink:0}.checkmark--pending{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.bubble--typing{padding:12px 16px}.typing-indicator{display:flex;align-items:center;gap:4px;height:18px}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--wa-text-placeholder);animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-bar{display:flex;align-items:flex-end;padding:6px 8px;padding-bottom:calc(6px + var(--safe-bottom));background:var(--wa-bg-panel);flex-shrink:0;gap:8px;min-height:54px;box-shadow:var(--wa-shadow-input);position:relative;z-index:5}.chat-input-bar__field{flex:1;display:flex;align-items:flex-end;background:#fff;border-radius:var(--wa-radius-input);padding:8px 16px;min-height:42px;border:1px solid rgba(0,0,0,.06);transition:border-color .15s}.chat-input-bar__field:focus-within{border-color:#0000001f}.chat-input-bar__textarea{flex:1;border:none;outline:none;resize:none;font-size:15px;line-height:20px;font-family:inherit;color:var(--wa-text-primary);max-height:120px;background:transparent}.chat-input-bar__textarea::placeholder{color:var(--wa-text-placeholder)}.chat-input-bar__btn{width:42px;height:42px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.chat-input-bar__btn:hover{background:#0000000d}.chat-input-bar__btn:active{transform:scale(.92)}.chat-input-bar__btn--send{background:var(--wa-green-light);border-radius:50%;box-shadow:0 1px 3px #00000026}.chat-input-bar__btn--send:hover{background:var(--wa-green-primary)}.chat-input-bar__btn--send svg{fill:#fff}.chat-input-bar__btn--send path{fill:#fff}.image-message{max-width:300px;border-radius:6px;overflow:hidden}.image-message__placeholder{width:250px;height:180px;background:linear-gradient(110deg,#e8e8e8 8%,#f2f2f2 18%,#e8e8e8 33%);background-size:200% 100%;border-radius:6px;animation:shimmerSlide 1.5s ease-in-out infinite}@keyframes shimmerSlide{0%{background-position:200% 0}to{background-position:-200% 0}}.image-message__img{width:100%;border-radius:6px;display:block;cursor:pointer}.image-message__caption{padding:4px 2px 0;font-size:14.5px;line-height:20px;color:var(--wa-text-primary)}.audio-player{display:flex;align-items:center;gap:10px;min-width:220px;padding:6px 0}.audio-player__btn{width:34px;height:34px;border:none;background:var(--wa-green-light);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;transition:background .15s,transform .1s;-webkit-tap-highlight-color:transparent}.audio-player__btn:hover{background:var(--wa-green-primary)}.audio-player__btn:active{transform:scale(.9)}.audio-player__btn svg{fill:#fff}.audio-player__waveform{flex:1;display:flex;align-items:center;gap:2px;height:32px;padding:0 2px}.audio-player__wave-bar{flex:1;border-radius:2px;background:#b8c7ce;transition:background .2s,height .15s ease;min-width:3px;max-width:4px}.audio-player__wave-bar--active{background:var(--wa-green-light)}.audio-player__wave-bar--playing{animation:waveBarPulse .6s ease-in-out infinite alternate}@keyframes waveBarPulse{0%{opacity:.7}to{opacity:1}}.audio-player__track{flex:1;height:4px;background:#c0c8cd;border-radius:2px;overflow:hidden}.audio-player__progress{height:100%;background:var(--wa-green-light);border-radius:2px;transition:width .2s linear}.audio-player__time{font-size:11px;color:var(--wa-text-secondary);min-width:32px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.audio-recorder{display:flex;align-items:center;gap:12px;width:100%;padding:4px 0}.audio-recorder__cancel{width:36px;height:36px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s;-webkit-tap-highlight-color:transparent}.audio-recorder__cancel:hover{background:#ef53501a}.audio-recorder__indicator{flex:1;display:flex;align-items:center;gap:8px}.audio-recorder__dot{width:10px;height:10px;border-radius:50%;background:#ef5350;animation:recPulse 1s ease-in-out infinite;flex-shrink:0}@keyframes recPulse{0%,to{opacity:1}50%{opacity:.3}}.audio-recorder__label{font-size:14px;color:var(--wa-text-secondary)}.audio-recorder__timer{font-size:14px;color:var(--wa-text-primary);font-variant-numeric:tabular-nums}.audio-recorder__send{width:42px;height:42px;border:none;background:var(--wa-green-light);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background .15s,transform .1s;box-shadow:0 1px 3px #00000026;-webkit-tap-highlight-color:transparent}.audio-recorder__send:hover{background:var(--wa-green-primary)}.audio-recorder__send:active{transform:scale(.92)}.audio-recorder__send path{fill:#fff}