:root{font-family:Arial,sans-serif;color:#18231e;background:#dfe8df}*{box-sizing:border-box}body{margin:0}.messenger{min-height:100svh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 12% 4%,#d5f160 0 8%,transparent 30%),linear-gradient(130deg,#edf3e9,#c2d4c4)}.messengerCard{width:min(100%,620px);height:min(840px,calc(100svh - 36px));display:flex;flex-direction:column;background:#f5f7f3;border:1px solid #c8d2c8;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #19332130}.messengerHeader{min-height:78px;padding:13px 18px;display:flex;align-items:center;gap:12px;color:#fff;background:#174b31}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#d6fa3f;color:#183322;font-weight:800;font-size:22px}.messengerHeader span,.messengerHeader strong{display:block}.messengerHeader strong{font-size:15px}.messengerHeader span{font-size:13px;color:#bce6b9;margin-top:4px}.messengerHeader a{margin-left:auto;color:white;font-size:24px;text-decoration:none}.thread{flex:1 1;overflow:auto;padding:22px 16px;background:#f5f5f2 url(/messenger-pattern.png) top/620px auto repeat;background-blend-mode:multiply}.bubble{max-width:82%;padding:10px 12px 6px;margin:8px 0;border-radius:15px;white-space:pre-line;line-height:1.35;font-size:15px;box-shadow:0 1px 2px #15251614}.bubble.bot{background:#fff;border-top-left-radius:3px}.bubble.user{background:#d8f54b;margin-left:auto;border-top-right-radius:3px}.bubble small{display:block;text-align:right;color:#718071;font-size:11px;margin-top:4px}.typing{display:flex;gap:4px;background:white;width:max-content;padding:13px;border-radius:15px}.typing i{width:6px;height:6px;background:#79917b;border-radius:50%;animation:p 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes p{50%{transform:translateY(-4px)}}.visualReplies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:10px 12px;max-height:300px;overflow:auto;background:#fff;border-top:1px solid #d7ded7}.visualReplies button{width:auto;height:auto;min-height:108px;padding:0;overflow:hidden;text-align:left;border:1px solid #d6e0d0;border-radius:12px;background:#fbfdf9;color:#193221;font-size:inherit;box-shadow:0 1px 3px #13261618}.visualReplies button:active{transform:scale(.98)}.visualReplies img{display:block;width:100%;height:72px;object-fit:cover}.visualReplies button span{display:block;padding:7px 8px;font-size:12px;line-height:1.15;color:#29412b}.areaPicker{padding:14px 16px;background:#fff;border-top:1px solid #d7ded7;text-align:center}.areaPicker output{display:block;font-size:28px;font-weight:800;color:#174b31;margin-bottom:10px}.areaPicker input[type=range]{width:100%;padding:0;accent-color:#174b31}.areaPicker>div{display:flex;justify-content:space-between;margin:4px 0 12px}.areaPicker>div,.areaPicker>div span{color:#667568;font-size:12px}.areaPicker button,.composer .areaPicker button{width:100%;height:auto;padding:11px 14px;border:0;border-radius:12px;background:#174b31;color:#fff;font-size:14px;font-weight:700}.composer>div:last-child{display:flex;gap:9px;align-items:center;padding:10px 12px;background:#fff}.composer>div:last-child>span{font-size:26px;color:#5d7560}.composer input{flex:1 1;border:0;background:#eef2ed;border-radius:20px;padding:12px 14px;font:inherit;outline:none}.composer button,.contactForm button{border:0;border-radius:50%;width:42px;height:42px;background:#cfee3b;color:#193221;font-size:20px}.composer .visualReplies button{width:auto;height:auto;border:1px solid #d6e0d0;border-radius:12px;background:#fbfdf9;color:#193221;font-size:inherit}.composer button:disabled{opacity:.5}.contactForm button,.cta{display:block;margin:14px auto;background:#194c32;color:#fff;border:0;border-radius:18px;padding:13px 18px;font-weight:700}.chatError{text-align:center;color:#a72d2d}.contactForm{padding:12px;display:grid;grid-gap:8px;gap:8px;background:#fff;border-top:1px solid #d7ded7}.contactForm p{font-size:13px;margin:0}.contactForm input:not([type=checkbox]){padding:11px;border:1px solid #ccd5cc;border-radius:10px;font:inherit}.contactForm label{font-size:12px}.contactForm button{width:100%;border-radius:12px;margin:0;height:auto}@media(max-width:650px){.messenger{padding:0}.messengerCard{height:100svh;border-radius:0;border:0}.thread{background-size:520px auto}.visualReplies{max-height:330px}}