:root{--text:#1f2028;--bg:#f4f3ec;--bubble-visitor:#aa3bff;--bubble-visitor-text:#fff;--bubble-agent:#fff;--bubble-agent-text:#1f2028;--border:#e5e4e7;--danger:#c0392b;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#f3f4f6;--bg:#16171d;--bubble-agent:#2e303a;--bubble-agent-text:#f3f4f6;--border:#2e303a}}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh;display:flex}.chat-window{flex-direction:column;width:100%;max-width:640px;min-height:100svh;margin:0 auto;display:flex}.chat-window--centered{text-align:center;justify-content:center;align-items:center;gap:16px;padding:24px}.chat-window__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-window__header h1{margin:0;font-size:18px}.connection-status{align-items:center;gap:6px;font-size:13px;display:flex}.connection-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.connection-dot--online{background:#2ecc71}.message-list{flex-direction:column;flex:1;gap:10px;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:80%;padding:8px 12px}.message--visitor{background:var(--bubble-visitor);color:var(--bubble-visitor-text);align-self:flex-end}.message--agent{background:var(--bubble-agent);color:var(--bubble-agent-text);border:1px solid var(--border);align-self:flex-start}.message__content{white-space:pre-wrap;overflow-wrap:break-word}.message__status{opacity:.8;font-size:12px;display:block}.message__retry{cursor:pointer;color:inherit;background:0 0;border:none;margin-top:4px;padding:0;font-size:12px;text-decoration:underline;display:block}.message-input{border-top:1px solid var(--border);gap:8px;padding:16px;display:flex}.message-input input{border:1px solid var(--border);font:inherit;border-radius:8px;flex:1;padding:10px 12px}.message-input button,.chat-window--centered button{background:var(--bubble-visitor);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:8px;padding:10px 16px}.message-input button:disabled{opacity:.5;cursor:not-allowed}