:root{--wa:#075e54;--wa-dark:#064c44;--button:#2e9187;--paper:#efeae2;--ink:#1d2426;--muted:#667781;--green:#00a884}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#171717;color:var(--ink)}body{display:grid;place-items:center}.phone{width:min(100%,480px);height:100vh;height:100dvh;background:var(--paper);display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;box-shadow:0 0 55px #0007}.chat-header{position:relative;z-index:2;background:linear-gradient(135deg,var(--wa),#126d62);color:#fff;display:flex;align-items:center;gap:10px;padding:8px 12px;box-shadow:0 1px 5px #0003}.back{border:0;background:transparent;color:#fff;font-size:37px;line-height:1;padding:0 2px 4px;cursor:pointer}.avatar{width:43px;height:43px;border-radius:50%;background:#032e28;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.avatar img{width:34px;height:34px;object-fit:contain}.contact{min-width:0;flex:1}.contact strong{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact span{display:block;margin-top:3px;font-size:12px;color:#dcfff7}.header-icon{width:22px;height:22px;display:grid;place-items:center;opacity:.95}.header-icon svg{width:21px;height:21px;fill:#fff}.menu{font-size:26px;line-height:1}.conversation{position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px max(22px,env(safe-area-inset-bottom));background-color:var(--paper);background-image:radial-gradient(circle at 15px 15px,#b8aaa01f 0 2px,transparent 2.5px),radial-gradient(circle at 34px 38px,#b8aaa019 0 5px,transparent 5.5px),linear-gradient(35deg,transparent 47%,#c9beb31f 48% 52%,transparent 53%);background-size:52px 52px;scroll-behavior:smooth}.business-note,.date-note{width:max-content;max-width:90%;margin:0 auto 12px;background:#d9f1ec;color:#56666b;border-radius:6px;padding:8px 12px;font-size:11px;text-align:center;box-shadow:0 1px 1px #0001}.date-note{background:#fff;color:#718087;padding:6px 10px;margin-bottom:17px}.message-row{display:flex;align-items:flex-end;gap:7px;margin:0 0 8px;animation:arrive .25s ease-out}.agent-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:center 25%;box-shadow:0 1px 3px #0003;flex:0 0 auto}.bubble{position:relative;background:#fff;border-radius:8px 8px 8px 2px;padding:9px 11px 7px;max-width:calc(100% - 42px);font-size:15px;line-height:1.38;box-shadow:0 1px 2px #0002;overflow-wrap:anywhere}.bubble strong{font-weight:800}.bubble time{float:right;margin:7px 0 0 12px;color:#8b969b;font-size:10px}.outgoing-row{justify-content:flex-end}.outgoing-row .bubble{background:#d9fdd3;border-radius:8px 8px 2px 8px}.outgoing-row time{color:#6f8679}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:9px 0 15px;padding-left:39px}.choices button,.choices a{display:grid;place-items:center;min-height:45px;border:0;border-radius:6px;background:var(--button);color:#fff;padding:11px 10px;font-size:14px;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 2px 4px #0002;transition:transform .15s,filter .15s}.choices button:hover,.choices a:hover{filter:brightness(1.08)}.choices button:active,.choices a:active{transform:scale(.98)}.choices .wide{grid-column:1/-1}.typing{display:flex;gap:5px;padding:15px 16px;min-width:62px}.typing i{width:7px;height:7px;border-radius:50%;background:#89949a;animation:pulse 1.15s infinite}.typing i:nth-child(2){animation-delay:.17s}.typing i:nth-child(3){animation-delay:.34s}@keyframes pulse{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:520px){body{place-items:stretch}.phone{width:100%;box-shadow:none}.conversation{padding-inline:10px}.bubble{font-size:14.5px}.choices{padding-left:39px}.header-icon{display:none}}@media(max-width:360px){.choices{grid-template-columns:1fr}.choices .wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.message-row{animation:none}.typing i{animation:none}}