*{box-sizing:border-box}body{background:#d9dbd5;margin:0;font-family:system-ui,Segoe UI,Tahoma,sans-serif}.app{background:#efeae2;flex-direction:column;max-width:760px;height:100vh;margin:0 auto;display:flex}header{color:#fff;background:#075e54;align-items:center;gap:12px;padding:10px 16px;display:flex}header small{opacity:.8;font-size:12px;display:block}.avatar{background:#25d366;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}main{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow:auto}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;max-width:80%;padding:8px 12px;box-shadow:0 1px 1px #0002}.bubble.user{background:#d9fdd3;align-self:flex-end}.bubble.assistant{background:#fff;align-self:flex-start}.card{background:#f0f7ff;border-radius:6px;flex-wrap:wrap;gap:8px;margin-top:6px;padding:6px 8px;font-size:13px;display:flex}.card a{color:#0070ba}.err{color:#b00}.chips{gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.chips button{white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:16px;padding:4px 10px}form{background:#f0f0f0;gap:8px;padding:10px;display:flex}input{border:none;border-radius:20px;flex:1;padding:10px 14px;font-size:15px}form button{color:#fff;background:#075e54;border:none;border-radius:20px;padding:0 18px}.bubble.assistant .text{white-space:normal}.text p{margin:0 0 4px}.text p.h{font-weight:700}.text ul,.text ol{margin:2px 0 6px;padding-inline-start:20px}.text code{background:#0001;border-radius:4px;padding:0 4px}.text a{color:#0070ba}
