*{box-sizing:border-box}body,html{margin:0;height:100%;background:#eef1f4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b2733}.chat{max-width:440px;height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 40px rgba(0,0,0,.08)}.chat-header{padding:16px 20px;font-weight:600;color:#fff;background:#0f5132;letter-spacing:.2px}.chat-log{flex:1 1;overflow-y:auto;padding:16px;flex-direction:column;gap:10px}.chat-log,.msg{display:flex}.msg span{max-width:82%;padding:10px 13px;border-radius:14px;line-height:1.4;white-space:pre-wrap;font-size:14px}.msg.babilo{justify-content:flex-start}.msg.babilo span{background:#f0f2f5;border-bottom-left-radius:4px}.msg.you{justify-content:flex-end}.msg.you span{background:#0f5132;color:#fff;border-bottom-right-radius:4px}.composer,.confirm{display:flex;gap:8px;padding:12px;border-top:1px solid #e6e9ee}.composer input{flex:1 1;padding:11px 13px;border:1px solid #d3d9e0;border-radius:10px;font-size:14px;outline:none}.composer input:focus{border-color:#0f5132}button{padding:11px 16px;border:0;border-radius:10px;background:#0f5132;color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.confirm button:last-child{background:#6b7683}