:root{--brand: #128c7e;--brand-dark: #0b6d61;--bg: #f4f6f8;--bubble-lead: #128c7e;--bubble-agent: #ffffff;--text: #1c1e21;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.widget-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#666}.lead-form-wrapper{max-width:420px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}.brand-badge{width:48px;height:48px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:12px;overflow:hidden}.brand-badge img{width:100%;height:100%;object-fit:cover}.brand-badge.small{width:36px;height:36px;font-size:14px;margin-bottom:0}.brand-badge.talking img{animation:avatar-pulse 1s infinite ease-in-out}@keyframes avatar-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.lead-form-header h1{font-size:1.5rem;margin:0 0 8px}.lead-form-header p{color:#555;margin:0 0 20px}.lead-form{display:flex;flex-direction:column;gap:14px;background:#fff;padding:20px;border-radius:14px;box-shadow:0 2px 12px #0000000f}.lead-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600}.lead-form .optional{font-weight:400;color:#888;font-size:.8rem}.gender-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem;font-weight:600}.gender-options{display:flex;gap:10px}.gender-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:11px;border:1px solid #d8dde3;border-radius:10px;font-weight:500;font-size:.95rem;cursor:pointer}.gender-choice input{margin:0;accent-color:var(--brand)}.gender-choice.selected{border-color:var(--brand);background:#128c7e14;color:var(--brand);font-weight:700}.lead-form input{padding:12px;border:1px solid #d8dde3;border-radius:10px;font-size:1rem}.lead-form input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.lead-form button{margin-top:6px;padding:13px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.lead-form button:disabled{opacity:.6;cursor:not-allowed}.form-error{color:#c0392b;font-size:.85rem;margin:0}.privacy-note{font-size:.75rem;color:#888;margin:0;text-align:center}.chat-window{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;background:var(--bg)}.chat-header{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top,0px)) 16px 14px;background:var(--brand);color:#fff}.chat-header strong{display:block;font-size:.95rem}.status-dot{font-size:.75rem;opacity:.85}.chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.chat-empty{color:#888;text-align:center;margin-top:40px;font-size:.9rem}.message-row{display:flex;align-items:flex-end;gap:8px}.row-lead{justify-content:flex-end}.row-other{justify-content:flex-start}.row-lead .bubble{order:1}.row-lead .msg-avatar{order:2}.msg-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#fff;box-shadow:0 0 0 1px #0000000f}.msg-avatar.talking{animation:avatar-pulse 1s infinite ease-in-out}.bubble{max-width:72%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble-lead{background:var(--bubble-lead);color:#fff;border-bottom-right-radius:4px}.bubble-agent,.bubble-bot{background:var(--bubble-agent);color:var(--text);box-shadow:0 1px 2px #00000014;border-bottom-left-radius:4px}.typing-bubble{display:flex;align-items:center;gap:4px;padding:14px 16px}.typing-dot{width:7px;height:7px;border-radius:50%;background:#9aa5ab;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-input{display:flex;gap:8px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e5e8eb}.chat-input input{flex:1;padding:11px 14px;border-radius:20px;border:1px solid #d8dde3;font-size:.95rem}.chat-input input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.chat-input button{width:42px;height:42px;border-radius:50%;border:none;background:var(--brand);color:#fff;font-size:1.1rem;cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 481px){html,body{height:100%}body{display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#0b6d61,#128c7e 55%,#1fae9b);padding:24px}#root{height:auto}.app-screen{width:430px;height:min(90vh,860px);border-radius:32px;box-shadow:0 24px 70px #00000073;overflow:hidden}.lead-form-wrapper.app-screen{min-height:0;overflow-y:auto;background:var(--bg)}}@media (prefers-color-scheme: dark){:root{--bg: #17212b;--text: #e8edf0;--bubble-agent: #232f3a}.lead-form,.chat-input{background:#1f2a35}.lead-form input,.chat-input input{background:#17212b;color:var(--text);border-color:#33414d}.lead-form-header p{color:#aab4bd}}