:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#fff;--accent:#ff334c;--line:#303039;--green:#00c96b}
*{box-sizing:border-box}body{margin:0;padding:32px 18px;min-height:100vh;display:grid;place-items:center;background:#000}
main{width:min(100%,580px);padding:38px;background:#0a0a0a;border:1px solid #ff334c66;border-radius:24px;box-shadow:0 0 34px #ff334c14}
.brand{color:#fff;font-size:24px;font-weight:900;text-decoration:none;letter-spacing:-.6px}.brand::first-letter{color:var(--accent)}
.tag{display:block;font:800 10px/1.5 monospace;letter-spacing:1.5px;color:var(--accent);margin:26px 0 12px;text-shadow:0 0 12px #ff334c55}
h1{font-size:30px;line-height:1.1;letter-spacing:-1px;margin:0 0 20px;font-weight:900;color:#fff}
p{color:#bcbcc4;line-height:1.6}.price{font-size:30px;font-weight:900;color:#fff}
.button{display:block;width:100%;text-align:center;border:1px solid #18e985;border-radius:999px;padding:16px;margin:16px 0;background:var(--green);color:#001c0e;font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:background .18s ease,box-shadow .18s ease}
.button:hover{background:#18e985;box-shadow:0 0 20px #00c96b33}.button.secondary{background:#111;color:#fff;border-color:#ffffff80}.button.secondary:hover{border-color:var(--accent);box-shadow:0 0 18px #ff334c33}.button:disabled{opacity:.5;cursor:wait}
.channel{background:var(--green);color:#001c0e}.help{font-size:13px;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}.back{color:var(--accent);font-size:14px;text-underline-offset:4px}
#error{color:#ff8796}.status{padding:20px;border:1px solid var(--line);border-radius:14px}
.bubble{background:#15151b;border:1px solid #292933;border-radius:16px 16px 16px 3px;padding:16px;margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}
.bubble.customer{background:#251014;border-color:#ff334c70;border-radius:16px 16px 3px 16px;margin-left:25px;color:#fff}
.email-label{display:block;color:#eeeef2;margin:22px 0 8px}input[type=email]{width:100%;padding:15px;border:1px solid #55555f;border-radius:12px;background:#070708;color:#fff;font:inherit}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:480px){body{padding:18px 12px}main{padding:25px 20px}h1{font-size:28px}.button{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Conversa compacta: etapas curtas e mensagens progressivas. */
body{padding:16px 12px}main{width:min(100%,460px);padding:22px;border-radius:20px}.brand{font-size:21px}.tag{font-size:9px;letter-spacing:.8px;margin:14px 0 8px}h1{font-size:24px;margin-bottom:6px;letter-spacing:-.7px}#description{font-size:12px;margin:0 0 14px;color:#9999a2}.bubble{font-size:14px;line-height:1.45;padding:12px;margin:8px 0}.button{font-size:14px;min-height:44px;padding:11px 12px;margin:9px 0}.email-label{font-size:13px;margin:12px 0 6px}input[type=email]{font-size:16px;padding:11px 12px;min-height:44px}.help{font-size:11px;margin:16px 0 12px;padding-top:12px}.help summary{color:#9999a2;cursor:pointer}.help p{margin:8px 0;font-size:11px}.back{font-size:12px}#error:empty{display:none}
.typing{display:flex;gap:8px;align-items:center;color:#a5a5ae;font-size:12px;min-height:40px;padding:10px 0}.typing-dots{color:var(--accent);letter-spacing:3px;animation:typingPulse .8s ease-in-out infinite alternate}.composing>:not(.shown):not(.typing){display:none}.shown{animation:messageIn .18s ease-out}@keyframes typingPulse{from{opacity:.35}to{opacity:1}}@keyframes messageIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:480px){body{padding:10px;align-items:start}main{padding:18px 16px;margin:auto 0}h1{font-size:22px}.tag{margin-top:12px;font-size:8px}.bubble{font-size:14px}.help{margin-top:12px;padding-top:10px}}
@media(max-height:620px){body{padding:8px}main{padding:14px 16px}.tag{display:none}.brand{font-size:19px}h1{margin-top:12px;font-size:21px}#description{margin-bottom:10px}.bubble{padding:10px;margin:7px 0}.help{margin:10px 0}.button{margin:7px 0}}
@media(prefers-reduced-motion:reduce){.typing-dots,.shown{animation:none}}

/* Foto da loja identifica as mensagens do assistente. */
.chat-avatar{width:28px;height:28px;flex:0 0 28px;object-fit:cover;border:1px solid var(--accent);border-radius:50%;background:#111}.brand{display:inline-flex;align-items:center;gap:9px}.brand-avatar{width:34px;height:34px;flex-basis:34px;box-shadow:0 0 12px #ff334c30}.bubble:not(.customer){position:relative;margin-left:36px}.bubble:not(.customer)::before{content:"";position:absolute;left:-36px;top:8px;width:27px;height:27px;background:#111 url('/profile.jpeg') center/cover no-repeat;border:1px solid var(--accent);border-radius:50%}.typing{gap:8px}.typing .chat-avatar{box-shadow:0 0 10px #ff334c30}