body{font-family:system-ui,sans-serif;background:#f5f5f5;display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0}.chat-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 12px #0000000f;width:350px}h2{margin-top:0;text-align:center}.messages{height:300px;overflow-y:auto;border:1px solid #eee;border-radius:4px;margin-bottom:1rem;padding:.5rem;background:#fafbfc;font-size:.98rem}.message{margin:.5rem 0}.message.user{text-align:right;color:#204080}.message.ai{text-align:left;color:#095902}form{display:flex;gap:.5rem}input[type=text]{flex:1;padding:.4rem;border-radius:4px;border:1px solid #ccc}button{padding:.4rem 1rem;border:none;border-radius:4px;background:#204080;color:#fff;cursor:pointer}button:disabled{background:#b0b0b0;cursor:default}