body{font-family:Arial,Helvetica,sans-serif;background:#f7f7f8}.container{width:420px;margin:40px auto;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 10px #0000000f}.banner{background:#0b93f6;color:#fff;padding:10px 12px;border-radius:6px;margin-bottom:12px;font-weight:600}.chat{min-height:300px;max-height:400px;overflow:auto;padding:12px;border:1px solid #eee;border-radius:6px;background:#fff}.bubble{padding:8px 12px;margin:8px 0;border-radius:18px;display:inline-block;max-width:85%}.bubble.user{background:#0b93f6;color:#fff;align-self:flex-end}.bubble.bot{background:#eee;color:#111}.controls{display:flex;gap:8px;margin-top:12px}.controls input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #ddd}.controls .refresh{padding:8px 12px;background:transparent;border:1px solid #dbeafc;color:#0b66b3;border-radius:6px;cursor:pointer}.controls .refresh:hover{background:#eaf4ff}.controls button{padding:8px 16px;background:#0b93f6;color:#fff;border:none;border-radius:6px}