*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f7f7f8;color:#111827}.container{max-width:760px;margin:0 auto;padding:1rem}.subtitle{color:#4b5563}.controls,.text-form{display:flex;gap:.5rem;margin-bottom:1rem}button{background:#0d9488;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer}button:disabled{opacity:.5}input{flex:1;padding:.6rem;border-radius:8px;border:1px solid #d1d5db}.timeline{min-height:220px;display:grid;gap:.6rem}.msg{border-radius:10px;padding:.75rem}.msg.user{background:#d1fae5}.msg.assistant{background:#e0f2fe}.msg p{margin:.35rem 0 0}.footer{display:flex;justify-content:space-between;margin-top:1rem;color:#374151}