*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:15px system-ui,-apple-system,Segoe UI,sans-serif;background:#eef2fa;color:#1a2b45}.app{height:100dvh;max-width:800px;margin:auto;display:flex;flex-direction:column;background:#fff;box-shadow:0 0 30px #1a327318}header{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#173b9b,#2766e2);padding:15px 17px;color:#fff;min-height:75px}.logo{width:43px;height:43px;display:grid;place-items:center;background:#ffffff30;border-radius:50%;font-size:27px}.headtext{flex:1;display:flex;flex-direction:column}.headtext strong{font-size:17px}.headtext small{font-size:11px;opacity:.88}.online{font-size:11px;color:#d5ffe7}.messages{flex:1;overflow-y:auto;min-height:0;padding:20px 15px;display:flex;flex-direction:column;gap:14px;background:#f7f9fe}.msg{max-width:88%;padding:12px 15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:17px;box-shadow:0 2px 8px #11275a0a}.msg.bot{align-self:flex-start;background:#fff;border:1px solid #e3e9f5;border-bottom-left-radius:5px}.msg.user{align-self:flex-end;background:#2357ce;color:white;border-bottom-right-radius:5px}.quick{padding:10px 14px 3px;display:flex;gap:7px;flex-wrap:wrap;max-height:130px;overflow:auto}.quick button{background:#f3f6ff;border:1px solid #bed0fb;color:#204ca9;border-radius:22px;padding:9px 12px;cursor:pointer;font-size:12px}.quick button:hover{background:#dce7ff}.composer{display:flex;gap:9px;padding:12px 14px}.composer input{flex:1;min-width:0;border:1px solid #d6e0f2;border-radius:25px;padding:13px 17px;font:inherit;outline-color:#2c63dd}.composer button{border:0;border-radius:50%;width:45px;height:45px;background:#245bd4;color:white;font-size:20px;cursor:pointer}.composer button:disabled{opacity:.5}.foot{font-size:10px;text-align:center;color:#6d7b92;padding:0 8px 10px}.foot button{border:0;background:transparent;color:#245bd4;cursor:pointer;text-decoration:underline}@media(min-width:850px){.app{height:min(96dvh,850px);margin:2dvh auto;border-radius:18px;overflow:hidden}}