body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.header{background:#1e293b;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;display:flex}.header button{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:6px;padding:8px 14px}.header .active{color:#000;background:#38bdf8}.chips{background:#020617;gap:10px;padding:10px;display:flex;overflow-x:auto}.chips button{color:#fff;cursor:pointer;white-space:nowrap;background:#1e293b;border:none;border-radius:20px;padding:6px 12px;font-size:12px}.chips button:hover{color:#000;background:#38bdf8}.chat{flex-direction:column;flex:1;padding:15px;display:flex;overflow-y:auto}.user,.bot{word-wrap:break-word;border-radius:12px;max-width:70%;margin:8px 0;padding:10px 14px;line-height:1.4}.user{color:#000;background:#38bdf8;border-bottom-right-radius:2px;align-self:flex-end}.bot{background:#1e293b;border-bottom-left-radius:2px;align-self:flex-start}.input-box{background:#1e293b;padding:10px;display:flex}.input-box input{border:none;border-radius:6px;outline:none;flex:1;padding:10px}.input-box button{color:#000;cursor:pointer;background:#38bdf8;border:none;border-radius:6px;margin-left:10px;padding:10px 16px}@media (width<=600px){.user,.bot{max-width:85%}.header{flex-direction:column;align-items:center}.input-box button{padding:10px}}