body{font-family:system-ui,sans-serif;margin:0;color:#173;display:flex;flex-direction:column;height:100vh}
header{background:#2b5c4b;color:#fff;padding:14px 16px;font-weight:600;font-size:1.1rem}
#chat{flex:1;overflow:auto;padding:12px 16px}
.grp{font-size:.8rem;color:#789;margin:10px 0 4px}
.chip{display:block;width:100%;text-align:left;margin:4px 0;padding:12px;border:1px solid #cdd;
  border-radius:12px;background:#f6f9f8;font-size:1rem}
.chip.more{background:#2b5c4b;color:#fff;border:none}
.msg{margin:8px 0;padding:10px 12px;border-radius:12px;max-width:85%}
.msg.me{background:#2b5c4b;color:#fff;margin-left:auto}
.msg.bot{background:#eef3f1}
.msg.fact{background:#fffbe6;border:1px solid #e8dca0;font-variant-numeric:tabular-nums}
#composer{display:flex;gap:8px;padding:10px 16px;border-top:1px solid #ddd}
#q{flex:1;padding:12px;border:1px solid #cdd;border-radius:20px;font-size:1rem}
#composer button{width:44px;border:none;border-radius:50%;background:#2b5c4b;color:#fff;font-size:1.2rem}