*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f1b24;color:#eef;max-width:640px;margin:auto;padding:12px}
header h1{margin:.2em 0;font-size:1.5em}header p{margin:.2em 0;opacity:.85}.hi{font-size:.95em}
.badge{display:inline-block;padding:4px 10px;border-radius:12px;background:#334;margin:8px 0;font-size:.85em}.s-solo,.s-plus-one{background:#1d6b45}.s-no{background:#6b1d2a}
.log{display:flex;flex-direction:column;gap:8px;min-height:40vh;max-height:55vh;overflow-y:auto;padding:4px}
.msg{padding:8px 12px;border-radius:14px;max-width:85%;white-space:pre-wrap}.user{align-self:flex-end;background:#2f6fd6}.assistant{align-self:flex-start;background:#24333f}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.chips button{background:transparent;color:#cde;border:1px solid #567;border-radius:16px;padding:6px 10px;font-size:.9em}
form{display:flex;gap:6px}input{flex:1;padding:10px;border-radius:10px;border:0;font-size:16px}form button{padding:10px 14px;border-radius:10px;border:0;background:#2f6fd6;color:#fff}
body.host{max-width:1100px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85em}th,td{border-bottom:1px solid #345;padding:6px;text-align:left;vertical-align:top}