.chat-modal{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:#20333a82;opacity:0;pointer-events:none;transition:.2s}.chat-modal.open{opacity:1;pointer-events:auto}.chat-box{width:min(440px,94vw);height:min(590px,84vh);background:#fffdf9;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #20333a55}.chat-box header{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid #edf0ed}.chat-box header>button{border:0;background:transparent;color:#60787b;font-size:28px;line-height:1;cursor:pointer}.chat-avatar{width:33px;height:33px;border-radius:50%;background:#e8896d;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700}.chat-box header b,.chat-box header small{display:block}.chat-box header b{font-size:13px}.chat-box header small{font-size:10px;color:#70a07d;margin-top:2px}.chat-messages{flex:1;padding:17px;overflow:auto;background:#f8faf7;display:flex;flex-direction:column;gap:9px}.bubble{max-width:75%;padding:9px 11px;border-radius:13px;font-size:12px;line-height:1.35}.bubble.them{align-self:flex-start;background:#fff;color:#3e585c;border-bottom-left-radius:3px}.bubble.me{align-self:flex-end;background:#e97858;color:#fff;border-bottom-right-radius:3px}.chat-compose{display:flex;padding:11px;gap:8px;border-top:1px solid #edf0ed}.chat-compose input{flex:1;border:1px solid #dce5df;border-radius:9px;padding:10px;font:12px 'DM Sans',sans-serif;outline-color:#e97858}.chat-compose button{border:0;background:#e97858;color:#fff;border-radius:9px;padding:0 13px;font-weight:700;font-size:11px;cursor:pointer}