*{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{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;background:var(--header-color,#1f3a68)}.chat-title{font-weight:600;letter-spacing:.2px;font-size:15px}.chat-close{background:transparent;border:0;color:#fff;font-size:22px;line-height:1;padding:0 4px;opacity:.85}.chat-close:hover{opacity:1}.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:var(--accent-color,#1f3a68);color:#fff;border-bottom-right-radius:4px}.msg.typing span{display:inline-flex;gap:4px;align-items:center;padding:13px 14px}.msg.typing .dot{width:7px;height:7px;border-radius:50%;background:#9aa4b0;animation:babilo-blink 1.2s ease-in-out infinite both}.msg.typing .dot:nth-child(2){animation-delay:.18s}.msg.typing .dot:nth-child(3){animation-delay:.36s}@keyframes babilo-blink{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}.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:var(--accent-color,#1f3a68)}button{padding:11px 16px;border:0;border-radius:10px;background:var(--accent-color,#1f3a68);color:#fff;font-size:14px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}.confirm button:last-child{background:#6b7683}